/*
DO NOT EDIT THIS FILE DIRECTLY!!!
*//* KOLD Colors */

/* Beverage Colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Custome colors */
meta.foundation-version {
  font-family: "/5.5.1/";
}
meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0;
}
meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width:744px)/";
  width: 0;
}
meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:745px)/";
  width: 745px;
}
meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:745px) and (max-width:1023px)/";
  width: 745px;
}
meta.foundation-mq-large {
  font-family: "/only screen and (min-width:1024px)/";
  width: 1024px;
}
meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:1024px) and (max-width:1199px)/";
  width: 1024px;
}
meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:1200px)/";
  width: 1200px;
}
meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:1200px) and (max-width:99999999em)/";
  width: 1200px;
}
meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.063em)/";
  width: 120.063em;
}
meta.foundation-data-attribute-namespace {
  font-family: false;
}
html, body {
  height: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html, body {
  font-size: 100%; /* 10px */
}
body {
  background: #fff;
  color: #333;
  padding: 0;
  margin: 0;
  font-family: MarkOT-Regular, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
  position: relative;
  cursor: auto;
}
a:hover {
  cursor: pointer;
}
img {
  max-width: 100%;
  height: auto;
}
img {
  -ms-interpolation-mode: bicubic;
}
#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object {
  max-width: none !important;
}
.left {
  float: left !important;
}
.right {
  float: right !important;
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.hide {
  display: none;
}
.invisible {
  visibility: hidden;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img {
  display: inline-block;
  vertical-align: middle;
}
textarea {
  height: auto;
  min-height: 50px;
}
select {
  width: 100%;
}
.row {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  max-width: 75rem !important;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.row.collapse > .column, .row.collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}
.row.collapse .row {
  margin-left: 0;
  margin-right: 0;
}
.row .row {
  width: auto;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
}
.row .row:before, .row .row:after {
  content: " ";
  display: table;
}
.row .row:after {
  clear: both;
}
.row .row.collapse {
  width: auto;
  margin: 0;
  max-width: none;
}
.row .row.collapse:before, .row .row.collapse:after {
  content: " ";
  display: table;
}
.row .row.collapse:after {
  clear: both;
}
.column, .columns {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
}
[class*="column"] + [class*="column"]:last-child {
  float: right;
}
[class*="column"] + [class*="column"].end {
  float: left;
}
@media only screen {
  .small-push-0 {
    position: relative;
    left: 0%;
    right: auto;
  }
  .small-pull-0 {
    position: relative;
    right: 0%;
    left: auto;
  }
  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }
  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }
  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }
  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }
  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }
  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }
  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }
  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }
  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }
  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }
  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }
  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }
  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }
  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }
  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }
  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
  .column, .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }
  .small-1 {
    width: 8.33333%;
  }
  .small-2 {
    width: 16.66667%;
  }
  .small-3 {
    width: 25%;
  }
  .small-4 {
    width: 33.33333%;
  }
  .small-5 {
    width: 41.66667%;
  }
  .small-6 {
    width: 50%;
  }
  .small-7 {
    width: 58.33333%;
  }
  .small-8 {
    width: 66.66667%;
  }
  .small-9 {
    width: 75%;
  }
  .small-10 {
    width: 83.33333%;
  }
  .small-11 {
    width: 91.66667%;
  }
  .small-12 {
    width: 100%;
  }
  .small-offset-0 {
    margin-left: 0% !important;
  }
  .small-offset-1 {
    margin-left: 8.33333% !important;
  }
  .small-offset-2 {
    margin-left: 16.66667% !important;
  }
  .small-offset-3 {
    margin-left: 25% !important;
  }
  .small-offset-4 {
    margin-left: 33.33333% !important;
  }
  .small-offset-5 {
    margin-left: 41.66667% !important;
  }
  .small-offset-6 {
    margin-left: 50% !important;
  }
  .small-offset-7 {
    margin-left: 58.33333% !important;
  }
  .small-offset-8 {
    margin-left: 66.66667% !important;
  }
  .small-offset-9 {
    margin-left: 75% !important;
  }
  .small-offset-10 {
    margin-left: 83.33333% !important;
  }
  .small-offset-11 {
    margin-left: 91.66667% !important;
  }
  .small-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left;
  }
  .column.small-centered, .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .column.small-uncentered, .columns.small-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
  .column.small-centered:last-child, .columns.small-centered:last-child {
    float: none;
  }
  .column.small-uncentered:last-child, .columns.small-uncentered:last-child {
    float: left;
  }
  .column.small-uncentered.opposite, .columns.small-uncentered.opposite {
    float: right;
  }
  .row.small-collapse > .column, .row.small-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .row.small-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .row.small-uncollapse > .column, .row.small-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }
}

@media only screen and (min-width:1200px) {
  .collapse-desktop{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media only screen and (min-width:768px) {
  .medium-push-0 {
    position: relative;
    left: 0%;
    right: auto;
  }
  .medium-pull-0 {
    position: relative;
    right: 0%;
    left: auto;
  }
  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }
  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }
  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }
  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }
  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }
  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }
  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }
  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }
  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }
  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }
  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }
  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }
  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }
  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }
  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }
  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
  .column, .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }
  .medium-1 {
    width: 8.33333%;
  }
  .medium-2 {
    width: 16.66667%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-4 {
    width: 33.33333%;
  }
  .medium-5 {
    width: 41.66667%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-7 {
    width: 58.33333%;
  }
  .medium-8 {
    width: 66.66667%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-10 {
    width: 83.33333%;
  }
  .medium-11 {
    width: 91.66667%;
  }
  .medium-12 {
    width: 100%;
  }
  .medium-offset-0 {
    margin-left: 0% !important;
  }
  .medium-offset-1 {
    margin-left: 8.33333% !important;
  }
  .medium-offset-2 {
    margin-left: 16.66667% !important;
  }
  .medium-offset-3 {
    margin-left: 25% !important;
  }
  .medium-offset-4 {
    margin-left: 33.33333% !important;
  }
  .medium-offset-5 {
    margin-left: 41.66667% !important;
  }
  .medium-offset-6 {
    margin-left: 50% !important;
  }
  .medium-offset-7 {
    margin-left: 58.33333% !important;
  }
  .medium-offset-8 {
    margin-left: 66.66667% !important;
  }
  .medium-offset-9 {
    margin-left: 75% !important;
  }
  .medium-offset-10 {
    margin-left: 83.33333% !important;
  }
  .medium-offset-11 {
    margin-left: 91.66667% !important;
  }
  .medium-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left;
  }
  .column.medium-centered, .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .column.medium-uncentered, .columns.medium-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
  .column.medium-centered:last-child, .columns.medium-centered:last-child {
    float: none;
  }
  .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child {
    float: left;
  }
  .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite {
    float: right;
  }
  .row.medium-collapse > .column, .row.medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .row.medium-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }
  .push-0 {
    position: relative;
    left: 0%;
    right: auto;
  }
  .pull-0 {
    position: relative;
    right: 0%;
    left: auto;
  }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
}
@media only screen and (min-width:1024px) {
  .large-push-0 {
    position: relative;
    left: 0%;
    right: auto;
  }
  .large-pull-0 {
    position: relative;
    right: 0%;
    left: auto;
  }
  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }
  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }
  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }
  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }
  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }
  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }
  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }
  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }
  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }
  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }
  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }
  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }
  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }
  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }
  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }
  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
  .column, .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }
  .large-1 {
    width: 8.33333%;
  }
  .large-2 {
    width: 16.66667%;
  }
  .large-3 {
    width: 25%;
  }
  .large-4 {
    width: 33.33333%;
  }
  .large-5 {
    width: 41.66667%;
  }
  .large-6 {
    width: 50%;
  }
  .large-7 {
    width: 58.33333%;
  }
  .large-8 {
    width: 66.66667%;
  }
  .large-9 {
    width: 75%;
  }
  .large-10 {
    width: 83.33333%;
  }
  .large-11 {
    width: 91.66667%;
  }
  .large-12 {
    width: 100%;
  }
  .large-offset-0 {
    margin-left: 0% !important;
  }
  .large-offset-1 {
    margin-left: 8.33333% !important;
  }
  .large-offset-2 {
    margin-left: 16.66667% !important;
  }
  .large-offset-3 {
    margin-left: 25% !important;
  }
  .large-offset-4 {
    margin-left: 33.33333% !important;
  }
  .large-offset-5 {
    margin-left: 41.66667% !important;
  }
  .large-offset-6 {
    margin-left: 50% !important;
  }
  .large-offset-7 {
    margin-left: 58.33333% !important;
  }
  .large-offset-8 {
    margin-left: 66.66667% !important;
  }
  .large-offset-9 {
    margin-left: 75% !important;
  }
  .large-offset-10 {
    margin-left: 83.33333% !important;
  }
  .large-offset-11 {
    margin-left: 91.66667% !important;
  }
  .large-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left;
  }
  .column.large-centered, .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .column.large-uncentered, .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
  .column.large-centered:last-child, .columns.large-centered:last-child {
    float: none;
  }
  .column.large-uncentered:last-child, .columns.large-uncentered:last-child {
    float: left;
  }
  .column.large-uncentered.opposite, .columns.large-uncentered.opposite {
    float: right;
  }
  .row.large-collapse > .column, .row.large-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .row.large-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .row.large-uncollapse > .column, .row.large-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }
  .push-0 {
    position: relative;
    left: 0%;
    right: auto;
  }
  .pull-0 {
    position: relative;
    right: 0%;
    left: auto;
  }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
}

/* Custome colors */
.accordion {
  margin-bottom: 0;
}
.accordion:before, .accordion:after {
  content: " ";
  display: table;
}
.accordion:after {
  clear: both;
}
.accordion .accordion-navigation, .accordion dd {
  display: block;
  margin-bottom: 0 !important;
}
.accordion .accordion-navigation.active > a, .accordion dd.active > a {
  background: #e8e8e8;
}
.accordion .accordion-navigation > a, .accordion dd > a {
  background: #EFEFEF;
  color: #333;
  padding: 1rem;
  display: block;
  font-family: MarkOT-Regular, Helvetica, Arial, sans-serif;
  font-size: 1rem;
}
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
  background: #e3e3e3;
}
.accordion .accordion-navigation > .content, .accordion dd > .content {
  display: none;
  padding: 0.9375rem;
}
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
  display: block;
  background: #ffffff;
}

/* Custome colors */
.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-weight: normal;
  margin-bottom: 1.25rem;
  position: relative;
  padding: 0.875rem 1.5rem 0.875rem 0.875rem;
  font-size: 0.8125rem;
  transition: opacity 300ms ease-out;
  background-color: #008CBA;
  border-color: #0078a0;
  color: #ffffff;
}
.alert-box .close {
  font-size: 1.375rem;
  padding: 0 6px 4px;
  line-height: .9;
  position: absolute;
  top: 50%;
  margin-top: -0.6875rem;
  right: 0.25rem;
  color: #333333;
  opacity: 0.3;
  background: inherit;
}
.alert-box .close:hover, .alert-box .close:focus {
  opacity: 0.5;
}
.alert-box.radius {
  border-radius: 3px;
}
.alert-box.round {
  border-radius: 1000px;
}
.alert-box.success {
  background-color: #43AC6A;
  border-color: #3a945b;
  color: #ffffff;
}
.alert-box.alert {
  background-color: #f04124;
  border-color: #de2d0f;
  color: #ffffff;
}
.alert-box.secondary {
  background-color: #e7e7e7;
  border-color: #c7c7c7;
  color: #4f4f4f;
}
.alert-box.warning {
  background-color: #f08a24;
  border-color: #de770f;
  color: #ffffff;
}
.alert-box.info {
  background-color: #a0d3e8;
  border-color: #74bfdd;
  color: #4f4f4f;
}
.alert-box.alert-close {
  opacity: 0;
}

/* Custome colors */
[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.625rem;
}
[class*="block-grid-"]:before, [class*="block-grid-"]:after {
  content: " ";
  display: table;
}
[class*="block-grid-"]:after {
  clear: both;
}
[class*="block-grid-"] > li {
  display: block;
  height: auto;
  float: left;
  padding: 0 0.625rem 1.25rem;
}
@media only screen {
  .small-block-grid-1 > li {
    width: 100%;
    list-style: none;
  }
  .small-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }
  .small-block-grid-2 > li {
    width: 50%;
    list-style: none;
  }
  .small-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }
  .small-block-grid-3 > li {
    width: 33.33333%;
    list-style: none;
  }
  .small-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }
  .small-block-grid-4 > li {
    width: 25%;
    list-style: none;
  }
  .small-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }
  .small-block-grid-5 > li {
    width: 20%;
    list-style: none;
  }
  .small-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }
  .small-block-grid-6 > li {
    width: 16.66667%;
    list-style: none;
  }
  .small-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }
  .small-block-grid-7 > li {
    width: 14.28571%;
    list-style: none;
  }
  .small-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }
  .small-block-grid-8 > li {
    width: 12.5%;
    list-style: none;
  }
  .small-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }
  .small-block-grid-9 > li {
    width: 11.11111%;
    list-style: none;
  }
  .small-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }
  .small-block-grid-10 > li {
    width: 10%;
    list-style: none;
  }
  .small-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }
  .small-block-grid-11 > li {
    width: 9.09091%;
    list-style: none;
  }
  .small-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }
  .small-block-grid-12 > li {
    width: 8.33333%;
    list-style: none;
  }
  .small-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}
@media only screen and (min-width:745px) {
  .medium-block-grid-1 > li {
    width: 100%;
    list-style: none;
  }
  .medium-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }
  .medium-block-grid-2 > li {
    width: 50%;
    list-style: none;
  }
  .medium-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }
  .medium-block-grid-3 > li {
    width: 33.33333%;
    list-style: none;
  }
  .medium-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }
  .medium-block-grid-4 > li {
    width: 25%;
    list-style: none;
  }
  .medium-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }
  .medium-block-grid-5 > li {
    width: 20%;
    list-style: none;
  }
  .medium-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }
  .medium-block-grid-6 > li {
    width: 16.66667%;
    list-style: none;
  }
  .medium-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }
  .medium-block-grid-7 > li {
    width: 14.28571%;
    list-style: none;
  }
  .medium-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }
  .medium-block-grid-8 > li {
    width: 12.5%;
    list-style: none;
  }
  .medium-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }
  .medium-block-grid-9 > li {
    width: 11.11111%;
    list-style: none;
  }
  .medium-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }
  .medium-block-grid-10 > li {
    width: 10%;
    list-style: none;
  }
  .medium-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }
  .medium-block-grid-11 > li {
    width: 9.09091%;
    list-style: none;
  }
  .medium-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }
  .medium-block-grid-12 > li {
    width: 8.33333%;
    list-style: none;
  }
  .medium-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}
@media only screen and (min-width:1024px) {
  .large-block-grid-1 > li {
    width: 100%;
    list-style: none;
  }
  .large-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }
  .large-block-grid-2 > li {
    width: 50%;
    list-style: none;
  }
  .large-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }
  .large-block-grid-3 > li {
    width: 33.33333%;
    list-style: none;
  }
  .large-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }
  .large-block-grid-4 > li {
    width: 25%;
    list-style: none;
  }
  .large-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }
  .large-block-grid-5 > li {
    width: 20%;
    list-style: none;
  }
  .large-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }
  .large-block-grid-6 > li {
    width: 16.66667%;
    list-style: none;
  }
  .large-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }
  .large-block-grid-7 > li {
    width: 14.28571%;
    list-style: none;
  }
  .large-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }
  .large-block-grid-8 > li {
    width: 12.5%;
    list-style: none;
  }
  .large-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }
  .large-block-grid-9 > li {
    width: 11.11111%;
    list-style: none;
  }
  .large-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }
  .large-block-grid-10 > li {
    width: 10%;
    list-style: none;
  }
  .large-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }
  .large-block-grid-11 > li {
    width: 9.09091%;
    list-style: none;
  }
  .large-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }
  .large-block-grid-12 > li {
    width: 8.33333%;
    list-style: none;
  }
  .large-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}

/* Custome colors */
.breadcrumbs {
  display: block;
  padding: 0.5625rem 0.875rem 0.5625rem;
  overflow: hidden;
  margin-left: 0;
  list-style: none;
  border-style: solid;
  border-width: 1px;
  background-color: #f4f4f4;
  border-color: gainsboro;
  border-radius: 3px;
}
.breadcrumbs > * {
  margin: 0;
  float: left;
  font-size: 0.6875rem;
  line-height: 0.6875rem;
  text-transform: uppercase;
  color: #008CBA;
}
.breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
  text-decoration: underline;
}
.breadcrumbs > * a {
  color: #008CBA;
}
.breadcrumbs > *.current {
  cursor: default;
  color: #333333;
}
.breadcrumbs > *.current a {
  cursor: default;
  color: #333333;
}
.breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
  text-decoration: none;
}
.breadcrumbs > *.unavailable {
  color: #999999;
}
.breadcrumbs > *.unavailable a {
  color: #999999;
}
.breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus, .breadcrumbs > *.unavailable a:focus {
  text-decoration: none;
  color: #999999;
  cursor: false;
}
.breadcrumbs > *:before {
  content: "/";
  color: #AAAAAA;
  margin: 0 0.75rem;
  position: relative;
  top: 1px;
}
.breadcrumbs > *:first-child:before {
  content: " ";
  margin: 0;
}

/* Accessibility - hides the forward slash */
[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
  content: "/";
}

/* Custome colors */

/* Custome colors */

.btn-box, .user-reviews-container .pr-submit-button, .user-reviews-container .pr-cancel-button {
  font-size: 14px;
  color: #FFF;
  padding: 11px 35px;
  text-transform: uppercase;
  text-align: center;
  font-family: 'MarkOT-Medium';
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  text-decoration: none;
  display: inline-block;
  border: 2px solid transparent;
  border-radius: 2px;
}

.btn-box:disabled {
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  opacity: 0.6;
}
.user-reviews-container .pr-submit-button {
  background: #f1be48;
  color: #333;
}
.btn-box.btn-orange:hover{
  cursor: pointer;
}
 .user-reviews-container .pr-submit-button:hover {
  cursor: pointer;
  background: #2F4053;
  color: #FFF;
}
 .user-reviews-container .pr-submit-button:active {
  background-color: #68676B;
  color: #FFF;
}

.btn-box.btn-grey {

  cursor: pointer;
}

.btn-box.btn-grey:disabled {

  cursor: default;
}

.btn-box.btn-white, .user-reviews-container .pr-cancel-button {
  background: transparent;
  color: #333;
  border: 2px solid #f1be48;
}
.btn-box.btn-white:hover, .user-reviews-container .pr-cancel-button:hover {
  border-color: #2F4053;
}
.btn-box.btn-white:active, .user-reviews-container .pr-cancel-button:active {
  border-color: #68676B;
}
.btn-box.btn-white-alt {

  font-size: 14px;
}
.btn-box.btn-green, .btn-box.btn-green:hover {
  background: #68676B !important;
  color: #FFF !important;
}
.btn-box.btn-black {
  background: transparent;
  border: 2px solid #f1be48;
}
.btn-box.btn-black:hover {
  color: #F8C612;
}
.btn-box.btn-black:active {
  border-color: #4e5c6d;
  color: #4e5c6d;
}
.btn-box.btn-black:disabled:hover, .btn-box.btn-black.disabled {
  border-color: #4e5c6d;
  color: #4e5c6d;
}
.btn-box.btn-black.disabled {
  cursor: default;
}


/*button, .button {
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: MarkOT-Regular,Helvetica,Arial,sans-serif;
  font-weight: normal;
  line-height: normal;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  display: inline-block;
  padding-top: 1rem;
  padding-right: 2rem;
  padding-bottom: 1.0625rem;
  padding-left: 2rem;
  font-size: 1rem;
  background-color: #008CBA;
  border-color: #007095;
  color: #ffffff;
  transition: background-color 300ms ease-out;
}
button:hover, button:focus, .button:hover, .button:focus {
  background-color: #007095;
}
button:hover, button:focus, .button:hover, .button:focus {
  color: #ffffff;
}
button.secondary, .button.secondary {
  background-color: #e7e7e7;
  border-color: #b9b9b9;
  color: #333333;
}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  background-color: #b9b9b9;
}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  color: #333333;
}
button.success, .button.success {
  background-color: #43AC6A;
  border-color: #368a55;
  color: #ffffff;
}
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
  background-color: #368a55;
}
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
  color: #ffffff;
}
button.alert, .button.alert {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: #ffffff;
}
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  background-color: #cf2a0e;
}
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  color: #ffffff;
}
button.warning, .button.warning {
  background-color: #f08a24;
  border-color: #cf6e0e;
  color: #ffffff;
}
button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
  background-color: #cf6e0e;
}
button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
  color: #ffffff;
}
button.info, .button.info {
  background-color: #a0d3e8;
  border-color: #61b6d9;
  color: #333333;
}
button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
  background-color: #61b6d9;
}
button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
  color: #ffffff;
}*/
/* added for content managed buttons-QE-184 */
.btn-box.btn-orange.btn-content-large,.btn-box.btn-white-alt.btn-content-large {
    width: 232px;
    padding: 9px 0px;
}

.btn-box.btn-orange.btn-content-small,.btn-box.btn-white-alt.btn-content-small {
    width: 170px;
    padding: 9px 0px;
}
button.large, .button.large {
  padding-top: 1.125rem;
  padding-right: 2.25rem;
  padding-bottom: 1.1875rem;
  padding-left: 2.25rem;
  font-size: 1.25rem;
}
button.small, .button.small {
  padding-top: 0.875rem;
  padding-right: 1.75rem;
  padding-bottom: 0.9375rem;
  padding-left: 1.75rem;
  font-size: 0.8125rem;
}
button.tiny, .button.tiny {
  padding-top: 1.125rem;
  padding-right: 1.25rem;
  padding-bottom: 0.6875rem;
  padding-left: 1.25rem;
  font-size: 0.6875rem;
}
button.expand, .button.expand {
  padding-right: 0;
  padding-left: 0;
  width: 100%;
}
button.left-align, .button.left-align {
  text-align: left;
  text-indent: 0.75rem;
}
button.right-align, .button.right-align {
  text-align: right;
  padding-right: 0.75rem;
}
button.radius, .button.radius {
  border-radius: 3px;
}
button.round, .button.round {
  border-radius: 1000px;
}
button.disabled, button[disabled], .button.disabled, .button[disabled] {

  /*background-color: #008CBA;
  border-color: #007095;
  color: #ffffff;*/
  cursor: default;
  opacity: 0.7;
  box-shadow: none;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  background-color: #007095;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  color: #ffffff;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  background-color: #008CBA;
}
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
  background-color: #e7e7e7;
  border-color: #b9b9b9;
  color: #333333;
  cursor: default;
  opacity: 0.7;
  box-shadow: none;
}
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: #b9b9b9;
}
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  color: #333333;
}
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: #e7e7e7;
}
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
  background-color: #43AC6A;
  border-color: #368a55;
  color: #ffffff;
  cursor: default;
  opacity: 0.7;
  box-shadow: none;
}
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #368a55;
}
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  color: #ffffff;
}
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #43AC6A;
}
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: #ffffff;
  cursor: default;
  opacity: 0.7;
  box-shadow: none;
}
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #cf2a0e;
}
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  color: #ffffff;
}
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #f04124;
}
button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
  background-color: #f08a24;
  border-color: #cf6e0e;
  color: #ffffff;
  cursor: default;
  opacity: 0.7;
  box-shadow: none;
}
button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
  background-color: #cf6e0e;
}
button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
  color: #ffffff;
}
button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
  background-color: #f08a24;
}
button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info {
  background-color: #a0d3e8;
  border-color: #61b6d9;
  color: #333333;
  cursor: default;
  opacity: 0.7;
  box-shadow: none;
}
button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
  background-color: #61b6d9;
}
button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
  color: #ffffff;
}
button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
  background-color: #a0d3e8;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
@media only screen and (min-width:745px) {
  button, .button {
    display: inline-block;
  }
}
.button-group {
  list-style: none;
  margin: 0;
  left: 0;
}
.button-group:before, .button-group:after {
  content: " ";
  display: table;
}
.button-group:after {
  clear: both;
}
.button-group.even-2 li {
  margin: 0 -2px;
  display: inline-block;
  width: 50%;
}
.button-group.even-2 li > button, .button-group.even-2 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button {
  border-left: 0;
}
.button-group.even-2 li button, .button-group.even-2 li .button {
  width: 100%;
}
.button-group.even-3 li {
  margin: 0 -2px;
  display: inline-block;
  width: 33.33333%;
}
.button-group.even-3 li > button, .button-group.even-3 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button {
  border-left: 0;
}
.button-group.even-3 li button, .button-group.even-3 li .button {
  width: 100%;
}
.button-group.even-4 li {
  margin: 0 -2px;
  display: inline-block;
  width: 25%;
}
.button-group.even-4 li > button, .button-group.even-4 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button {
  border-left: 0;
}
.button-group.even-4 li button, .button-group.even-4 li .button {
  width: 100%;
}
.button-group.even-5 li {
  margin: 0 -2px;
  display: inline-block;
  width: 20%;
}
.button-group.even-5 li > button, .button-group.even-5 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button {
  border-left: 0;
}
.button-group.even-5 li button, .button-group.even-5 li .button {
  width: 100%;
}
.button-group.even-6 li {
  margin: 0 -2px;
  display: inline-block;
  width: 16.66667%;
}
.button-group.even-6 li > button, .button-group.even-6 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button {
  border-left: 0;
}
.button-group.even-6 li button, .button-group.even-6 li .button {
  width: 100%;
}
.button-group.even-7 li {
  margin: 0 -2px;
  display: inline-block;
  width: 14.28571%;
}
.button-group.even-7 li > button, .button-group.even-7 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button {
  border-left: 0;
}
.button-group.even-7 li button, .button-group.even-7 li .button {
  width: 100%;
}
.button-group.even-8 li {
  margin: 0 -2px;
  display: inline-block;
  width: 12.5%;
}
.button-group.even-8 li > button, .button-group.even-8 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button {
  border-left: 0;
}
.button-group.even-8 li button, .button-group.even-8 li .button {
  width: 100%;
}
.button-group > li {
  margin: 0 -2px;
  display: inline-block;
}
.button-group > li > button, .button-group > li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.button-group > li:first-child button, .button-group > li:first-child .button {
  border-left: 0;
}
.button-group.stack > li {
  margin: 0 -2px;
  display: inline-block;
  display: block;
  margin: 0;
  float: none;
}
.button-group.stack > li > button, .button-group.stack > li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
  border-left: 0;
}
.button-group.stack > li > button, .button-group.stack > li .button {
  border-top: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
  border-left-width: 0;
  margin: 0;
  display: block;
}
.button-group.stack > li > button {
  width: 100%;
}
.button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
  border-top: 0;
}
.button-group.stack-for-small > li {
  margin: 0 -2px;
  display: inline-block;
}
.button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
  border-left: 0;
}
@media only screen and (max-width:744px) {
  .button-group.stack-for-small > li {
    margin: 0 -2px;
    display: inline-block;
    display: block;
    margin: 0;
  }
  .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
  }
  .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
    border-left: 0;
  }
  .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
    border-top: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
    border-left-width: 0;
    margin: 0;
    display: block;
  }
  .button-group.stack-for-small > li > button {
    width: 100%;
  }
  .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
    border-top: 0;
  }
}
.button-group.radius > * {
  margin: 0 -2px;
  display: inline-block;
}
.button-group.radius > * > button, .button-group.radius > * .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.button-group.radius > *:first-child button, .button-group.radius > *:first-child .button {
  border-left: 0;
}
.button-group.radius > *, .button-group.radius > * > a, .button-group.radius > * > button, .button-group.radius > * > .button {
  border-radius: 0;
}
.button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button {
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button {
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.button-group.radius.stack > * {
  margin: 0 -2px;
  display: inline-block;
  display: block;
  margin: 0;
}
.button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
  border-left: 0;
}
.button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
  border-top: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
  border-left-width: 0;
  margin: 0;
  display: block;
}
.button-group.radius.stack > * > button {
  width: 100%;
}
.button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
  border-top: 0;
}
.button-group.radius.stack > *, .button-group.radius.stack > * > a, .button-group.radius.stack > * > button, .button-group.radius.stack > * > .button {
  border-radius: 0;
}
.button-group.radius.stack > *:first-child, .button-group.radius.stack > *:first-child > a, .button-group.radius.stack > *:first-child > button, .button-group.radius.stack > *:first-child > .button {
  -webkit-top-left-radius: 3px;
  -webkit-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.button-group.radius.stack > *:last-child, .button-group.radius.stack > *:last-child > a, .button-group.radius.stack > *:last-child > button, .button-group.radius.stack > *:last-child > .button {
  -webkit-bottom-left-radius: 3px;
  -webkit-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
@media only screen and (min-width:745px) {
  .button-group.radius.stack-for-small > * {
    margin: 0 -2px;
    display: inline-block;
  }
  .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
  }
  .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
    border-left: 0;
  }
  .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button {
    border-radius: 0;
  }
  .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
  }
  .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
  }
}
@media only screen and (max-width:744px) {
  .button-group.radius.stack-for-small > * {
    margin: 0 -2px;
    display: inline-block;
    display: block;
    margin: 0;
  }
  .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
  }
  .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
    border-left: 0;
  }
  .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
    border-top: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
    border-left-width: 0;
    margin: 0;
    display: block;
  }
  .button-group.radius.stack-for-small > * > button {
    width: 100%;
  }
  .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
    border-top: 0;
  }
  .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button {
    border-radius: 0;
  }
  .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button {
    -webkit-top-left-radius: 3px;
    -webkit-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button {
    -webkit-bottom-left-radius: 3px;
    -webkit-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
}
.button-group.round > * {
  margin: 0 -2px;
  display: inline-block;
}
.button-group.round > * > button, .button-group.round > * .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.button-group.round > *:first-child button, .button-group.round > *:first-child .button {
  border-left: 0;
}
.button-group.round > *, .button-group.round > * > a, .button-group.round > * > button, .button-group.round > * > .button {
  border-radius: 0;
}
.button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button {
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}
.button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button {
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}
.button-group.round.stack > * {
  margin: 0 -2px;
  display: inline-block;
  display: block;
  margin: 0;
}
.button-group.round.stack > * > button, .button-group.round.stack > * .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
  border-left: 0;
}
.button-group.round.stack > * > button, .button-group.round.stack > * .button {
  border-top: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
  border-left-width: 0;
  margin: 0;
  display: block;
}
.button-group.round.stack > * > button {
  width: 100%;
}
.button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
  border-top: 0;
}
.button-group.round.stack > *, .button-group.round.stack > * > a, .button-group.round.stack > * > button, .button-group.round.stack > * > .button {
  border-radius: 0;
}
.button-group.round.stack > *:first-child, .button-group.round.stack > *:first-child > a, .button-group.round.stack > *:first-child > button, .button-group.round.stack > *:first-child > .button {
  -webkit-top-left-radius: 1rem;
  -webkit-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.button-group.round.stack > *:last-child, .button-group.round.stack > *:last-child > a, .button-group.round.stack > *:last-child > button, .button-group.round.stack > *:last-child > .button {
  -webkit-bottom-left-radius: 1rem;
  -webkit-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
@media only screen and (min-width:745px) {
  .button-group.round.stack-for-small > * {
    margin: 0 -2px;
    display: inline-block;
  }
  .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
  }
  .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
    border-left: 0;
  }
  .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button {
    border-radius: 0;
  }
  .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button {
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px;
  }
  .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button {
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
  }
}
@media only screen and (max-width:744px) {
  .button-group.round.stack-for-small > * {
    margin: 0 -2px;
    display: inline-block;
    display: block;
    margin: 0;
  }
  .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
  }
  .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
    border-left: 0;
  }
  .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
    border-top: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
    border-left-width: 0;
    margin: 0;
    display: block;
  }
  .button-group.round.stack-for-small > * > button {
    width: 100%;
  }
  .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
    border-top: 0;
  }
  .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button {
    border-radius: 0;
  }
  .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button {
    -webkit-top-left-radius: 1rem;
    -webkit-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }
  .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button {
    -webkit-bottom-left-radius: 1rem;
    -webkit-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }
}
.button-bar:before, .button-bar:after {
  content: " ";
  display: table;
}
.button-bar:after {
  clear: both;
}
.button-bar .button-group {
  float: left;
  margin-right: 1.125rem;
}
.button-bar .button-group div {
  overflow: hidden;
}

/* Custome colors */

/* Custome colors */

/* Clearing Styles */
.clearing-thumbs, [data-clearing] {
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}
.clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after {
  content: " ";
  display: table;
}
.clearing-thumbs:after, [data-clearing]:after {
  clear: both;
}
.clearing-thumbs li, [data-clearing] li {
  float: left;
  margin-right: 10px;
}
.clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li {
  margin-right: 0;
}
.clearing-blackout {
  background: #333333;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 998;
}
.clearing-blackout .clearing-close {
  display: block;
}
.clearing-container {
  position: relative;
  z-index: 998;
  height: 100%;
  overflow: hidden;
  margin: 0;
}
.clearing-touch-label {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #AAAAAA;
  font-size: 0.6em;
}
.visible-img {
  height: 95%;
  position: relative;
}
.visible-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  max-height: 100%;
  max-width: 100%;
}
.clearing-caption {
  color: #CCCCCC;
  font-size: 0.875em;
  line-height: 1.3;
  margin-bottom: 0;
  text-align: center;
  bottom: 0;
  background: #333333;
  width: 100%;
  padding: 10px 30px 20px;
  position: absolute;
  left: 0;
}
.clearing-close {
  z-index: 999;
  padding-left: 20px;
  padding-top: 10px;
  font-size: 30px;
  line-height: 1;
  color: #CCCCCC;
  display: none;
}
.clearing-close:hover, .clearing-close:focus {
  color: #CCCCCC;
}
.clearing-assembled .clearing-container {
  height: 100%;
}
.clearing-assembled .clearing-container .carousel > ul {
  display: none;
}
.clearing-feature li {
  display: none;
}
.clearing-feature li.clearing-featured-img {
  display: block;
}
@media only screen and (min-width:745px) {
  .clearing-main-prev, .clearing-main-next {
    position: absolute;
    height: 100%;
    width: 40px;
    top: 0;
  }
  .clearing-main-prev > span, .clearing-main-next > span {
    position: absolute;
    top: 50%;
    display: block;
    width: 0;
    height: 0;
    border: solid 12px;
  }
  .clearing-main-prev > span:hover, .clearing-main-next > span:hover {
    opacity: 0.8;
  }
  .clearing-main-prev {
    left: 0;
  }
  .clearing-main-prev > span {
    left: 5px;
    border-color: transparent;
    border-right-color: #CCCCCC;
  }
  .clearing-main-next {
    right: 0;
  }
  .clearing-main-next > span {
    border-color: transparent;
    border-left-color: #CCCCCC;
  }
  .clearing-main-prev.disabled, .clearing-main-next.disabled {
    opacity: 0.3;
  }
  .clearing-assembled .clearing-container .carousel {
    background: rgba(51, 51, 51, 0.8);
    height: 120px;
    margin-top: 10px;
    text-align: center;
  }
  .clearing-assembled .clearing-container .carousel > ul {
    display: inline-block;
    z-index: 999;
    height: 100%;
    position: relative;
    float: none;
  }
  .clearing-assembled .clearing-container .carousel > ul li {
    display: block;
    width: 120px;
    min-height: inherit;
    float: left;
    overflow: hidden;
    margin-right: 0;
    padding: 0;
    position: relative;
    cursor: pointer;
    opacity: 0.4;
    clear: none;
  }
  .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
    height: 100%;
    max-width: none;
  }
  .clearing-assembled .clearing-container .carousel > ul li a.th {
    border: none;
    box-shadow: none;
    display: block;
  }
  .clearing-assembled .clearing-container .carousel > ul li img {
    cursor: pointer !important;
    width: 100% !important;
  }
  .clearing-assembled .clearing-container .carousel > ul li.visible {
    opacity: 1;
  }
  .clearing-assembled .clearing-container .carousel > ul li:hover {
    opacity: 0.8;
  }
  .clearing-assembled .clearing-container .visible-img {
    background: #333333;
    overflow: hidden;
    height: 85%;
  }
  .clearing-close {
    position: absolute;
    top: 10px;
    right: 20px;
    padding-left: 0;
    padding-top: 0;
  }
}

/* Custome colors */

/* Foundation Dropdowns */
.f-dropdown {
  position: absolute;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  outline: none;
  width: 100%;
  max-height: none;
  height: auto;
  background: #ffffff;
  border: solid 0px #cccccc;
  font-size: 0.75rem;
  z-index: 89;
  margin-top: 2px;
}
.f-dropdown > *:first-child {
  margin-top: 0;
}
.f-dropdown > *:last-child {
  margin-bottom: 0;
}
.f-dropdown:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 0px;
  border-color: transparent transparent transparent transparent;
  border-bottom-style: solid;
  position: absolute;
  top: 0px;
  left: -9999px;
  z-index: 89;
}
.f-dropdown:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 1px;
  border-color: transparent transparent #cccccc transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -2px;
  left: -10000px;
  z-index: 88;
}
.f-dropdown.right:before {
  left: auto;
  right: -9999px;
}
.f-dropdown.right:after {
  left: auto;
  right: -10000px;
}
.f-dropdown.drop-right {
  position: absolute;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  outline: none;
  width: 100%;
  max-height: none;
  height: auto;
  background: #ffffff;
  border: solid 0px #cccccc;
  font-size: 0.75rem;
  z-index: 89;
  margin-top: 0;
  margin-left: 2px;
}
.f-dropdown.drop-right > *:first-child {
  margin-top: 0;
}
.f-dropdown.drop-right > *:last-child {
  margin-bottom: 0;
}
.f-dropdown.drop-right:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 0px;
  border-color: transparent transparent transparent transparent;
  border-right-style: solid;
  position: absolute;
  top: -9999px;
  left: 0px;
  z-index: 89;
}
.f-dropdown.drop-right:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 1px;
  border-color: transparent #cccccc transparent transparent;
  border-right-style: solid;
  position: absolute;
  top: -10000px;
  left: -2px;
  z-index: 88;
}
.f-dropdown.drop-left {
  position: absolute;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  outline: none;
  width: 100%;
  max-height: none;
  height: auto;
  background: #ffffff;
  border: solid 0px #cccccc;
  font-size: 0.75rem;
  z-index: 89;
  margin-top: 0;
  margin-left: -2px;
}
.f-dropdown.drop-left > *:first-child {
  margin-top: 0;
}
.f-dropdown.drop-left > *:last-child {
  margin-bottom: 0;
}
.f-dropdown.drop-left:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 0px;
  border-color: transparent transparent transparent transparent;
  border-left-style: solid;
  position: absolute;
  top: -9999px;
  right: 0px;
  left: auto;
  z-index: 89;
}
.f-dropdown.drop-left:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 1px;
  border-color: transparent transparent transparent #cccccc;
  border-left-style: solid;
  position: absolute;
  top: -10000px;
  right: -2px;
  left: auto;
  z-index: 88;
}
.f-dropdown.drop-top {
  position: absolute;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  outline: none;
  width: 100%;
  max-height: none;
  height: auto;
  background: #ffffff;
  border: solid 0px #cccccc;
  font-size: 0.75rem;
  z-index: 89;
  margin-top: -2px;
  margin-left: 0;
}
.f-dropdown.drop-top > *:first-child {
  margin-top: 0;
}
.f-dropdown.drop-top > *:last-child {
  margin-bottom: 0;
}
.f-dropdown.drop-top:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 0px;
  border-color: transparent transparent transparent transparent;
  border-top-style: solid;
  position: absolute;
  top: auto;
  bottom: 0px;
  left: -9999px;
  right: auto;
  z-index: 89;
}
.f-dropdown.drop-top:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 1px;
  border-color: #cccccc transparent transparent transparent;
  border-top-style: solid;
  position: absolute;
  top: auto;
  bottom: -2px;
  left: -10000px;
  right: auto;
  z-index: 88;
}
.f-dropdown li {
  font-size: 0.75rem;
  cursor: pointer;
  line-height: 1.125rem;
  margin: 0;
}
.f-dropdown li:hover, .f-dropdown li:focus {
  background: transparent;
}
.f-dropdown li.radius {
  border-radius: 3px;
}
.f-dropdown li a {
  display: block;
  padding: 0;
  color: #282828;
}
.f-dropdown.content {
  display: none;
  position: absolute;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  outline: none;
  padding: 20px 0 10px;
  width: auto;
  height: auto;
  max-height: none;
  background: #ffffff;
  border: solid 0px #cccccc;
  font-size: 0.75rem;
  z-index: 89;
}
.f-dropdown.content > *:first-child {
  margin-top: 0;
}
.f-dropdown.content > *:last-child {
  margin-bottom: 0;
}
.f-dropdown.tiny {
  max-width: 200px;
}
.f-dropdown.small {
  max-width: 300px;
}
.f-dropdown.medium {
  max-width: 500px;
}
.f-dropdown.large {
  max-width: 800px;
}
.f-dropdown.mega {
  width: 100% !important;
  max-width: 100% !important;
}
.f-dropdown.mega.open {
  left: 0 !important;
}

/* Custom width for Search Dropdown*/
#contentSearchDrop {
  width: 500px;
}

/* Custome colors */
.dropdown.button, button.dropdown {
  position: relative;
  outline: none;
  padding-right: 3.5625rem;
}
.dropdown.button::after, button.dropdown::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-style: solid;
  border-color: #ffffff transparent transparent transparent;
  top: 50%;
}
.dropdown.button::after, button.dropdown::after {
  border-width: 0.375rem;
  right: 1.40625rem;
  margin-top: -0.15625rem;
}
.dropdown.button::after, button.dropdown::after {
  border-color: #ffffff transparent transparent transparent;
}
.dropdown.button.tiny, button.dropdown.tiny {
  padding-right: 2.625rem;
}
.dropdown.button.tiny:after, button.dropdown.tiny:after {
  border-width: 0.375rem;
  right: 1.125rem;
  margin-top: -0.125rem;
}
.dropdown.button.tiny::after, button.dropdown.tiny::after {
  border-color: #ffffff transparent transparent transparent;
}
.dropdown.button.small, button.dropdown.small {
  padding-right: 3.0625rem;
}
.dropdown.button.small::after, button.dropdown.small::after {
  border-width: 0.4375rem;
  right: 1.3125rem;
  margin-top: -0.15625rem;
}
.dropdown.button.small::after, button.dropdown.small::after {
  border-color: #ffffff transparent transparent transparent;
}
.dropdown.button.large, button.dropdown.large {
  padding-right: 3.625rem;
}
.dropdown.button.large::after, button.dropdown.large::after {
  border-width: 0.3125rem;
  right: 1.71875rem;
  margin-top: -0.15625rem;
}
.dropdown.button.large::after, button.dropdown.large::after {
  border-color: #ffffff transparent transparent transparent;
}
.dropdown.button.secondary:after, button.dropdown.secondary:after {
  border-color: #333333 transparent transparent transparent;
}

/* Custome colors */
.flex-video {
  position: relative;
  padding-top: 1.5625rem;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden;
}
.flex-video.widescreen {
  padding-bottom: 56.34%;
}
.flex-video.vimeo {
  padding-top: 0;
}
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Custome colors */

/* Custome colors */

/* Standard Forms */
form {
  margin: 0 0 1rem;
}

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.5rem;
}
form .row .row .column, form .row .row .columns {
  padding: 0 0.5rem;
}
form .row .row.collapse {
  margin: 0;
}
form .row .row.collapse .column, form .row .row.collapse .columns {
  padding: 0;
}
form .row .row.collapse input {
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns {
  padding-left: 0.5rem;
}

/* Label Styles */
label {
  font-size: 1.575rem;
  color: #68676B;
  cursor: pointer;
  display: block;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0;  /* Styles for required inputs */
}
label.right {
  float: none !important;
  text-align: right;
}
label.inline {
  margin: 0 0 1rem 0;
  padding: 0.5625rem 0;
}
label small {
  text-transform: capitalize;
  color: #676767;
}

/* Attach elements to the beginning or end of an input */
.prefix, .postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: visible;
  font-size: 1.575rem;
  height: 2.3125rem;
  line-height: 2.3125rem;
}

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  border: none;
}
.prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  border: none;
}
.prefix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.postfix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.prefix.button.round {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}
.postfix.button.round {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
  background: #f2f2f2;
  border-right: none;
  color: #333333;
  border-color: #cccccc;
}
span.postfix, label.postfix {
  background: #f2f2f2;
  border-left: none;
  color: #333333;
  border-color: #cccccc;
}

/* We use this to get basic styling on all basic form elements */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  -webkit-appearance: none;
  border-radius: 0;
  background-color: #ffffff;
  font-family: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.15s linear;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
  background: #fafafa;
  border-color: #999999;
}
input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
  background-color: #DDDDDD;
  cursor: default;
}
input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea {
  background-color: #DDDDDD;
  cursor: default;
}
input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {
  border-radius: 3px;
}
form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse textarea, form .row .prefix-radius.row.collapse select, form .row .prefix-radius.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
form .row .prefix-radius.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse textarea, form .row .postfix-radius.row.collapse select, form .row .postfix-radius.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
form .row .postfix-radius.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse textarea, form .row .prefix-round.row.collapse select, form .row .prefix-round.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}
form .row .prefix-round.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}
form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse textarea, form .row .postfix-round.row.collapse select, form .row .postfix-round.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}
form .row .postfix-round.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}
input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}

/* Respect enforced amount of rows for textarea */
textarea[rows] {
  height: auto;
}

/* Not allow resize out of parent */
textarea {
  max-width: 100%;
}

/* Add height value for select elements to match text input height */
select {
  -webkit-appearance: none !important;
  border-radius: 0;
  background-color: #FAFAFA;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
  background-position: 100% center;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  padding: 0.5rem;
  font-size: 1.575rem;
  font-family: MarkOT-Regular, Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0.75);
  line-height: normal;
  border-radius: 0;
  height: 2.3125rem;
}
select::-ms-expand {
  display: none;
}
select.radius {
  border-radius: 3px;
}
select:hover {
  background-color: #f3f3f3;
  border-color: #999999;
}
select:disabled {
  background-color: #DDDDDD;
  cursor: default;
}
select[multiple] {
  height: auto;
}

/* Adjust margin for form elements below */
input[type="file"], input[type="checkbox"], input[type="radio"], select {
  margin: 0 0 1rem 0;
}
input[type="checkbox"] + label, input[type="radio"] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline;
}

/* Normalize file input width */
input[type="file"] {
  width: 100%;
}

/* HTML5 Number spinners settings */

/* We add basic fieldset styling */
fieldset {
  border: 1px solid #DDDDDD;
  padding: 1.25rem;
  margin: 1.125rem 0;
}
fieldset legend {
  font-family: 'MarkOT-Bold';
  background: #ffffff;
  padding: 0 0.1875rem;
  margin: 0;
  margin-left: -0.1875rem;
}

/* Error Handling */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: #ffffff;
}
[data-abide] span.error, [data-abide] small.error {
  display: none;
}
span.error, small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: #ffffff;
}
.error input, .error textarea, .error select {
  margin-bottom: 0;
}
.error input[type="checkbox"], .error input[type="radio"] {
  margin-bottom: 1rem;
}
.error label, .error label.error {
  color: #f04124;
}
.error small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: #ffffff;
}
.error > label > small {
  color: #676767;
  background: transparent;
  padding: 0;
  text-transform: capitalize;
  font-style: normal;
  font-size: 60%;
  margin: 0;
  display: inline;
}
.error span.error-message {
  display: block;
}
input.error, textarea.error, select.error {
  margin-bottom: 0;
}
label.error {
  color: #f04124;
}

/* Custome colors */
.icon-bar {
  width: 100%;
  font-size: 0;
  display: inline-block;
  background: #333333;
}
.icon-bar > * {
  text-align: center;
  font-size: 1rem;
  width: 25%;
  margin: 0 auto;
  display: block;
  padding: 1.25rem;
  float: left;
}
.icon-bar > * i, .icon-bar > * img {
  display: block;
  margin: 0 auto;
}
.icon-bar > * i + label, .icon-bar > * img + label {
  margin-top: .0625rem;
}
.icon-bar > * i {
  font-size: 1.875rem;
  vertical-align: middle;
}
.icon-bar > * img {
  width: 1.875rem;
  height: 1.875rem;
}
.icon-bar.label-right > * i, .icon-bar.label-right > * img {
  margin: 0 .0625rem 0 0;
  display: inline-block;
}
.icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label {
  margin-top: 0;
}
.icon-bar.label-right > * label {
  display: inline-block;
}
.icon-bar.vertical.label-right > * {
  text-align: left;
}
.icon-bar.vertical, .icon-bar.small-vertical {
  height: 100%;
  width: auto;
}
.icon-bar.vertical .item, .icon-bar.small-vertical .item {
  width: auto;
  margin: auto;
  float: none;
}
@media only screen and (min-width:745px) {
  .icon-bar.medium-vertical {
    height: 100%;
    width: auto;
  }
  .icon-bar.medium-vertical .item {
    width: auto;
    margin: auto;
    float: none;
  }
}
@media only screen and (min-width:1024px) {
  .icon-bar.large-vertical {
    height: 100%;
    width: auto;
  }
  .icon-bar.large-vertical .item {
    width: auto;
    margin: auto;
    float: none;
  }
}
.icon-bar > * {
  font-size: 1rem;
  padding: 1.25rem;
}
.icon-bar > * i + label, .icon-bar > * img + label {
  margin-top: .0625rem;
}
.icon-bar > * i {
  font-size: 1.875rem;
}
.icon-bar > * img {
  width: 1.875rem;
  height: 1.875rem;
}
.icon-bar > * label {
  color: #ffffff;
}
.icon-bar > * i {
  color: #ffffff;
}
.icon-bar > a:hover {
  background: #008CBA;
}
.icon-bar > a:hover label {
  color: #ffffff;
}
.icon-bar > a:hover i {
  color: #ffffff;
}
.icon-bar > a.active {
  background: #008CBA;
}
.icon-bar > a.active label {
  color: #ffffff;
}
.icon-bar > a.active i {
  color: #ffffff;
}
.icon-bar .item.disabled {
  opacity: 0.7;
  cursor: false;
  pointer-events: none;
}
.icon-bar .item.disabled > * {
  opacity: 0.7;
  cursor: false;
}
.icon-bar.two-up .item {
  width: 50%;
}
.icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item {
  width: auto;
}
@media only screen and (min-width:745px) {
  .icon-bar.two-up.medium-vertical .item {
    width: auto;
  }
}
@media only screen and (min-width:1024px) {
  .icon-bar.two-up.large-vertical .item {
    width: auto;
  }
}
.icon-bar.three-up .item {
  width: 33.3333%;
}
.icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item {
  width: auto;
}
@media only screen and (min-width:745px) {
  .icon-bar.three-up.medium-vertical .item {
    width: auto;
  }
}
@media only screen and (min-width:1024px) {
  .icon-bar.three-up.large-vertical .item {
    width: auto;
  }
}
.icon-bar.four-up .item {
  width: 25%;
}
.icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item {
  width: auto;
}
@media only screen and (min-width:745px) {
  .icon-bar.four-up.medium-vertical .item {
    width: auto;
  }
}
@media only screen and (min-width:1024px) {
  .icon-bar.four-up.large-vertical .item {
    width: auto;
  }
}
.icon-bar.five-up .item {
  width: 20%;
}
.icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item {
  width: auto;
}
@media only screen and (min-width:745px) {
  .icon-bar.five-up.medium-vertical .item {
    width: auto;
  }
}
@media only screen and (min-width:1024px) {
  .icon-bar.five-up.large-vertical .item {
    width: auto;
  }
}
.icon-bar.six-up .item {
  width: 16.66667%;
}
.icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item {
  width: auto;
}
@media only screen and (min-width:745px) {
  .icon-bar.six-up.medium-vertical .item {
    width: auto;
  }
}
@media only screen and (min-width:1024px) {
  .icon-bar.six-up.large-vertical .item {
    width: auto;
  }
}
.icon-bar.seven-up .item {
  width: 14.28571%;
}
.icon-bar.seven-up.vertical .item, .icon-bar.seven-up.small-vertical .item {
  width: auto;
}
@media only screen and (min-width:745px) {
  .icon-bar.seven-up.medium-vertical .item {
    width: auto;
  }
}
@media only screen and (min-width:1024px) {
  .icon-bar.seven-up.large-vertical .item {
    width: auto;
  }
}
.icon-bar.eight-up .item {
  width: 12.5%;
}
.icon-bar.eight-up.vertical .item, .icon-bar.eight-up.small-vertical .item {
  width: auto;
}
@media only screen and (min-width:745px) {
  .icon-bar.eight-up.medium-vertical .item {
    width: auto;
  }
}
@media only screen and (min-width:1024px) {
  .icon-bar.eight-up.large-vertical .item {
    width: auto;
  }
}

/* Custome colors */
.inline-list {
  margin: 0 auto 1.0625rem auto;
  margin-left: -1.375rem;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.inline-list > li {
  list-style: none;
  float: left;
  margin-left: 1.375rem;
  display: block;
}
.inline-list > li > * {
  display: block;
}

/* Custome colors */

/* Foundation Joyride */
.joyride-list {
  display: none;
}

/* Default styles for the container */
.joyride-tip-guide {
  display: none;
  position: absolute;
  background: #333333;
  color: #ffffff;
  z-index: 101;
  top: 0;
  left: 2.5%;
  font-family: inherit;
  font-weight: normal;
  width: 95%;
}
.lt-ie9 .joyride-tip-guide {
  max-width: 800px;
  left: 50%;
  margin-left: -400px;
}
.joyride-content-wrapper {
  width: 100%;
  padding: 1.125rem 1.25rem 1.5rem;
}
.joyride-content-wrapper .button {
  margin-bottom: 0 !important;
}
.joyride-content-wrapper .joyride-prev-tip {
  margin-right: 10px;
}

/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
.joyride-tip-guide .joyride-nub {
  display: block;
  position: absolute;
  left: 22px;
  width: 0;
  height: 0;
  border: 10px solid #333333;
}
.joyride-tip-guide .joyride-nub.top {
  border-top-style: solid;
  border-color: #333333;
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  top: -20px;
}
.joyride-tip-guide .joyride-nub.bottom {
  border-bottom-style: solid;
  border-color: #333333 !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  bottom: -20px;
}
.joyride-tip-guide .joyride-nub.right {
  right: -20px;
}
.joyride-tip-guide .joyride-nub.left {
  left: -20px;
}

/* Typography */
.joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 {
  line-height: 1.25;
  margin: 0;
  font-family: 'MarkOT-Bold';
  color: #ffffff;
}
.joyride-tip-guide p {
  margin: 0 0 1.125rem 0;
  font-size: 1.575rem;
  line-height: 1.3;
}
.joyride-timer-indicator-wrap {
  width: 50px;
  height: 3px;
  border: solid 1px #555555;
  position: absolute;
  right: 1.0625rem;
  bottom: 1rem;
}
.joyride-timer-indicator {
  display: block;
  width: 0;
  height: inherit;
  background: #666666;
}
.joyride-close-tip {
  position: absolute;
  right: 12px;
  top: 10px;
  color: #777777 !important;
  text-decoration: none;
  font-size: 24px;
  font-weight: normal;
  line-height: .5 !important;
}
.joyride-close-tip:hover, .joyride-close-tip:focus {
  color: #EEEEEE !important;
}
.joyride-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: transparent;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
  cursor: pointer;
}
.joyride-expose-wrapper {
  background-color: #ffffff;
  position: absolute;
  border-radius: 3px;
  z-index: 102;
  box-shadow: 0 0 15px #ffffff;
}
.joyride-expose-cover {
  background: transparent;
  border-radius: 3px;
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
}

/* Styles for screens that are at least 768px; */
@media only screen and (min-width:745px) {
  .joyride-tip-guide {
    width: 300px;
    left: inherit;
  }
  .joyride-tip-guide .joyride-nub.bottom {
    border-color: #333333 !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    bottom: -20px;
  }
  .joyride-tip-guide .joyride-nub.right {
    border-color: #333333 !important;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    top: 22px;
    left: auto;
    right: -20px;
  }
  .joyride-tip-guide .joyride-nub.left {
    border-color: #333333 !important;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-bottom-color: transparent !important;
    top: 22px;
    left: -20px;
    right: auto;
  }
}

/* Custome colors */
.keystroke, kbd {
  background-color: #ededed;
  border-color: #dddddd;
  color: #333;
  border-style: solid;
  border-width: 1px;
  margin: 0;
  font-family: "Consolas", "Menlo", "Courier", monospace;
  font-size: inherit;
  padding: 0.125rem 0.25rem 0;
  border-radius: 3px;
}

/* Custome colors */
.label {
  font-weight: normal;
  font-family: MarkOT-Regular, Helvetica, Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;  /*display: inline-block;*/
  position: relative;
  margin-bottom: auto;
  padding: 0.25rem 0.5rem 0.25rem;
  font-size: 0.6875rem;
  background-color: #008CBA;
  color: #ffffff;
}
.label.radius {
  border-radius: 3px;
}
.label.round {
  border-radius: 1000px;
}
.label.alert {
  background-color: #f04124;
  color: #ffffff;
}
.label.warning {
  background-color: #f08a24;
  color: #ffffff;
}
.label.success {
  background-color: #43AC6A;
  color: #ffffff;
}
.label.secondary {
  background-color: #e7e7e7;
  color: #333333;
}
.label.info {
  background-color: #a0d3e8;
  color: #333333;
}

/* Custome colors */
[data-magellan-expedition], [data-magellan-expedition-clone] {
  background: #ffffff;
  z-index: 50;
  min-width: 100%;
  padding: 10px;
}
[data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav {
  margin-bottom: 0;
}
[data-magellan-expedition] .sub-nav dd, [data-magellan-expedition-clone] .sub-nav dd {
  margin-bottom: 0;
}
[data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a {
  line-height: 1.8em;
}

/* Custome colors */
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Orbit Graceful Loading */
.slideshow-wrapper {
  position: relative;
}
.slideshow-wrapper ul {
  list-style-type: none;
  margin: 0;
}
.slideshow-wrapper ul li, .slideshow-wrapper ul li .orbit-caption {
  display: none;
}
.slideshow-wrapper ul li:first-child {
  display: block;
}
.slideshow-wrapper .orbit-container {
  background-color: transparent;
}
.slideshow-wrapper .orbit-container li {
  display: block;
}
.slideshow-wrapper .orbit-container li .orbit-caption {
  display: block;
}
.slideshow-wrapper .orbit-container .orbit-bullets li {
  display: inline-block;
}
.slideshow-wrapper .preloader {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  border: solid 3px;
  border-color: #555555 #ffffff;
  border-radius: 1000px;
  animation-name: rotate;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.orbit-container {
  overflow: hidden;
  width: 100%;
  position: relative;
  background: none;
}
.orbit-container .orbit-slides-container {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  -webkit-transform: translateZ(0);
}
.orbit-container .orbit-slides-container img {
  display: block;
  max-width: 100%;
}
.orbit-container .orbit-slides-container > * {
  position: absolute;
  top: 0;
  width: 100%;
  margin-left: 100%;
}
.orbit-container .orbit-slides-container > *:first-child {
  margin-left: 0;
}
.orbit-container .orbit-slides-container > * .orbit-caption {
  position: absolute;
  bottom: 0;
  background-color: rgba(51, 51, 51, 0.8);
  color: #ffffff;
  width: 100%;
  padding: 1.125rem 0.875rem;
  font-size: 1.575rem;
}
.orbit-container .orbit-slide-number {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 12px;
  color: #ffffff;
  background: transparent;
  z-index: 10;
}
.orbit-container .orbit-slide-number span {
  font-weight: 700;
  padding: 0.3125rem;
}
.orbit-container .orbit-timer {
  position: absolute;
  top: 12px;
  right: 10px;
  height: 6px;
  width: 100px;
  z-index: 10;
}
.orbit-container .orbit-timer .orbit-progress {
  height: 3px;
  background-color: rgba(255, 255, 255, 0.3);
  display: block;
  width: 0;
  position: relative;
  right: 20px;
  top: 5px;
}
.orbit-container .orbit-timer > span {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 11px;
  height: 14px;
  border: solid 4px #ffffff;
  border-top: none;
  border-bottom: none;
}
.orbit-container .orbit-timer.paused > span {
  right: -4px;
  top: 0;
  width: 11px;
  height: 14px;
  border: inset 8px;
  border-left-style: solid;
  border-color: transparent;
  border-left-color: #ffffff;
}
.orbit-container .orbit-timer.paused > span.dark {
  border-left-color: #333333;
}
.orbit-container:hover .orbit-timer > span {
  display: block;
}
.orbit-container .orbit-prev, .orbit-container .orbit-next {
  position: absolute;
  top: 45%;
  margin-top: -25px;
  width: 36px;
  height: 60px;
  line-height: 50px;
  color: white;
  background-color: transparent;
  text-indent: -9999px !important;
  z-index: 10;
}
.orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.orbit-container .orbit-prev > span, .orbit-container .orbit-next > span {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  display: block;
  width: 0;
  height: 0;
  border: inset 10px;
}
.orbit-container .orbit-prev {
  left: 0;
}
.orbit-container .orbit-prev > span {
  border-right-style: solid;
  border-color: transparent;
  border-right-color: #ffffff;
}
.orbit-container .orbit-prev:hover > span {
  border-right-color: #ffffff;
}
.orbit-container .orbit-next {
  right: 0;
}
.orbit-container .orbit-next > span {
  border-color: transparent;
  border-left-style: solid;
  border-left-color: #ffffff;
  left: 50%;
  margin-left: -4px;
}
.orbit-container .orbit-next:hover > span {
  border-left-color: #ffffff;
}
.orbit-bullets-container {
  text-align: center;
}
.orbit-bullets {
  margin: 0 auto 30px auto;
  overflow: hidden;
  position: relative;
  top: 10px;
  float: none;
  text-align: center;
  display: block;
}
.orbit-bullets li {
  cursor: pointer;
  display: inline-block;
  width: 0.5625rem;
  height: 0.5625rem;
  background: #CCCCCC;
  float: none;
  margin-right: 6px;
  border-radius: 1000px;
}
.orbit-bullets li.active {
  background: #999999;
}
.orbit-bullets li:last-child {
  margin-right: 0;
}
.touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next {
  display: none;
}
.touch .orbit-bullets {
  display: none;
}
@media only screen and (min-width:745px) {
  .touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next {
    display: inherit;
  }
  .touch .orbit-bullets {
    display: block;
  }
}
@media only screen and (max-width:744px) {
  .orbit-stack-on-small .orbit-slides-container {
    height: auto !important;
  }
  .orbit-stack-on-small .orbit-slides-container > * {
    position: relative;
    margin: 0 !important;
    opacity: 1 !important;
  }
  .orbit-stack-on-small .orbit-slide-number {
    display: none;
  }
  .orbit-timer {
    display: none;
  }
  .orbit-next, .orbit-prev {
    display: none;
  }
  .orbit-bullets {
    display: none;
  }
}

/* Custome colors */
ul.pagination {
  display: block;
  min-height: 1.5rem;
  margin-left: -0.3125rem;
}
ul.pagination li {
  height: 1.5rem;
  color: #333;
  font-size: 1.575rem;
  margin-left: 0.3125rem;
}
ul.pagination li a, ul.pagination li button {
  display: block;
  padding: 0.0625rem 1.125rem 0.0625rem;
  color: #999999;
  background: none;
  border-radius: 3px;
  font-weight: normal;
  font-size: 1em;
  line-height: inherit;
  transition: background-color 300ms ease-out;
}
ul.pagination li:hover a, ul.pagination li a:focus, ul.pagination li:hover button, ul.pagination li button:focus {
  background: #e6e6e6;
}
ul.pagination li.unavailable a, ul.pagination li.unavailable button {
  cursor: default;
  color: #999999;
}
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable button:focus {
  background: transparent;
}
ul.pagination li.current a, ul.pagination li.current button {
  background: #008CBA;
  color: #ffffff;
  font-family: 'MarkOT-Bold';
  cursor: default;
}
ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
  background: #008CBA;
}
ul.pagination li {
  float: left;
  display: block;
}

/* Pagination centred wrapper */
.pagination-centered {
  text-align: center;
}
.pagination-centered ul.pagination li {
  float: none;
  display: inline-block;
}

/* Custome colors */

/* Panels */
.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #f2f2f2;
  color: #333333;
}
.panel >:first-child {
  margin-top: 0;
}
.panel >:last-child {
  margin-bottom: 0;
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
  color: #333333;
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
  line-height: 1;
  margin-bottom: 1.125rem;
}
.panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
  line-height: 1.4;
}
.panel.callout {
  border-style: solid;
  border-width: 1px;
  border-color: #b6edff;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #ecfaff;
  color: #333333;
}
.panel.callout >:first-child {
  margin-top: 0;
}
.panel.callout >:last-child {
  margin-bottom: 0;
}
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl {
  color: #333333;
}
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
  line-height: 1;
  margin-bottom: 1.125rem;
}
.panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
  line-height: 1.4;
}
.panel.callout a:not(.button) {
  color: #008CBA;
}
.panel.callout a:not(.button):hover, .panel.callout a:not(.button):focus {
  color: #0078a0;
}
.panel.radius {
  border-radius: 3px;
}

/* Custome colors */

/* Pricing Tables */
.pricing-table {
  border: solid 1px #DDDDDD;
  margin-left: 0;
  margin-bottom: 1.25rem;
}
.pricing-table * {
  list-style: none;
  line-height: 1;
}
.pricing-table .title {
  background-color: #333333;
  padding: 0.9375rem 1.25rem;
  text-align: center;
  color: #EEEEEE;
  font-weight: normal;
  font-size: 1rem;
  font-family: MarkOT-Regular, Helvetica, Arial, sans-serif;
}
.pricing-table .price {
  background-color: #F6F6F6;
  padding: 0.9375rem 1.25rem;
  text-align: center;
  color: #333333;
  font-weight: normal;
  font-size: 2rem;
  font-family: MarkOT-Regular, Helvetica, Arial, sans-serif;
}
.pricing-table .description {
  background-color: #ffffff;
  padding: 0.9375rem;
  text-align: center;
  color: #777777;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.4;
  border-bottom: dotted 1px #DDDDDD;
}
.pricing-table .bullet-item {
  background-color: #ffffff;
  padding: 0.9375rem;
  text-align: center;
  color: #333333;
  font-size: 1.575rem;
  font-weight: normal;
  border-bottom: dotted 1px #DDDDDD;
}
.pricing-table .cta-button {
  background-color: #ffffff;
  text-align: center;
  padding: 1.25rem 1.25rem 0;
}

/* Custome colors */

/* Progress Bar */
.progress {
  background-color: #F6F6F6;
  height: 1.5625rem;
  border: 1px solid white;
  padding: 0.125rem;
  margin-bottom: 1.125rem;
}
.progress .meter {
  background: #008CBA;
  height: 100%;
  display: block;
}
.progress.secondary .meter {
  background: #e7e7e7;
  height: 100%;
  display: block;
}
.progress.success .meter {
  background: #43AC6A;
  height: 100%;
  display: block;
}
.progress.alert .meter {
  background: #f04124;
  height: 100%;
  display: block;
}
.progress.radius {
  border-radius: 3px;
}
.progress.radius .meter {
  border-radius: 2px;
}
.progress.round {
  border-radius: 1000px;
}
.progress.round .meter {
  border-radius: 999px;
}

/* Custome colors */
.range-slider {
  position: relative;
  border: 1px solid #DDDDDD;
  margin: 1.25rem 0;
  -ms-touch-action: none;
  touch-action: none;
  display: block;
  width: 100%;
  height: 1rem;
  background: #FAFAFA;
}
.range-slider.vertical-range {
  position: relative;
  border: 1px solid #DDDDDD;
  margin: 1.25rem 0;
  -ms-touch-action: none;
  touch-action: none;
  display: inline-block;
  width: 1rem;
  height: 12.5rem;
}
.range-slider.vertical-range .range-slider-handle {
  margin-top: 0;
  margin-left: -0.5rem;
  position: absolute;
  bottom: -10.5rem;
}
.range-slider.vertical-range .range-slider-active-segment {
  width: 0.875rem;
  height: auto;
  bottom: 0;
}
.range-slider.radius {
  background: #FAFAFA;
  border-radius: 3px;
}
.range-slider.radius .range-slider-handle {
  background: #008CBA;
  border-radius: 3px;
}
.range-slider.radius .range-slider-handle:hover {
  background: #007ba4;
}
.range-slider.round {
  background: #FAFAFA;
  border-radius: 1000px;
}
.range-slider.round .range-slider-handle {
  background: #008CBA;
  border-radius: 1000px;
}
.range-slider.round .range-slider-handle:hover {
  background: #007ba4;
}
.range-slider.disabled, .range-slider[disabled] {
  background: #FAFAFA;
  cursor: false;
  opacity: 0.7;
}
.range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle {
  background: #008CBA;
  cursor: default;
  opacity: 0.7;
}
.range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover {
  background: #007ba4;
}
.range-slider-active-segment {
  display: inline-block;
  position: absolute;
  height: 0.875rem;
  background: #e5e5e5;
}
.range-slider-handle {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: -0.3125rem;
  width: 2rem;
  height: 1.375rem;
  border: 1px solid none;
  cursor: pointer;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #008CBA;
}
.range-slider-handle:hover {
  background: #007ba4;
}

/* Custome colors */

/* Custome colors */
.reveal-modal-bg {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #333;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1004;
  display: none;
  left: 0;
}
.reveal-modal {
  visibility: hidden;
  display: none;
  position: absolute;
  z-index: 1005;
  width: 100%;
  top: 0;
  border-radius: 3px;
  left: 0;
  background-color: #ffffff;
  padding: 1.875rem;
  border: solid 1px #666666;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width:744px) {
  .reveal-modal {
    min-height: 100vh;
  }
}
.reveal-modal .column, .reveal-modal .columns {
  min-width: 0;
}
.reveal-modal >:first-child {
  margin-top: 0;
}
.reveal-modal >:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width:745px) {
  .reveal-modal {
    width: 80%;
    max-width: 75rem;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
@media only screen and (min-width:745px) {
  .reveal-modal {
    top: 6.25rem;
  }
}
.reveal-modal.radius {
  border-radius: 3px;
}
.reveal-modal.round {
  border-radius: 1000px;
}
.reveal-modal.collapse {
  padding: 0;
}
@media only screen and (min-width:745px) {
  .reveal-modal.tiny {
    width: 30%;
    max-width: 75rem;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
@media only screen and (min-width:745px) {
  .reveal-modal.small {
    width: 40%;
    max-width: 75rem;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
@media only screen and (min-width:745px) {
  .reveal-modal.medium {
    width: 60%;
    max-width: 75rem;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
@media only screen and (min-width:745px) {
  .reveal-modal.large {
    width: 70%;
    max-width: 75rem;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
@media only screen and (min-width:745px) {
  .reveal-modal.xlarge {
    width: 95%;
    max-width: 75rem;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
.reveal-modal.full {
  top: 0;
  left: 0;
  height: 100%;
  height: 100vh;
  min-height: 100vh;
  max-width: none !important;
  margin-left: 0 !important;
}
@media only screen and (min-width:745px) {
  .reveal-modal.full {
    width: 100%;
    max-width: 75rem;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
.reveal-modal.toback {
  z-index: 1003;
}
.reveal-modal .close-reveal-modal {
  font-size: 2.5rem;
  line-height: 1;
  position: absolute;
  top: 1.125rem;
  right: 1.375rem;
  color: #AAAAAA;
  font-family: 'MarkOT-Bold';
  cursor: pointer;
}

/* Custome colors */
.side-nav {
  display: block;
  margin: 0;
  padding: 0.875rem 0;
  list-style-type: none;
  list-style-position: outside;
  font-family: MarkOT-Regular, Helvetica, Arial, sans-serif;
}
.side-nav li {
  margin: 0 0 0.7875rem 0;
  font-size: 1.575rem;
  font-weight: normal;
}
.side-nav li a:not(.button) {
  display: block;
  color: #008CBA;
  margin: 0;
  padding: 0.7875rem 1.575rem;
}
.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
  background: rgba(0, 0, 0, 0.025);
  color: #1cc7ff;
}
.side-nav li.active > a:first-child:not(.button) {
  color: #1cc7ff;
  font-weight: normal;
  font-family: MarkOT-Regular, Helvetica, Arial, sans-serif;
}
.side-nav li.divider {
  border-top: 1px solid;
  height: 0;
  padding: 0;
  list-style: none;
  border-top-color: white;
}
.side-nav li.heading {
  color: #008CBA;
  font-size: 1.575rem;
  font-family: 'MarkOT-Bold';
  text-transform: uppercase;
}

/* Custome colors */

/* Custome colors */

/* Custome colors */
.split.button {
  position: relative;
  padding-right: 9.1125rem;
}
.split.button span {
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: solid 1px;
}
.split.button span:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-style: inset;
  top: 50%;
  left: 50%;
}
.split.button span:active {
  background-color: rgba(0, 0, 0, 0.1);
}
.split.button span {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.split.button span {
  width: 5.56875rem;
}
.split.button span:after {
  border-top-style: solid;
  border-width: 0.675rem;
  top: 48%;
  margin-left: -0.675rem;
}
.split.button span:after {
  border-color: #ffffff transparent transparent transparent;
}
.split.button.secondary span {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.split.button.secondary span:after {
  border-color: #ffffff transparent transparent transparent;
}
.split.button.alert span {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.split.button.success span {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.split.button.tiny {
  padding-right: 6.75rem;
}
.split.button.tiny span {
  width: 4.05rem;
}
.split.button.tiny span:after {
  border-top-style: solid;
  border-width: 0.675rem;
  top: 48%;
  margin-left: -0.675rem;
}
.split.button.small {
  padding-right: 4.375rem;
}
.split.button.small span {
  width: 2.625rem;
}
.split.button.small span:after {
  border-top-style: solid;
  border-width: 0.4375rem;
  top: 48%;
  margin-left: -0.375rem;
}
.split.button.large {
  padding-right: 5.5rem;
}
.split.button.large span {
  width: 3.4375rem;
}
.split.button.large span:after {
  border-top-style: solid;
  border-width: 0.3125rem;
  top: 48%;
  margin-left: -0.375rem;
}
.split.button.expand {
  padding-left: 2rem;
}
.split.button.secondary span:after {
  border-color: #333333 transparent transparent transparent;
}
.split.button.radius span {
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.split.button.round span {
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}
.split.button.no-pip span:before {
  border-style: none;
}
.split.button.no-pip span:after {
  border-style: none;
}
.split.button.no-pip span > i {
  top: 50%;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -0.28889em;
  margin-top: -0.48889em;
}

/* Custome colors */


/* Custome colors */
.switch {
  padding: 0;
  border: none;
  position: relative;
  outline: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.switch label {
  display: block;
  margin-bottom: 1rem;
  position: relative;
  color: transparent;
  background: #DDDDDD;
  text-indent: 100%;
  width: 4rem;
  height: 2rem;
  cursor: pointer;
  transition: left 0.15s ease-out;
}
.switch input {
  opacity: 0;
  position: absolute;
  top: 9px;
  left: 10px;
  padding: 0;
}
.switch input + label {
  margin-left: 0;
  margin-right: 0;
}
.switch label:after {
  content: "";
  display: block;
  background: #ffffff;
  position: absolute;
  top: .25rem;
  left: .25rem;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: translate3d(0, 0, 0);
  transition: left 0.15s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.switch input:checked + label {
  background: #008CBA;
}
.switch input:checked + label:after {
  left: 4.05rem;
}
.switch label {
  width: 4rem;
  height: 2rem;
}
.switch label:after {
  width: 1.5rem;
  height: 1.5rem;
}
.switch input:checked + label:after {
  left: 4.05rem;
}
.switch label {
  color: transparent;
  background: #DDDDDD;
}
.switch label:after {
  background: #ffffff;
}
.switch input:checked + label {
  background: #008CBA;
}
.switch.large label {
  width: 5rem;
  height: 2.5rem;
}
.switch.large label:after {
  width: 2rem;
  height: 2rem;
}
.switch.large input:checked + label:after {
  left: 2.75rem;
}
.switch.small label {
  width: 3.5rem;
  height: 1.75rem;
}
.switch.small label:after {
  width: 1.25rem;
  height: 1.25rem;
}
.switch.small input:checked + label:after {
  left: 2rem;
}
.switch.tiny label {
  width: 3rem;
  height: 1.5rem;
}
.switch.tiny label:after {
  width: 1rem;
  height: 1rem;
}
.switch.tiny input:checked + label:after {
  left: 1.75rem;
}
.switch.radius label {
  border-radius: 4px;
}
.switch.radius label:after {
  border-radius: 3px;
}
.switch.round {
  border-radius: 1000px;
}
.switch.round label {
  border-radius: 2rem;
}
.switch.round label:after {
  border-radius: 2rem;
}

/* Custome colors */
table {
  background: #f1f1f1;
  margin-bottom: 1.25rem;
  border: solid 1px #DDDDDD;
  table-layout: auto;
}
table caption {
  background: transparent;
  color: #333;
  font-size: 1rem;
  font-family: 'MarkOT-Bold';
}
table thead {
  background: #f1f1f1;
}
table thead tr th, table thead tr td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-size: 0.875rem;
  font-family: 'MarkOT-Bold';
  color: #333;
}
table tfoot {
  background: #F5F5F5;
}
table tfoot tr th, table tfoot tr td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-size: 0.875rem;
  font-family: 'MarkOT-Bold';
  color: #333;
}
table tr th, table tr td {
  padding: 0.5625rem 0.625rem;
  font-size: 0.875rem;
  color: #333;
  text-align: left;
}
table tr.even, table tr.alt, table tr:nth-of-type(even) {
  background: #F9F9F9;
}
table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {
  display: table-cell;
  line-height: 1.125rem;
}

/* Custome colors */

/* Custome colors */
.tabs {
  margin-bottom: 0 !important;
  margin-left: 0;
}
.tabs:before, .tabs:after {
  content: " ";
  display: table;
}
.tabs:after {
  clear: both;
}
.tabs dd, .tabs .tab-title {
  position: relative;
  margin-bottom: 0 !important;
  list-style: none;
  float: left;
}
.tabs dd > a, .tabs .tab-title > a {
  display: block;
  background-color: #EFEFEF;
  color: #333;
  padding: 1rem 2rem;
  font-family: MarkOT-Regular, Helvetica, Arial, sans-serif;
  font-size: 1rem;
}
.tabs dd > a:hover, .tabs .tab-title > a:hover {
  background-color: #e1e1e1;
}
.tabs dd > a:focus, .tabs .tab-title > a:focus {
  outline: none;
}
.tabs dd.active a, .tabs .tab-title.active a {
  background-color: #ffffff;
  color: #333;
}
.tabs.radius dd:first-child a, .tabs.radius .tab:first-child a {
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.tabs.radius dd:last-child a, .tabs.radius .tab:last-child a {
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.tabs.vertical dd, .tabs.vertical .tab-title {
  position: inherit;
  float: none;
  display: block;
  top: auto;
}
.tabs-content {
  margin-bottom: 1.5rem;
  width: 100%;
}
.tabs-content:before, .tabs-content:after {
  content: " ";
  display: table;
}
.tabs-content:after {
  clear: both;
}
.tabs-content > .content {
  display: none;
  float: left;
  padding: 0.9375rem 0;
  width: 100%;
}
.tabs-content > .content.active {
  display: block;
  float: none;
}
.tabs-content > .content.contained {
  padding: 0.9375rem;
}
.tabs-content.vertical {
  display: block;
}
.tabs-content.vertical > .content {
  padding: 0 0.9375rem;
}
@media only screen and (min-width:745px) {
  .tabs.vertical {
    width: 20%;
    max-width: 20%;
    float: left;
    margin: 0 0 1.25rem;
  }
  .tabs-content.vertical {
    width: 80%;
    max-width: 80%;
    float: left;
    margin-left: -1px;
    padding-left: 1rem;
  }
}
.no-js .tabs-content > .content {
  display: block;
  float: none;
}

/* Custome colors */

/* Image Thumbnails */
.th {
  line-height: 0;
  display: inline-block;
  border: solid 4px #ffffff;
  max-width: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  transition: all 200ms ease-out;
}
.th:hover, .th:focus {
  box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5);
}
.th.radius {
  border-radius: 3px;
}

/* Custome colors */

/* Tooltips */
.has-tip {
  border-bottom: none;
  cursor: help;
  font-family: 'MarkOT-Bold';
  color: #333333;
}
.has-tip:hover, .has-tip:focus {
  border-bottom: none;
  color: #008CBA;
}
.has-tip.tip-left, .has-tip.tip-right {
  float: none !important;
}
.tooltip {
  display: none;
  position: absolute;
  z-index: 1006;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.3;
  padding: 0.75rem;
  max-width: 300px;
  left: 50%;
  width: 100%;
  color: #333;
  background: #d8dce0;
}
.tooltip > .nub {
  display: block;
  left: 5px;
  position: absolute;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: transparent transparent #d8dce0 transparent;
  top: -10px;
  pointer-events: none;
}
.tooltip > .nub.rtl {
  left: auto;
  right: 5px;
}
.tooltip.radius {
  border-radius: 3px;
}
.tooltip.round {
  border-radius: 1000px;
}
.tooltip.round > .nub {
  left: 2rem;
}
.tooltip.opened {
  color: #008CBA !important;
  border-bottom: none !important;
}
.tap-to-close {
  display: block;
  font-size: 0.625rem;
  color: #777777;
  font-weight: normal;
}
@media only screen and (min-width:745px) {
  .tooltip > .nub {
    border-color: transparent transparent #d8dce0 transparent;
    top: -10px;
  }
  .tooltip.tip-top > .nub {
    border-color: #d8dce0 transparent transparent transparent;
    top: auto;
    bottom: -10px;
  }
  .tooltip.tip-left, .tooltip.tip-right {
    float: none !important;
  }
  .tooltip.tip-left > .nub {
    border-color: transparent transparent transparent #d8dce0;
    right: -10px;
    left: auto;
    top: 50%;
    margin-top: -5px;
  }
  .tooltip.tip-right > .nub {
    border-color: transparent #d8dce0 transparent transparent;
    right: auto;
    left: -10px;
    top: 50%;
    margin-top: -5px;
  }
}

/* Custome colors */

/* Custome colors */

/* Custome colors */

/* Custome colors */

/* Custome colors */
meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:745px)/";
  width: 745px;
}

/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
  width: 100%;
  background: transparent;
}
.contain-to-grid .top-bar {
  margin-bottom: 0;
}
.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99;
}
.fixed.expanded:not(.top-bar) {
  overflow-y: auto;
  height: auto;
  width: 100%;
  max-height: 100%;
}
.fixed.expanded:not(.top-bar) .title-area {
  position: fixed;
  width: 100%;
  z-index: 99;
}
.fixed.expanded:not(.top-bar) .top-bar-section {
  z-index: 98;
  margin-top: 1rem;
}
.top-bar {
  overflow: hidden;
  height: 1rem;
  line-height: 1rem;
  position: relative;
  background: transparent;
  margin-bottom: 0;
}
.top-bar ul {
  margin-bottom: 0;
  list-style: none;
}
.top-bar .row {
  max-width: none;
}
.top-bar form, .top-bar input {
  margin-bottom: 0;
}
.top-bar input {
  height: 1.75rem;
  padding-top: .35rem;
  padding-bottom: .35rem;
  font-size: 0.75rem;
}
.top-bar .button, .top-bar button {
  padding-top: .4125rem;
  padding-bottom: .4125rem;
  margin-bottom: 0;
  font-size: 0.75rem;
}
@media only screen and (max-width:744px) {
  .top-bar .button, .top-bar button {
    position: relative;
    top: -1px;
  }
}
.top-bar .title-area {
  position: relative;
  margin: 0;
}
.top-bar .name {
  height: 1rem;
  margin: 0;
  font-size: 16px;
}
.top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
  line-height: 1rem;
  font-size: 1rem;
  margin: 0;
}
.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
  font-weight: normal;
  color: #282828;
  width: 75%;
  display: block;
  padding: 0 25px 28px 25px;
}
.top-bar .toggle-topbar {
  position: absolute;
  right: 0;
  top: 0;
}
.top-bar .toggle-topbar a {
  color: #282828;
  text-transform: uppercase;
  font-size: 0.8125rem;
  font-family: 'MarkOT-Bold';
  position: relative;
  display: block;
  padding: 0 25px 28px 25px;
  height: 1rem;
  line-height: 1rem;
}
.top-bar .toggle-topbar.menu-icon {
  top: 50%;
  margin-top: -16px;
}
.top-bar .toggle-topbar.menu-icon a {
  height: 34px;
  line-height: 33px;
  padding: 0 25px 28px 25px1.5625rem 0 25px 28px 25px;
  color: #ffffff;
  position: relative;
}
.top-bar .toggle-topbar.menu-icon a span::after {
  content: "";
  position: absolute;
  display: block;
  height: 0;
  top: 50%;
  margin-top: -8px;
  right: 25px 28px 25px;
  box-shadow: 0 0 0 1px #ffffff, 0 7px 0 1px #ffffff, 0 14px 0 1px #ffffff;
  width: 16px;
}
.top-bar .toggle-topbar.menu-icon a span:hover:after {
  box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px "";
}
.top-bar.expanded {
  height: auto;
  background: transparent;
}
.top-bar.expanded .title-area {
  background: transparent;
}
.top-bar.expanded .toggle-topbar a {
  color: #888888;
}
.top-bar.expanded .toggle-topbar a span::after {
  box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888;
}
.top-bar-section {
  left: 0;
  position: relative;
  width: auto;
  transition: left 300ms ease-out;
}
.top-bar-section ul {
  padding: 0;
  width: 100%;
  height: auto;
  display: block;
  font-size: 16px;
  margin: 0;
}
.top-bar-section .divider, .top-bar-section [role="separator"] {
  border-top: solid 1px #141414;
  clear: both;
  height: 1px;
  width: 100%;
}
.top-bar-section ul li {
  background: transparent;
}
.top-bar-section ul li > a {
  display: block;
  width: 100%;
  color: #282828;
  padding: 12px 0 12px 0;
  padding-left: 25px 28px 25px;
  font-family: 'MarkOT-Regular';
  font-size: 1rem;
  font-weight: normal;
  text-transform: none;
}
.top-bar-section ul li > a.button {
  font-size: 1rem;
  padding-right: 25px 28px 25px;
  padding-left: 25px 28px 25px;
  background-color: #008CBA;
  border-color: #007095;
  color: #ffffff;
}
.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
  background-color: #007095;
}
.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
  color: #ffffff;
}
.top-bar-section ul li > a.button.secondary {
  background-color: #e7e7e7;
  border-color: #b9b9b9;
  color: #333333;
}
.top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
  background-color: #b9b9b9;
}
.top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
  color: #333333;
}
.top-bar-section ul li > a.button.success {
  background-color: #43AC6A;
  border-color: #368a55;
  color: #ffffff;
}
.top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
  background-color: #368a55;
}
.top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
  color: #ffffff;
}
.top-bar-section ul li > a.button.alert {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: #ffffff;
}
.top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
  background-color: #cf2a0e;
}
.top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
  color: #ffffff;
}
.top-bar-section ul li > a.button.warning {
  background-color: #f08a24;
  border-color: #cf6e0e;
  color: #ffffff;
}
.top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
  background-color: #cf6e0e;
}
.top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
  color: #ffffff;
}
.top-bar-section ul li > button {
  font-size: 1rem;
  padding-right: 25px 28px 25px;
  padding-left: 25px 28px 25px;
  background-color: #008CBA;
  border-color: #007095;
  color: #ffffff;
}
.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
  background-color: #007095;
}
.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
  color: #ffffff;
}
.top-bar-section ul li > button.secondary {
  background-color: #e7e7e7;
  border-color: #b9b9b9;
  color: #333333;
}
.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
  background-color: #b9b9b9;
}
.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
  color: #333333;
}
.top-bar-section ul li > button.success {
  background-color: #43AC6A;
  border-color: #368a55;
  color: #ffffff;
}
.top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
  background-color: #368a55;
}
.top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
  color: #ffffff;
}
.top-bar-section ul li > button.alert {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: #ffffff;
}
.top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
  background-color: #cf2a0e;
}
.top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
  color: #ffffff;
}
.top-bar-section ul li > button.warning {
  background-color: #f08a24;
  border-color: #cf6e0e;
  color: #ffffff;
}
.top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
  background-color: #cf6e0e;
}
.top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
  color: #ffffff;
}
.top-bar-section ul li:hover:not(.has-form) > a {
  background-color: transparent;
  background: transparent;
  color: #f8c612;
}
.top-bar-section ul li.active > a {
  background: transparent;
  color: #f8c612;
}
.top-bar-section ul li.active > a:hover {
  background: transparent;
  color: #f8c612;
}
.top-bar-section .has-form {
  padding: 25px 28px 25px;
}
.top-bar-section .has-dropdown {
  position: relative;
}
.top-bar-section .has-dropdown > a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent transparent transparent rgba(40, 40, 40, 0.4);
  border-left-style: solid;
  margin-right: 25px 28px 25px;
  margin-top: -4.5px;
  position: absolute;
  top: 50%;
  right: 0;
}
.top-bar-section .has-dropdown.moved {
  position: static;
}
.top-bar-section .has-dropdown.moved > .dropdown {
  display: block;
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
  position: absolute !important;
  width: 100%;
}
.top-bar-section .has-dropdown.moved > a:after {
  display: none;
}
.top-bar-section .dropdown {
  padding: 0;
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 99;
  display: block;
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.top-bar-section .dropdown li {
  width: 100%;
  height: auto;
}
.top-bar-section .dropdown li a {
  font-weight: normal;
  padding: 8px 25px 28px 25px;
}
.top-bar-section .dropdown li a.parent-link {
  font-weight: normal;
}
.top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1.125rem;
}
.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
  color: #282828;
  display: block;
}
.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
  background: none;
}
.top-bar-section .dropdown li.has-form {
  padding: 8px 25px 28px 25px;
}
.top-bar-section .dropdown li .button, .top-bar-section .dropdown li button {
  top: auto;
}
.top-bar-section .dropdown label {
  padding: 8px 25px 28px 25px 2px;
  margin-bottom: 0;
  text-transform: uppercase;
  color: #777777;
  font-family: 'MarkOT-Bold';
  font-size: 0.625rem;
}
.js-generated {
  display: block;
}
@media only screen and (min-width:745px) {
  .top-bar {
    background: transparent;
    overflow: visible;
  }
  .top-bar:before, .top-bar:after {
    content: " ";
    display: table;
  }
  .top-bar:after {
    clear: both;
  }
  .top-bar .toggle-topbar {
    display: none;
  }
  .top-bar .title-area {
    float: left;
  }
  .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name h5 a, .top-bar .name h6 a {
    width: auto;
  }
  .top-bar input, .top-bar .button, .top-bar button {
    font-size: 0.875rem;
    position: relative;
    height: 1.75rem;
    top: -0.375rem;
  }
  .top-bar.expanded {
    background: transparent;
  }
  .contain-to-grid .top-bar {
    max-width: 75rem;
    margin: 0 auto;
    margin-bottom: 0;
  }
  .top-bar-section {
    transition: none 0 0;
    left: -20px !important;
  }
  .top-bar-section ul {
    width: auto;
    height: auto !important;
    display: inline;
  }
  .top-bar-section ul li {
    float: left;
  }
  .top-bar-section ul li .js-generated {
    display: none;
  }
  .top-bar-section li.hover > a:not(.button) {
    background-color: transparent;
    background: transparent;
    color: #f8c612;
  }
  .top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0 25px 28px 25px;
    line-height: 1rem;
    background: transparent;
  }
  .top-bar-section li:not(.has-form) a:not(.button):hover {
    background-color: transparent;
    background: transparent;
  }
  .top-bar-section li.active:not(.has-form) a:not(.button) {
    padding: 0 25px 28px 25px;
    line-height: 1rem;
    color: #f8c612;
    background: transparent;
  }
  .top-bar-section li.active:not(.has-form) a:not(.button):hover {
    background: transparent;
    color: #f8c612;
  }
  .top-bar-section .has-dropdown > a {
    padding-right: 25px 28px 25px0 !important;
  }
  .top-bar-section .has-dropdown > a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: rgba(40, 40, 40, 0.4) transparent transparent transparent;
    border-top-style: solid;
    margin-top: -2.5px;
    top: 0.5rem;
  }
  .top-bar-section .has-dropdown.moved {
    position: relative;
  }
  .top-bar-section .has-dropdown.moved > .dropdown {
    display: block;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
  }
  .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important;
  }
  .top-bar-section .has-dropdown > a:focus + .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important;
  }
  .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
    border: none;
    content: "\00bb";
    top: 1rem;
    margin-top: -1px;
    right: 5px;
    line-height: 1.2;
  }
  .top-bar-section .dropdown {
    left: 0;
    top: auto;
    background: transparent;
    min-width: 100%;
  }
  .top-bar-section .dropdown li a {
    color: #282828;
    line-height: 1rem;
    white-space: nowrap;
    padding: 12px 25px 28px 25px;
    background: transparent;
  }
  .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    color: #282828;
    background: transparent;
  }
  .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
    color: #282828;
    background-color: transparent;
    background: transparent;
  }
  .top-bar-section .dropdown li label {
    white-space: nowrap;
    background: transparent;
  }
  .top-bar-section .dropdown li .dropdown {
    left: 100%;
    top: 0;
  }
  .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
    border-bottom: none;
    border-top: none;
    border-right: solid 1px #444444;
    clear: none;
    height: 1rem;
    width: 0;
  }
  .top-bar-section .has-form {
    background: transparent;
    padding: 0 25px 28px 25px;
    height: 1rem;
  }
  .top-bar-section .right li .dropdown {
    left: auto;
    right: 0;
  }
  .top-bar-section .right li .dropdown li .dropdown {
    right: 100%;
  }
  .top-bar-section .left li .dropdown {
    right: auto;
    left: 0;
  }
  .top-bar-section .left li .dropdown li .dropdown {
    left: 100%;
  }
  .no-js .top-bar-section ul li:hover > a {
    background-color: transparent;
    background: transparent;
    color: #f8c612;
  }
  .no-js .top-bar-section ul li:active > a {
    background: transparent;
    color: #f8c612;
  }
  .no-js .top-bar-section .has-dropdown:hover > .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important;
  }
  .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important;
  }
}

/* Custome colors */
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}
@media only screen and (max-width:744px) {
  .small-only-text-left {
    text-align: left !important;
  }
  .small-only-text-right {
    text-align: right !important;
  }
  .small-only-text-center {
    text-align: center !important;
  }
  .small-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen {
  .small-text-left {
    text-align: left !important;
  }
  .small-text-right {
    text-align: right !important;
  }
  .small-text-center {
    text-align: center !important;
  }
  .small-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width:745px) and (max-width:1023px) {
  .medium-only-text-left {
    text-align: left !important;
  }
  .medium-only-text-right {
    text-align: right !important;
  }
  .medium-only-text-center {
    text-align: center !important;
  }
  .medium-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width:745px) {
  .medium-text-left {
    text-align: left !important;
  }
  .medium-text-right {
    text-align: right !important;
  }
  .medium-text-center {
    text-align: center !important;
  }
  .medium-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width:1024px) and (max-width:1199px) {
  .large-only-text-left {
    text-align: left !important;
  }
  .large-only-text-right {
    text-align: right !important;
  }
  .large-only-text-center {
    text-align: center !important;
  }
  .large-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width:1024px) {
  .large-text-left {
    text-align: left !important;
  }
  .large-text-right {
    text-align: right !important;
  }
  .large-text-center {
    text-align: center !important;
  }
  .large-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width:1200px) and (max-width:99999999em) {
  .xlarge-only-text-left {
    text-align: left !important;
  }
  .xlarge-only-text-right {
    text-align: right !important;
  }
  .xlarge-only-text-center {
    text-align: center !important;
  }
  .xlarge-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width:1200px) {
  .xlarge-text-left {
    text-align: left !important;
  }
  .xlarge-text-right {
    text-align: right !important;
  }
  .xlarge-text-center {
    text-align: center !important;
  }
  .xlarge-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width:120.063em) and (max-width:99999999em) {
  .xxlarge-only-text-left {
    text-align: left !important;
  }
  .xxlarge-only-text-right {
    text-align: right !important;
  }
  .xxlarge-only-text-center {
    text-align: center !important;
  }
  .xxlarge-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width:120.063em) {
  .xxlarge-text-left {
    text-align: left !important;
  }
  .xxlarge-text-right {
    text-align: right !important;
  }
  .xxlarge-text-center {
    text-align: center !important;
  }
  .xxlarge-text-justify {
    text-align: justify !important;
  }
}

/* Typography resets */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

/* Default Link Styles */
a {
  color: #282828;
  text-decoration: none;
  line-height: inherit;
}
a:hover, a:focus {
  color: #282828;
}
a img {
  border: none;
}

/* Default paragraph styles */
p {
  font-family: 'MarkOT-Regular';
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility;
}
p.lead {
  font-size: 1.21875rem;
  line-height: 1.6;
}
p aside {
  font-size: 0.875rem;
  line-height: 1.35;
  font-style: italic;
}

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  font-family: 'MarkOT-Medium';
  font-weight: normal;
  font-style: normal;
  color: #333;
  text-rendering: optimizeLegibility;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-size: 60%;
  color: #6d6d6d;
  line-height: 0;
}
h1 {
  font-size: 2.375rem;
}
h2 {
  font-size: 1.625rem;
}
h3 {
  font-size: 1.375rem;
}
h4 {
  font-size: 1.125rem;
}
h5 {
  font-size: 1.125rem;
}
h6 {
  font-size: 1rem;
}
.subheader {
  line-height: 1.4;
  color: #647785;
  font-weight: normal;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
}
hr {
  border: solid #DDDDDD;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25rem 0 1.1875rem;
  height: 0;
}

/* Helpful Typography Defaults */
em, i {
  font-style: italic;
  line-height: inherit;
}
strong, b {
  font-family: 'MarkOT-Bold';
  line-height: inherit;
}
small {
  font-size: 60%;
  line-height: inherit;
}
code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #333333;
  background-color: #f8f8f8;
  border-width: 1px;
  border-style: solid;
  border-color: #dfdfdf;
  padding: 0.125rem 0.3125rem 0.0625rem;
}

/* Lists */
ul, ol, dl {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  list-style-position: outside;
  font-family: 'MarkOT-Regular';
}
ul {
  margin-left: 1.1rem;
}
ul.no-bullet {
  margin-left: 0;
}
ul.no-bullet li ul, ul.no-bullet li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
  list-style: none;
}

/* Unordered Lists */
ul li ul, ul li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}
ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit;
}
ul.square {
  list-style-type: square;
  margin-left: 1.1rem;
}
ul.circle {
  list-style-type: circle;
  margin-left: 1.1rem;
}
ul.disc {
  list-style-type: disc;
  margin-left: 1.1rem;
}
ul.no-bullet {
  list-style: none;
}

/* Ordered Lists */
ol {
  margin-left: 1.4rem;
}
ol li ul, ol li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

/* Definition Lists */
dl dt {
  margin-bottom: 0.3rem;
  font-family: 'MarkOT-Bold';
}
dl dd {
  margin-bottom: 0.75rem;
}

/* Abbreviations */
abbr, acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #333;
  cursor: help;
}
abbr {
  text-transform: none;
}
abbr[title] {
  border-bottom: 1px dotted #DDDDDD;
}

/* Blockquotes */
blockquote {
  margin: 0 0 1.25rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #DDDDDD;
}
blockquote cite {
  display: block;
  font-size: 0.8125rem;
  color: #525252;
}
blockquote cite:before {
  content: "\2014 \0020";
}
blockquote cite a, blockquote cite a:visited {
  color: #525252;
}
blockquote, blockquote p {
  line-height: 1.6;
  color: #6d6d6d;
}

/* Microformats */
.vcard {
  display: inline-block;
  margin: 0 0 1.25rem 0;
  border: 1px solid #DDDDDD;
  padding: 0.625rem 0.75rem;
}
.vcard li {
  margin: 0;
  display: block;
}
.vcard .fn {
  font-family: 'MarkOT-Bold';
  font-size: 0.9375rem;
}
.vevent .summary {
  font-family: 'MarkOT-Bold';
}
.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-family: 'MarkOT-Bold';
  border: none;
  padding: 0 0.0625rem;
}
@media only screen and (min-width:745px) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
  }
  h1 {
    font-size: 3rem;
  }
  h2 {
    font-size: 2.25rem;
  }
  h3 {
    font-size: 1.6875rem;
  }
  h4 {
    font-size: 1.4375rem;
  }
  h5 {
    font-size: 1.125rem;
  }
  h6 {
    font-size: 1rem;
  }
}

/* Custome colors */

/* Custome colors */
.off-canvas-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.off-canvas-wrap.move-right, .off-canvas-wrap.move-left {
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
}
.inner-wrap {
  position: relative;
  width: 100%;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease;
}
.inner-wrap:before, .inner-wrap:after {
  content: " ";
  display: table;
}
.inner-wrap:after {
  clear: both;
}
.tab-bar {
  -webkit-backface-visibility: hidden;
  background: #333333;
  color: #ffffff;
  height: 2.8125rem;
  line-height: 2.8125rem;
  position: relative;
}
.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
  color: #ffffff;
  font-family: 'MarkOT-Bold';
  line-height: 2.8125rem;
  margin: 0;
}
.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
  font-size: 1.125rem;
}
.left-small {
  width: 2.8125rem;
  height: 2.8125rem;
  position: absolute;
  top: 0;
  border-right: solid 1px #1a1a1a;
  left: 0;
}
.right-small {
  width: 2.8125rem;
  height: 2.8125rem;
  position: absolute;
  top: 0;
  border-left: solid 1px #1a1a1a;
  right: 0;
}
.tab-bar-section {
  padding: 0 0.625rem;
  position: absolute;
  text-align: center;
  height: 2.8125rem;
  top: 0;
}
@media only screen and (min-width:745px) {
  .tab-bar-section.left {
    text-align: left;
  }
  .tab-bar-section.right {
    text-align: right;
  }
}
.tab-bar-section.left {
  left: 0;
  right: 2.8125rem;
}
.tab-bar-section.right {
  left: 2.8125rem;
  right: 0;
}
.tab-bar-section.middle {
  left: 2.8125rem;
  right: 2.8125rem;
}
.tab-bar .menu-icon {
  text-indent: 2.1875rem;
  width: 2.8125rem;
  height: 2.8125rem;
  display: block;
  padding: 0;
  color: #ffffff;
  position: relative;
  transform: translate3d(0, 0, 0);
}
.tab-bar .menu-icon span::after {
  content: "";
  position: absolute;
  display: block;
  height: 0;
  top: 50%;
  margin-top: -0.5rem;
  left: 0.90625rem;
  box-shadow: 0 0 0 1px #ffffff, 0 7px 0 1px #ffffff, 0 14px 0 1px #ffffff;
  width: 1rem;
}
.tab-bar .menu-icon span:hover:after {
  box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3;
}
.left-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  background: #333333;
  z-index: 1001;
  box-sizing: content-box;
  transition: transform 500ms ease 0s;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0;
}
.left-off-canvas-menu * {
  -webkit-backface-visibility: hidden;
}
.right-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  background: #333333;
  z-index: 1001;
  box-sizing: content-box;
  transition: transform 500ms ease 0s;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-transform: translate(100%, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  right: 0;
}
.right-off-canvas-menu * {
  -webkit-backface-visibility: hidden;
}
ul.off-canvas-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
ul.off-canvas-list li label {
  display: block;
  padding: 0.3rem 0.9375rem;
  color: #999999;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-family: 'MarkOT-Bold';
  background: #444444;
  border-top: 1px solid #5e5e5e;
  border-bottom: none;
  margin: 0;
}
ul.off-canvas-list li a {
  display: block;
  padding: 0.66667rem;
  color: rgba(255, 255, 255, 0.7);
  border-bottom: 1px solid #262626;
  transition: background 300ms ease;
}
ul.off-canvas-list li a:hover {
  background: #242424;
}
.move-right > .inner-wrap {
  -ms-transform: translate(15.625rem, 0);
  -webkit-transform: translate3d(15.625rem, 0, 0);
  -moz-transform: translate3d(15.625rem, 0, 0);
  -ms-transform: translate3d(15.625rem, 0, 0);
  -o-transform: translate3d(15.625rem, 0, 0);
  transform: translate3d(15.625rem, 0, 0);
}
.move-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (min-width:745px) {
  .move-right .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}
.move-left > .inner-wrap {
  -ms-transform: translate(-15.625rem, 0);
  -webkit-transform: translate3d(-15.625rem, 0, 0);
  -moz-transform: translate3d(-15.625rem, 0, 0);
  -ms-transform: translate3d(-15.625rem, 0, 0);
  -o-transform: translate3d(-15.625rem, 0, 0);
  transform: translate3d(-15.625rem, 0, 0);
}
.move-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (min-width:745px) {
  .move-left .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}
.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003;
}
.offcanvas-overlap .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (min-width:745px) {
  .offcanvas-overlap .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}
.offcanvas-overlap-left .right-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003;
}
.offcanvas-overlap-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (min-width:745px) {
  .offcanvas-overlap-left .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}
.offcanvas-overlap-right .left-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003;
}
.offcanvas-overlap-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (min-width:745px) {
  .offcanvas-overlap-right .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}
.no-csstransforms .left-off-canvas-menu {
  left: -15.625rem;
}
.no-csstransforms .right-off-canvas-menu {
  right: -15.625rem;
}
.no-csstransforms .move-left > .inner-wrap {
  right: 15.625rem;
}
.no-csstransforms .move-right > .inner-wrap {
  left: 15.625rem;
}
.left-submenu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: #333333;
  z-index: 1002;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease;
}
.left-submenu * {
  -webkit-backface-visibility: hidden;
}
.left-submenu .back > a {
  padding: 0.3rem 0.9375rem;
  color: #999999;
  text-transform: uppercase;
  font-family: 'MarkOT-Bold';
  background: #444;
  border-top: 1px solid #5e5e5e;
  border-bottom: none;
  margin: 0;
}
.left-submenu .back > a:hover {
  background: #303030;
  border-top: 1px solid #5e5e5e;
  border-bottom: none;
}
.left-submenu .back > a:before {
  content: "\AB";
  margin-right: 0.5rem;
  display: inline;
}
.left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap {
  -ms-transform: translate(0%, 0);
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.right-submenu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: #333333;
  z-index: 1002;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-transform: translate(100%, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  right: 0;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease;
}
.right-submenu * {
  -webkit-backface-visibility: hidden;
}
.right-submenu .back > a {
  padding: 0.3rem 0.9375rem;
  color: #999999;
  text-transform: uppercase;
  font-family: 'MarkOT-Bold';
  background: #444;
  border-top: 1px solid #5e5e5e;
  border-bottom: none;
  margin: 0;
}
.right-submenu .back > a:hover {
  background: #303030;
  border-top: 1px solid #5e5e5e;
  border-bottom: none;
}
.right-submenu .back > a:after {
  content: "\BB";
  margin-left: 0.5rem;
  display: inline;
}
.right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap {
  -ms-transform: translate(0%, 0);
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
  content: "\BB";
  margin-left: 0.5rem;
  display: inline;
}
.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
  content: "\AB";
  margin-right: 0.5rem;
  display: inline;
}

/* Custome colors */

/* small displays */
@media only screen {
  .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }
  .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }
  .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
  }
  table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important;
  }
  thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }
  tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }
  tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row;
  }
  th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}

/* medium displays */
@media only screen and (min-width:745px) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
  }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important;
  }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row;
  }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}

/* large displays */
@media only screen and (min-width:1024px) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
  }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important;
  }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row;
  }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}

/* xlarge displays */
@media only screen and (min-width:1200px) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
  }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important;
  }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row;
  }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}

/* xxlarge displays */
@media only screen and (min-width:120.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
  }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important;
  }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row;
  }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}

/* Orientation targeting */
.show-for-landscape, .hide-for-portrait {
  display: inherit !important;
}
.hide-for-landscape, .show-for-portrait {
  display: none !important;
}

/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table !important;
}
thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important;
}
tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important;
}
tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important;
}
td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
  display: table-cell !important;
}
@media only screen and (orientation:landscape) {
  .show-for-landscape, .hide-for-portrait {
    display: inherit !important;
  }
  .hide-for-landscape, .show-for-portrait {
    display: none !important;
  }

  /* Specific visibility for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table !important;
  }
  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important;
  }
  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important;
  }
  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important;
  }
  td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait {
    display: table-cell !important;
  }
}
@media only screen and (orientation:portrait) {
  .show-for-portrait, .hide-for-landscape {
    display: inherit !important;
  }
  .hide-for-portrait, .show-for-landscape {
    display: none !important;
  }

  /* Specific visibility for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table !important;
  }
  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important;
  }
  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important;
  }
  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important;
  }
  td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape {
    display: table-cell !important;
  }
}

/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important;
}
.hide-for-touch {
  display: inherit !important;
}
.touch .show-for-touch {
  display: inherit !important;
}
.touch .hide-for-touch {
  display: none !important;
}

/* Specific visibility for tables */
table.hide-for-touch {
  display: table !important;
}
.touch table.show-for-touch {
  display: table !important;
}
thead.hide-for-touch {
  display: table-header-group !important;
}
.touch thead.show-for-touch {
  display: table-header-group !important;
}
tbody.hide-for-touch {
  display: table-row-group !important;
}
.touch tbody.show-for-touch {
  display: table-row-group !important;
}
tr.hide-for-touch {
  display: table-row !important;
}
.touch tr.show-for-touch {
  display: table-row !important;
}
td.hide-for-touch {
  display: table-cell !important;
}
.touch td.show-for-touch {
  display: table-cell !important;
}
th.hide-for-touch {
  display: table-cell !important;
}
.touch th.show-for-touch {
  display: table-cell !important;
}

/*
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
  display: none !important;
}
@media print {
  * {
    background: transparent !important;
    color: #333 !important;    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  .show-for-print {
    display: block;
  }
  .hide-for-print {
    display: none;
  }
  table.show-for-print {
    display: table !important;
  }
  thead.show-for-print {
    display: table-header-group !important;
  }
  tbody.show-for-print {
    display: table-row-group !important;
  }
  tr.show-for-print {
    display: table-row !important;
  }
  td.show-for-print {
    display: table-cell !important;
  }
  th.show-for-print {
    display: table-cell !important;
  }
  a, a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " ("attr(href) ")";
  }
  abbr[title]:after {
    content: " ("attr(title) ")";
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;    /* h5bp.com/t */
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
  .hide-on-print {
    display: none !important;
  }
  .print-only {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
  .show-for-print {
    display: inherit !important;
  }
}

/* Print visibility */
@media print {
  .show-for-print {
    display: block;
  }
  .hide-for-print {
    display: none;
  }
  table.show-for-print {
    display: table !important;
  }
  thead.show-for-print {
    display: table-header-group !important;
  }
  tbody.show-for-print {
    display: table-row-group !important;
  }
  tr.show-for-print {
    display: table-row !important;
  }
  td.show-for-print {
    display: table-cell !important;
  }
  th.show-for-print {
    display: table-cell !important;
  }
}

/*added for flyout created by monetate at run time*/
.fly-out {
  z-index: 99999;
}

/**
 * styling for tip content
 * mostly for example
 * note: canvas (the tip itself) cannot be styled here. use javascript options for that.
 */
.bt-content {
	font-size: small;
	color: #000;
	line-height: normal;
}

/* styling for active target elements - usually for background highlighting */
.bt-active { /* example:
  background-color: yellow !important;
 */
	
}
/*!
 * jQuery UI Stars v3.0.1
 * http://plugins.jquery.com/project/Star_Rating_widget
 *
 * Copyright (c) 2010 Marek "Orkan" Zajac (orkans@gmail.com)
 * Dual licensed under the MIT and GPL licenses.
 * http://docs.jquery.com/License
 *
 * $Rev: 164 $
 * $Date:: 2010-05-01 #$
 * $Build: 35 (2010-05-01)
 *
 */
.ui-stars-star,
.ui-stars-cancel {
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}
.ui-stars-star a,
.ui-stars-cancel a {
	width: 16px;
	height: 15px;
	display: block;
	background: url(../images/jquery.ui.stars.gif) no-repeat 0 0;
}
.ui-stars-star a {
	background-position: 0 -32px;
}
.ui-stars-star-on a {
	background-position: 0 -48px;
}
.ui-stars-star-hover a {
	background-position: 0 -64px;
}
.ui-stars-cancel-hover a {
	background-position: 0 -16px;
}
.ui-stars-star-disabled,
.ui-stars-star-disabled a,
.ui-stars-cancel-disabled a {
	cursor: default !important;
}

#stars-wrapper img {
	position: absolute;
	top: -88px;
	left: 0;
	cursor: pointer;
}

#stars-wrapper img.no_star {
	top: -60px;
}

#stars-wrapper label {
	position: relative;
	width: 1.8em;
	height: 1.8em;
	overflow: hidden;
	float: left;
	margin-right: 15px;
	text-indent: -999em;
	padding-right: 0;
}

#stars-wrapper label:hover, #stars-wrapper .selected {
	opacity: 0.5;
	filter: alpha(opacity=50)
}

#stars-wrapper br {
	display: none;
}
 /*
 * jQuery UI Autocomplete 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { 
	position: absolute; 
	cursor: default;
 }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.18
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 2px;
	display:block;
	float: left;
	background-color: white;
	border: 1px solid #ddd;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;

}
.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:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: bold;
}
@charset "UTF-8";
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff; }

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  background: transparent; }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  background: transparent; }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25; }

.slick-prev:before,
.slick-next:before {
  font-family: 'Helvetica,Arial,sans-serif';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto; }

.slick-prev:before {
  content: '←'; }

[dir='rtl'] .slick-prev:before {
  content: '→'; }

.slick-next {
  right: -25px; }

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px; }

.slick-next:before {
  content: '→'; }

[dir='rtl'] .slick-next:before {
  content: '←'; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  font-family: 'Helvetica,Arial,sans-serif';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black; }

/**************************************************/
/* MODULE_NAME: carousel starts here
/**************************************************/
.carousel-item {
  position: relative;
  top: 0;
  left: 0; }

.carousel-item .secondary-header {
  font-size: 44px;
  font-size: 2.75rem;
  font-family: 'MarkOT-Medium';
  line-height: 50px; }

.carousel-item .body-copy {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: 'MarkOT-Bold';
  line-height: 22px; }

.carousel-item .button {
  background-color: #ffffff;
  color: #333;
  padding: 20px 30px;
  display: block;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.9375rem;
  font-family: 'MarkOT-Bold'; }

.carousel-item .expiration {
  font-family: 'MarkOT-Bold';
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 14px; }

.carousel-item .small-title {
  font-family: 'MarkOT-Bold';
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16px;
  text-transform: uppercase; }

@media screen and (min-width: 745px) {
  .carousel-item.item1 a.kold-learn-more {
    position: absolute;
    top: 123px;
    left: 230px;
    background-position: 0 4px; }
  .carousel-item.item1 a.kold-learn-more:hover {
    background-position: 0 4px; }
  .carousel-item.item2 .exclusive {
    font-size: 14px;
    font-size: 0.875rem;
    font-family: 'MarkOT-Bold';
    line-height: 22px;
    position: absolute;
    top: 76px;
    left: 40%;
    color: #ed9043;
    text-transform: uppercase; }
  .carousel-item.item2 .secondary-header {
    color: #ffffff;
    position: absolute;
    top: 117px;
    left: 27%; }
  .carousel-item.item2 .body-copy {
    color: #ffffff;
    position: absolute;
    top: 180px;
    left: 31%; }
  .carousel-item.item2 .body-copy .specifics {
    color: #f8c612; }
  .carousel-item.item2 .button {
    position: absolute;
    top: 263px;
    left: 42%; }
  .carousel-item.item2 .expiration {
    position: absolute;
    top: 300px;
    left: 40%;
    color: #ffffff; }
  .carousel-item.item3 .small-title {
    color: #333;
    position: absolute;
    left: 550px;
    top: 83px; }
  .carousel-item.item3 .secondary-header {
    color: #333;
    position: absolute;
    top: 113px;
    left: 550px; }
  .carousel-item.item3 .body-copy {
    /*font-family: 'MarkOT-Light';*/
    color: #333;
    position: absolute;
    top: 175px;
    left: 550px; }
  .carousel-item.item3 .button {
    position: absolute;
    top: 242px;
    left: 550px; }
  .carousel-item.item3 .expiration {
    position: absolute;
    top: 353px;
    left: 553px;
    color: #333; }
  .carousel-item.item4 .small-title {
    position: absolute;
    color: #333;
    top: 56px;
    left: 90px; }
  .carousel-item.item4 .secondary-header {
    position: absolute;
    left: 90px;
    top: 86px;
    color: #333; }
  .carousel-item.item4 .body-copy {
    position: absolute;
    top: 198px;
    left: 90px;
    color: #333;
    /*font-family: 'MarkOT-Light';*/
    width: 450px; }
  .carousel-item.item4 .button {
    position: absolute;
    top: 265px;
    left: 90px; }
  .carousel-item.item4 .expiration {
    position: absolute;
    left: 90px;
    top: 335px;
    color: #333; } }

@media screen and (max-width: 1024px) {
  .carousel-item.item3 .small-title, .carousel-item.item3 .secondary-header {
    left: 453px; }
  .carousel-item.item3 .expiration {
    top: 360px;
    left: 620px; } }

/**************************************************/
/* Copied from screen1.css
/**************************************************/
.jcarousel-container {
  background: transparent; }

.jcarousel-container .jcarousel-skin .jcarousel-next-horizontal {
  right: 0; }

.jcarousel-container .scroller {
  right: 0; }

.jcarousel-skin .jcarousel-next-horizontal {
  right: 0; }

/*Copied from landingLayout2Page.css*/
#homepage_slider.stripViewer {
  position: relative;
  overflow: hidden;
  margin: auto; }

#homepage_slider.stripViewer ul {
  margin: 0;
  padding: 0;
  position: relative;
  left: 0;
  top: 0;
  width: 1%;
  list-style-type: none; }

#homepage_slider.stripViewer ul li {
  float: left; }

.stripTransmitter {
  overflow: auto;
  padding: 0 15px;
  width: 438px !important;
  height: 51px;
  border-bottom: 1px dotted #A5A5A5;
  background-color: #eee; }

.stripTransmitter ul {
  margin: 0;
  padding: 0;
  position: relative;
  list-style-type: none; }

.stripTransmitter ul li {
  width: 30px;
  float: left; }

.stripTransmitter a {
  line-height: 47px;
  display: block;
  padding: 0 0 0 0;
  text-align: center;
  text-decoration: none;
  font-size: 1.4em; }

.stripTransmitter a:hover, a.current {
  font-family: 'MarkOT-Bold'; }

.hero-banner {
  position: relative; }

.hero-banner__wrapper {
  margin-left: 0;
  position: relative;
  margin-bottom: 0; }

.hero-banner__wrapper.slick-slider .slick-track {
  height: auto; }

@media screen and (max-width: 768px) {
  .hero-banner__wrapper.slick-slider .slick-track {
    max-height: 575px; } }

.hero-banner__wrapper .slick-slide {
  height: 100% !important;
  position: relative;
  min-height: auto; }

.hero-banner__wrapper .slick-slide .button {
  position: absolute;
  top: 268px;
  left: 110px; }

.hero-banner__wrapper .slick-slide figure img {
  max-height: 100%; }

.hero-banner__item {
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top; }

@media screen and (min-width: 1024px) {
  .hero-banner__item {
    background-position: center right; } }

.hero-banner__item.slider-1 {
  background-image: url(../../../desktop/common/images/hero-banner/Homepage_NetNew_Hero_1.jpg); }

.hero-banner__item.slider-2 {
  background-image: url(../../../desktop/common/images/hero-banner/Homepage_NetNew_Hero_2.jpg); }

.hero-banner__item.slider-3 {
  background-image: url(../../../desktop/common/images/hero-banner/Homepage_NetNew_Hero_3.jpg); }

.hero-banner__item__text {
  width: 90%;
  color: white;
  padding-left: 0;
  transform: translate(0, -50%);
  position: relative;
  top: 50%; }

@media screen and (min-width: 1024px) {
  .hero-banner__item__text {
    width: 90%;
    max-width: 1200px;
    padding-left: 15px;
    margin-left: 30px; } }

.hero-banner__item__text .btn-primary-orange {
  width: auto;
  white-space: nowrap; }

.hero-banner__item__text p {
  color: #fff; }

@media screen and (min-width: 768px) {
  .hero-banner__item__text p {
    font-family: MarkOT-Regular;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.025em;
    margin-bottom: 30px;
    margin-top: 5px; } }

.hero-banner__item__text h1 {
  color: #fff;
  margin-top: 0;
  font-size: 60px;
  text-align: inherit; }

@media screen and (min-width: 768px) {
  .hero-banner__item__text h1 {
    line-height: 60px;
    letter-spacing: 0.04em; } }

.hero-banner__item__text.content-text-left {
  text-align: left; }

.hero-banner__item__text.content-text-right {
  text-align: right; }

.hero-banner__item__text.content-text-center {
  text-align: center; }

.hero-banner__item__text .copy-code {
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer; }

.hero-banner-see-details-link {
  position: absolute;
  text-decoration: underline;
  font-size: 13px;
  outline: none;
  color: cornflowerblue; }

.hero-banner .play-pause-btn {
  line-height: normal;
  color: #4F5C89;
  opacity: 0.7;
  position: absolute;
  display: inline-block;
  right: 1%;
  bottom: 0;
  text-align: right; }

.hero-banner .play-pause-btn span {
  color: #333333; }

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .hero-banner .play-pause-btn {
    line-height: 43px;
    right: 1%; } }

@media (min-width: 1200px) {
  .hero-banner .play-pause-btn {
    line-height: 43px;
    color: #333333;
    right: 80px; } }

.hero-banner .play-pause-btn a {
  color: #4F5C89;
  display: inline-block; }

@media screen and (min-width: 768px) {
  .hero-banner .play-pause-btn a {
    color: #333333; } }

.hero-banner .play-pause-btn--play .play-btn-lbl {
  display: inline; }

.hero-banner .play-pause-btn--pause .play-btn-lbl {
  display: none; }

.hero-banner .play-pause-btn .pause-icon {
  color: #000;
  border-right: 3px solid #4F5C89;
  border-left: 3px solid #4F5C89;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 0;
  width: 10px;
  height: 10px;
  position: relative;
  top: 0;
  padding-right: 0;
  display: inline-block;
  vertical-align: middle; }

@media screen and (min-width: 768px) {
  .hero-banner .play-pause-btn .pause-icon {
    color: #000;
    border-right: 3px solid #000;
    border-left: 3px solid #000;
    margin-right: 4px;
    top: 1px;
    padding-right: 4px; } }

.hero-banner .play-pause-btn .play-icon {
  color: #4F5C89;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 12px;
  height: 10px;
  border-top: 5px solid transparent;
  border-left: 10px solid #4F5C89;
  border-bottom: 5px solid transparent;
  position: relative;
  top: 0;
  padding-right: 0;
  display: inline-block;
  vertical-align: middle; }

@media screen and (min-width: 768px) {
  .hero-banner .play-pause-btn .play-icon {
    color: #000;
    width: 18px;
    top: 2px;
    padding-right: 6px;
    border-top: 6px solid transparent;
    border-left: 10px solid #000;
    border-bottom: 6px solid transparent; } }

.hero-banner .play-pause-btn .pause-btn-lbl {
  display: none; }

.hero-banner .play-pause-btn .play-btn-lbl,
.hero-banner .play-pause-btn .pause-btn-lbl {
  display: inline;
  font-size: 11px;
  line-height: 11px;
  text-transform: uppercase;
  font-family: MarkOT-Bold;
  color: #4F5C89; }

@media screen and (min-width: 768px) {
  .hero-banner .play-pause-btn .play-btn-lbl,
  .hero-banner .play-pause-btn .pause-btn-lbl {
    color: #68676b;
    font-size: 12px;
    line-height: 17px; } }

.hero-banner .slick-dots {
  background-color: rgba(225, 225, 225, 0.5);
  bottom: 0;
  height: 23px; }

@media screen and (min-width: 768px) {
  .hero-banner .slick-dots {
    height: 38px; } }

.hero-banner .slick-dots li {
  width: 50px;
  top: -6px;
  height: 5px;
  padding: 0; }

@media screen and (min-width: 768px) {
  .hero-banner .slick-dots li {
    width: 90px;
    top: -2px; } }

.hero-banner .slick-dots li button {
  width: 50px;
  height: 5px;
  padding: 0; }

@media screen and (min-width: 768px) {
  .hero-banner .slick-dots li button {
    width: 90px; } }

.hero-banner .slick-dots li button:before {
  content: "" !important;
  width: 50px;
  height: 5px;
  font-size: 6px;
  line-height: 10px;
  background: black;
  border-radius: 25px; }

@media screen and (min-width: 768px) {
  .hero-banner .slick-dots li button:before {
    width: 90px; } }

.hero-banner .slick-dotted.slick-slider {
  margin-bottom: 20px; }

.touch .slick-dots li button:focus:before,
.touch .slick-dots li button:hover:before {
  opacity: 0.25; }

.touch .slick-dots li.slick-active button:focus:before,
.touch .touch .slick-dots li.slick-active button:hover:before {
  opacity: 1; }

.shift-banner-top {
  margin-top: 112px; }

@media screen and (min-width: 1024px) {
  .shift-banner-top {
    margin-top: 98px;
    top: 0 !important; } }

.slick-slider .slick-list {
  width: 100%; }

.hero-banner--see-details-popup {
  display: none;
  position: absolute;
  padding: 25px 20px 25px 20px !important;
  width: 35%;
  height: auto;
  line-height: 15px;
  max-width: 700px;
  margin: 0 auto;
  z-index: 10000;
  background: white;
  font-family: MarkOT-Regular, Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: .6875rem;
  letter-spacing: .00844rem;
  font-style: italic;
  border: 1px solid #999999;
  border-radius: 3px;
  color: #68676B; }

.hero-banner--see-details-popup .hb-detail-pointer-container {
  position: absolute;
  top: -21px;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 14px solid #999999;
  transform: rotate(270deg); }

.hero-banner--see-details-popup .hb-detail-pointer-container .hb-detail-pointer {
  position: relative;
  top: -13px;
  left: -14px;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-right: 13px solid white;
  transform: rotate(180deg); }

.hero-banner--see-details-popup .close-see-detail-popup {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer; }

.hero-banner--see-details-popup .close-see-detail-popup.close-btn {
  display: inline-block;
  width: 15px;
  height: 15px;
  overflow: hidden; }

.hero-banner--see-details-popup .close-see-detail-popup.close-btn::before, .hero-banner--see-details-popup .close-see-detail-popup.close-btn::after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #000;
  margin-top: -2px; }

.hero-banner--see-details-popup .close-see-detail-popup.close-btn::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.hero-banner--see-details-popup .close-see-detail-popup.close-btn::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* For AFH */
.usafh-content-wrapper .rotating-image .play-pause-btn {
  display: block; }

/*header*/
/* Cancel Remediation Modal */
.hero-banner.rotating-image .hero-banner__wrapper .slick-track {
  display: flex; }

.hero-banner.rotating-image .hero-banner__wrapper .slick-track .slick-slide {
  height: auto !important;
  display: flex; }

.hero-banner.rotating-image .hero-banner__wrapper .slick-track .slick-slide > .yCmsComponent {
  flex: 1;
  display: flex; }

.hero-banner.rotating-image .banner-component {
  margin-bottom: 0;
  width: 100%;
  height: auto;
  position: relative; }

.hero-banner.rotating-image .banner-component > picture {
  display: block !important;
  height: auto;
  position: relative;
  top: 0;
  left: 0;
  width: 100%; }

.hero-banner.rotating-image .banner-component .aligned-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%; }

.hero-banner.rotating-image .slick-slide .rtob-img {
  width: 100%;
  display: inherit;
  height: 100%; }

.hero-banner.rotating-image .slick-slide img {
  display: inherit; }

.hero-banner.rotating-image .play-pause-btn {
  line-height: normal;
  color: #4F5C89;
  opacity: 0.7;
  position: absolute;
  display: inline-block;
  right: 1%;
  bottom: 0;
  text-align: right; }

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .hero-banner.rotating-image .play-pause-btn {
    line-height: 43px;
    right: 1%; } }

@media screen and (min-width: 1200px) {
  .hero-banner.rotating-image .play-pause-btn {
    line-height: 43px;
    right: 80px;
    color: #333333; } }

.hero-banner.rotating-image .play-pause-btn span {
  color: #333333; }

.hero-banner.rotating-image .play-pause-btn a {
  color: #4F5C89;
  display: inline-block; }

@media screen and (min-width: 768px) {
  .hero-banner.rotating-image .play-pause-btn a {
    color: #333333; } }

.hero-banner.rotating-image .play-pause-btn--play .play-btn-lbl {
  display: inline; }

.hero-banner.rotating-image .play-pause-btn--pause .play-btn-lbl {
  display: none; }

.hero-banner.rotating-image .play-pause-btn .pause-icon {
  color: #000;
  border-right: 3px solid #4F5C89;
  border-left: 3px solid #4F5C89;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 0;
  width: 10px;
  height: 10px;
  position: relative;
  top: 0;
  padding-right: 0;
  display: inline-block;
  vertical-align: middle; }

@media screen and (min-width: 768px) {
  .hero-banner.rotating-image .play-pause-btn .pause-icon {
    color: #000;
    border-right: 3px solid #000;
    border-left: 3px solid #000;
    margin-right: 4px;
    top: 1px;
    padding-right: 4px; } }

.hero-banner.rotating-image .play-pause-btn .play-icon {
  color: #4F5C89;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 12px;
  height: 10px;
  border-top: 5px solid transparent;
  border-left: 10px solid #4F5C89;
  border-bottom: 5px solid transparent;
  position: relative;
  top: 0;
  padding-right: 0;
  display: inline-block;
  vertical-align: middle; }

@media screen and (min-width: 768px) {
  .hero-banner.rotating-image .play-pause-btn .play-icon {
    color: #000;
    width: 18px;
    top: 2px;
    padding-right: 6px;
    border-top: 6px solid transparent;
    border-left: 10px solid #000;
    border-bottom: 6px solid transparent; } }

.hero-banner.rotating-image .play-pause-btn .pause-btn-lbl {
  display: none; }

.hero-banner.rotating-image .play-pause-btn .play-btn-lbl,
.hero-banner.rotating-image .play-pause-btn .pause-btn-lbl {
  display: inline;
  font-size: 11px;
  line-height: 11px;
  text-transform: uppercase;
  font-family: "MarkOT-Bold", Helvetica, Arial, sans-serif;
  color: #4F5C89; }

@media screen and (min-width: 768px) {
  .hero-banner.rotating-image .play-pause-btn .play-btn-lbl,
  .hero-banner.rotating-image .play-pause-btn .pause-btn-lbl {
    color: #68676b;
    font-size: 12px;
    line-height: 17px; } }

.hero-banner.rotating-image .slick-dots li {
  margin: 8px 3px !important;
  width: 44px;
  height: 4px;
  top: -10px;
  border-radius: 25px; }

@media screen and (min-width: 768px) {
  .hero-banner.rotating-image .slick-dots li {
    margin: 0 5px;
    height: 5px;
    width: 90px;
    top: -2px; } }

.hero-banner.rotating-image .slick-dots li.slick-active {
  background: #4F5C89; }

@media screen and (min-width: 768px) {
  .hero-banner.rotating-image .slick-dots li.slick-active {
    background: #000; } }

.hero-banner.rotating-image .slick-dots li.slick-active button:before {
  background: #4F5C89; }

@media screen and (min-width: 768px) {
  .hero-banner.rotating-image .slick-dots li.slick-active button:before {
    background: #000; } }

.hero-banner.rotating-image .slick-dots li button {
  width: 44px;
  height: 4px; }

@media screen and (min-width: 768px) {
  .hero-banner.rotating-image .slick-dots li button {
    width: 90px;
    height: 5px; } }

.hero-banner.rotating-image .slick-dots li button:before {
  width: 44px;
  height: 4px; }

@media screen and (min-width: 768px) {
  .hero-banner.rotating-image .slick-dots li button:before {
    width: 90px;
    height: 5px; } }

/* For AFH */
.usafh-content-wrapper .rotating-image .play-pause-btn {
  display: block; }

.clear_fix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear_fix {
	display: inline-block;
}
.clear_fix {
	display: block;
}
ul, ol {
	padding: 0;
	margin: 0;
}
ul li {
	list-style-type: none;
}
.skip, .skiptocontent, .skiptonavigation {
	position: absolute;
	top: -30000px;
	left: -30000px;
}
a {
	text-decoration: none;
	color: #333;
}
.hidden, .notVisible {
	display: none !important;
}
.sr-only {
	font-size: 0 !important;
}
img {
	vertical-align: top;
}
.cms_disp-img_slot .disp-img, .cms_disp-img_slot .simple_disp-img {
	border: 0px solid #999999;
	margin-bottom: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.span-4.section4 .cms_disp-img_slot .disp-img:first-child, .span-4.section4 .cms_disp-img_slot .simple_disp-img:first-child {
	margin-top: 30px;
}
.page-productList .section1.cms_disp-img_slot .content {
	margin-bottom: 10px;
}
.section1.cms_disp-img_slot .disp-img .title, .section1.cms_disp-img_slot .disp-img .details, .section1.cms_disp-img_slot .disp-img .action, .section2.cms_disp-img_slot .disp-img .title, .section2.cms_disp-img_slot .disp-img .details, .section2.cms_disp-img_slot .disp-img .action, .zone_a.cms_disp-img_slot .disp-img .title, .zone_a.cms_disp-img_slot .disp-img .details, .zone_a.cms_disp-img_slot .disp-img .action, .zone_b.cms_disp-img_slot .disp-img .title, .zone_b.cms_disp-img_slot .disp-img .details, .zone_b.cms_disp-img_slot .disp-img .action, .zone_c.cms_disp-img_slot .disp-img .title, .zone_c.cms_disp-img_slot .disp-img .details, .zone_c.cms_disp-img_slot .disp-img .action, .section4.cms_disp-img_slot .disp-img .title, .section4.cms_disp-img_slot .disp-img .details, .section4.cms_disp-img_slot .disp-img .action, .section5.cms_disp-img_slot .disp-img .title, .section5.cms_disp-img_slot .disp-img .details, .section5.cms_disp-img_slot .disp-img .action, .left-content-slot.cms_disp-img_slot .disp-img .title, .left-content-slot.cms_disp-img_slot .disp-img .details, .left-content-slot.cms_disp-img_slot .disp-img .action, .top-content-slot.cms_disp-img_slot .disp-img .title, .top-content-slot.cms_disp-img_slot .disp-img .details, .top-content-slot.cms_disp-img_slot .disp-img .action, .wide-content-slot.cms_disp-img_slot .disp-img .title, .wide-content-slot.cms_disp-img_slot .disp-img .details, .wide-content-slot.cms_disp-img_slot .disp-img .action, .narrow-content-slot.cms_disp-img_slot .disp-img .title, .narrow-content-slot.cms_disp-img_slot .disp-img .details, .narrow-content-slot.cms_disp-img_slot .disp-img .action {
	display: none;
}
.backToMobileStore {
	font-size: 5em;
	font-family: 'MarkOT-Bold';
	border-bottom: 0.1em solid #687387;
	padding: 0.5em 0.5em;
	background: -moz-linear-gradient(top, #ffffff, #e6edf3);
	background: -ms-linear-gradient(top, #ffffff, #e6edf3);
	background: -o-linear-gradient(top, #ffffff, #e6edf3);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#e6edf3));
	background: -webkit-linear-gradient(top, #ffffff, #e6edf3);
	background: linear-gradient(top, #ffffff, #e6edf3);
}
.greyDot {
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	background-color: #6E7588;
	border-radius: 500em 500em 500em 500em;
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 0.6em;
	height: 1.5em;
	margin: 0.6em 0.6em 0 0;
	text-align: center;
	width: 1.5em;
}
.closeDot {
	float: right;
	cursor: pointer;
}
.emptyMessage {
	font-family: 'MarkOT-Bold';
}
.cms-content {
	padding: 10px 20px;
}
.cms-content .information_message {
	margin-bottom: 30px;
}
.cms-content h3 {
	margin: 20px 0 6px 0;
}
.cms-content .bullet-list li {
	margin: 1px 0;
	list-style-type: disc;
}
.cms-content-emphasized-big {
	font-size: 1.2em;
}
.helpBanner {
	margin: 20px 0;
	padding: 5px;
	border: 1px dotted #333;
}
.helpBanner .bannerHeadline {
	font-family: 'MarkOT-Bold';
	margin-right: 5px;
}

.helpBanner a {
	font-family: 'MarkOT-Bold';
	margin-left: 10px;
}
.single-banner {
	font-family: "MarkOT-Regular";
	font-size: 14px;
	font-weight: 300;
	line-height: 56px;
	height: 60px;
	color: #333333;
	background-color: #EBEBEB;
	text-align: center;
}
.single-banner strong {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 1px;
	color: #333;
	font-family: MarkOT-Regular;
	font-weight: bold;
}

.single-banner a:hover {
	border-bottom: 1px solid #68676B;
}

/*My appliances table css*/
th.favourite-header {
    text-indent: -99999px;
}

a[href='#minus'].circle-link-image, a[href='#plus'].circle-link-image {
	text-indent: -9999px;
}
#multiAddToCartForm a.circle-link-image[href="#minus"], #multiAddToCartForm a.circle-link-image[href="#plus"] {
    text-indent: 0!important;
}
/*
## Facet Navigation
********************************************************************/
.facetNavigation .headline {
	display: block;
	line-height: 2em;
	text-transform: uppercase;
	font-family: 'MarkOT-Bold';
	font-size: 1.167em;
	border-bottom: 1px dotted #303030;
	background-color: #f6f6f6;
	line-height: 48px;
	margin: 0 0 20px;
	padding-left: 5px;
}
.facetNavigation .facet {
	margin: 0 0 15px 0;
}
.facetNavigation .facet .facetHead {
	border-bottom: 1px solid #919191;
}
.facetNavigation .facet .facetHead .refinementToggle {
	display: block;
	line-height: 2em;
	text-transform: uppercase;
	font-family: 'MarkOT-Bold';
	font-size: 1.167em;
	background: url("../images/facet-collapse-minus.png") no-repeat right center;
}
.facetNavigation .facet .facetHead .refinementToggle.close {
	background: url("../images/facet-collapse-plus.png") no-repeat right center;
}
.facetNavigation  .facetValues ul.facet_block li {
	line-height: 1.1em;
	padding: 5px 0;
	clear: left;
}
.facetNavigation  .facetValues ul.facet_block .facet_block-label input {
	float: left;
	margin: -2px 4px 3px 0;
}
.facetNavigation  .facetValues ul.facet_block li label, .facetNavigation .facetValues ul.facet_block li a {
	font-weight: normal;
	color: #5d5d5d;
}
.facetNavigation .facetValues ul.facet_block li .facetValueCount {
	color: #b2b2b2;
	font-style: italic;
}
.facetNavigation  .facetValues .more a {
	display: block;
	border-top: 1px dotted #c1c1c1;
	color: #808080;
	font-family: 'MarkOT-Bold';
	line-height: 3em;
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
	background: url("../images/facetMoreLessIcon.png") no-repeat left center;
}
a.change_location-link {
	font-family: 'MarkOT-Bold';
	display: block;
	text-decoration: underline;
	margin: 5px 0;
}

/*
### Store Facet 
********************************************************************/
.facetNavigation .storesFacet {
	border: 1px solid #c1c1c1;
	margin: 1.167em 0 35px 0;
	padding: 0 10px 10px 10px;
}
.facetNavigation .storesFacet .storesFacetHead {
	text-align: center;
	margin: -1.167em 0 0 0;
}
.facetNavigation .storesFacet .storesFacetHead .refinementToggle {
	display: inline-block;
	line-height: 2em;
	text-transform: uppercase;
	font-family: 'MarkOT-Bold';
	font-size: 1.167em;
	background: #fff;
	padding: 0 10px;
}

/*
####  Store Search 
*/
.facetNavigation  .storesFacetSearchForm {
	margin: 10px 0 0 0;
}
.facetNavigation  .storesFacetSearchForm .storesFacetSearchInput {
	padding-right: 35px !important;
	width: 230px;
}
.facetNavigation  .storesFacetSearchForm .storesFacetSearchSubmit {
	background: url("../images/storesFacetSearchIcon.png") no-repeat scroll center center transparent;
	border: 0 none;
	display: block;
	float: right;
	height: 28px;
	margin: 1px 1px 1px -30px;
	padding: 0;
	width: 28px;
}
.facetNavigation  .findStoresNearMe {
	background: url("../images/findStoresNearMe-bg.png") no-repeat scroll 10px center #333;
}
.facetNavigation  .facetValues ul.facet_block li.remove_item_left {
	border-bottom: 1px dotted #C1C1C1;
	line-height: 24px;
	padding: 0;
}
.facetNavigation  .facetValues ul.facet_block li.remove_item_left span {
	line-height: 24px;
}
.facetNavigation .remove a {
	background: url("../images/facet-remove.png") no-repeat scroll right center transparent;
	display: block;
	height: 24px;
	width: 24px;
	float: right;
}
/*
## paginationBar
********************************************************************/
.paginationBar {
	clear: both;
	margin-bottom: 20px;	/* line-height:4em; */
}
.paginationBar.top {

	/* border-bottom:1px dotted #303030; */
}
.paginationBar.bottom {

	/* border-top:1px dotted #303030; */
}
.paginationBar .totalResults {
	float: left;
	color: #999;
	margin-top: 6px;
	padding-right: 20px;/* 	width:180px; */
}
.paginationBar .sortForm {
	float: left;
	margin: 0;
}
.paginationBar ul.pagination {
	float: left;
}
.paginationBar ul.pagination li {
	float: left;
}
.paginationBar ul.pagination li a, .paginationBar ul.pagination li strong {
	display: block;
	width: 20px;
	text-align: center;
}
.paginationBar ul.pagination li.prev a, .paginationBar ul.pagination li.next a {
	width: 25px;
	overflow: hidden;
	white-space: nowrap;
	color: transparent;
}
.paginationBar ul.pagination li.next a {
	background: url("../images/pagination-next.png") no-repeat center center;
}
.paginationBar ul.pagination li.prev a {
	background: url("../images/pagination-prev.png") no-repeat center center;
}
.paginationBar ul.pagination li.first, .paginationBar ul.pagination li.last {
	display: none;
}
.paginationBar .showAll, .paginationBar .showPagination {
	float: left;
	margin: 0.5em 0 0.5em 20px;
	padding: 0 20px;
	line-height: 3em;
	border-left: 1px solid #c0c0c0;
	color: #808080;
}
.paginationBar .chosen-container {
	margin-top: 0;
	margin-bottom: -5px;
	vertical-align: bottom;
}
/*
## productGrid
********************************************************************/


.template-pages-category-productGridPage .section2 .dynamic_disp-img{
	position:relative;
}

.template-pages-category-productGridPage .section2 .title{
	position:absolute;
	top:0;
	line-height:29px;
	padding:0 0 0 20px;
	color:#fff;
	font-size: 16px;
	font-family:'MarkOT-Bold';
	text-transform: uppercase;
}

.template-pages-category-productGridPage .section2 .thumb{
	
}

.template-pages-category-productGridPage .section2 .details{
	position:absolute;
	top:40px;
	width:500px;
	padding: 0 0 0 20px;
	color:#fff;
}

.productGrid .productGridItem {
	margin:40px 5px 40px;
}

.productGrid .productGridItem .productMainLink{
	min-height:305px;
	display: block;
}

.productGrid .productGridItem .thumb{
	border-bottom:1px dotted #c1c1c1;
	margin:0 0 5px 0;
	padding:0 0 20px 0;
}

.productGrid .productGridItem .thumb img{ 
	width:100%;
}

.productGrid .productGridItem .details{
	color:#8f8f8f;
	padding:0 40px 4px 0;
	line-height: 120%;
}

.productGrid .productGridItem  button.pickupInStoreButton, .productGrid .productGridItem  button.addToCartButton {
    font-weight: normal;
    min-height: 25px;
    text-transform: none;
}

.productGrid .productGridItem .priceContainer{
	float:right;
}

.productGrid .productGridItem .cart .add_to_cart_form{
	float:right;
	width:49%;
}

.productGrid .productGridItem .cart .collect_from_store{
	width:49%;
}
/*
## productList
********************************************************************/

.productList .productListItem {
	margin:25px 5px 40px;
	border-bottom:1px dotted #c1c1c1;
}


.productList .productListItem .thumb{
	float:left;
}

.productList .productListItem .thumb img{ 
	width:220px;
}


.productList .productListItem .price{
	float:right;
	font-size: 1.5em;
}


.productList .productListItem .head{
	border-bottom: 1px dotted #979797;
	color: #666666;
	font-size: 1.5em;
	font-weight: normal;
	padding: 0 0 1px;
	margin:0 0 10px 240px;	
}


.productList .productListItem .stars{
	float:none;	
	margin:0 0 10px 240px;	
}

.productList .productListItem .details{
	color:#8f8f8f;
	padding:5px 0;
	margin:0 0 0 240px;	
}


.productList .productListItem .product-classification{
	margin:0 0 0 240px;	
}

.productList .productListItem .lowStock{
	margin:0 0 0 240px;	
}


.productList .productListItem .product-classification dd{
	margin:0;	
}


.productList .productListItem .priceContainer{
	float:right;
}

.productList .productListItem .cart{
	padding:5px 0;	
	margin:0  0 0 240px;	
}


.productList .productListItem .cart .add_to_cart_form{
	float:right;
	width:29%;
}

.productList .productListItem .cart .collect_from_store{
	width:29%;
	float: right;
	margin-right: 10px;
}

.productListItem button.pickupInStoreButton, .productListItem button.addToCartButton {
	height: 27px;
}





/*
## productDetails
********************************************************************/

/*
## Product Images
********************************************************************/


.productImage {
	position: relative;
}
.productImage .productImagePrimary {
	margin: 0 0 0 110px;
}
.productImage .productImagePrimary a.productImagePrimaryLink {
	display: block;
	width: 420px;
}
.productImage .productImagePrimary a.productImagePrimaryLink img {
	width: 100%;
}
.productImage .productImagePrimary a.productImageZoomLink {
	display: block;
	width: 36px;
	height: 36px;
	background: url("../images/productImageZoomLinkIcon.png") no-repeat center center;
	position: absolute;
	top: 0;
	right: 20px;
}

/*
### Product Images scroller
********************************************************************/
.productImage .productImageGallery {
	float: left;
	width: 100px;
	position: relative;
	height: 420px;
	overflow: hidden;
}
.productImage .productImageGallery .jcarousel-clip {
	height: 360px;
}
.productImage .productImageGallery li {
	height: auto;
	margin: 0 0 30px 0;
}
.productImage .productImageGallery li .thumb {
	border: 1px solid #d9d9d9;
	display: block;
	overflow: hidden;
	width: 96px;
	margin: 1px;
}
.productImage .productImageGallery li .thumb.active {
	border: 2px solid #333;
	margin: 0;
}

/*
## Product Description
********************************************************************/
.productDescription {
}
.productDescription h1 {
	font-size: 2em;
	font-weight: normal;
	color: #333;
	border-bottom: 1px dotted #979797;
	padding: 0 0 5px 0;
}
.productDescription .big-price {
	font-size: 1.417em;
	color: #68676B;
	padding: 0;
}
.productDescription .summary {
	color: #666666;
	margin: 0 0 10px 0;
}
.productDescription .colour {
	padding: 5px 0;
	line-height: 2.5em;
	color: #929292;
}
.productDescription  ul.colorlist {
	float: left;
}
.productDescription ul.colorlist li {
	float: left;
	margin: 0 10px 0 0;
}
.productDescription  .size {
	padding: 10px 0;
	color: #929292;
}
.productDescription  .size form {
	float: left;
}
.productDescription  .size .size-guide {
	float: left;
}
.productDescription  .size form label {
	display: block;
	font-weight: normal;
}
.productDescription .collect_from_store {
	width: 49%;
}
.productDescription .LoveShare {
	text-align: center;
	width: 49%;
	float: right;
}
.productDescription .share {
	color: #666666;
	float: none !important;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 25px;
}
.productDescription .share > span {
	display: none;
}
.productDescription .share {
	background: url("../images/productShareIcon.png") no-repeat left center;
}
#productTabs {
	margin: 0 0 20px 0;
	clear: both;
}
#productTabs ul.tabs-list, #productTabs .tabHead {
	border-bottom: 1px solid #979797;
}
#productTabs ul.tabs-list li {
	float: left;
}
#productTabs ul.tabs-list li a, #productTabs .tabHead {
	display: block;
	color: #666666;
	font-size: 1.167em;
	text-transform: uppercase;
	font-family: 'MarkOT-Bold';
	padding: 10px 20px 10px 20px;
}
#productTabs ul.tabs-list li.current a {
	color: #333;
	background: #fff;
	border: 1px solid #979797;
	border-bottom: 0;
	margin: 0 0 -1px 0;
	padding: 9px 19px 11px 19px;
}
#productTabs  .current-info, #productTabs .content .tabhead {
	display: none;
}
#productTabs .content {
	position: relative;
	margin: 40px 0 0 0;
}

/*
### productDescriptionText
********************************************************************/
.productDescriptionText {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

/*
### productFeatureClasses
********************************************************************/
.productFeatureClasses {
}
.productFeatureClasses .headline {
	border-bottom: 1px solid #a5a5a5;
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
	font-family: 'MarkOT-Bold';
	font-size: 1em;
	white-space: nowrap;
	display: block;
	margin: 20px 0 0 0;
}
.productFeatureClasses table {
	width: 100%;
}
.productFeatureClasses table tr:nth-child(odd) {
	background: #f6f6f6;
}
.productFeatureClasses table td {
	width: 50%;
	padding: 10px 20px;
}
.productFeatureClasses table td.attrib {
	font-family: 'MarkOT-Bold';
}

/*
### prodReview
********************************************************************/
.prodReview {
	margin: 0 0 10px 0;
}
.prodReview .count {
	color: #808080;
	padding: 0 10px;
}
.prodReview .write {
	background: url(../images/common-icons-sprite.png) -1px -42px no-repeat;
	color: #808080;	/*font-family:'MarkOT-Bold';*/
	padding: 0 0 0 10px;
}
.prodReview.drinkmaker .write {
	background-position: -1px -39px;
}
.reviews {
}
.reviews .actionBar {
	height: 30px;
	line-height: 30px;
	color: #808080;
	font-size: 1em;
	white-space: nowrap;
	display: block;
	margin: 20px 0;
}
.reviews .actionBar.top {
	border-bottom: 1px solid #a5a5a5;
}
.reviews .actionBar.bottom {
	border-top: 1px solid #a5a5a5;
}
.reviews .actionBar a, .reviews .actionBar .write {
	color: #808080;
	font-family: 'MarkOT-Bold';
	padding: 0 0 0 10px;
	background: url("../images/facetMoreLessIcon.png") no-repeat left center;
}
.reviews .reviewDetail {
	border-top: 1px dotted #a5a5a5;
	padding: 20px 0;
}
.reviews .reviewDetail:first-child {
	border-top: 0;
}
.reviews .reviewDetail .headline {
	font-family: 'MarkOT-Bold';
}
.reviews .reviewDetail .body {
}
.reviews .reviewDetail .autor {
	font-style: italic;
	color: #808080;
}
#write_reviews.reviews .headline {
	border-bottom: 1px solid #A5A5A5;
	font-size: 1.2em;
	font-family: 'MarkOT-Bold';
	height: 39px;
	line-height: 39px;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}
.reviews .description {
	margin: 0 0 20px 0;
}
.prodReview.drinkmaker a {
	font-size: 1rem;
}
.prodReview.drinkmaker .count {
	padding: 0;
}

/*
### Product Images Colorbox
********************************************************************/
#colorbox .productImage {
	padding: 20px;
}
#colorbox .productImage .productImageGallery {
	height: 515px;
}
#colorbox  .productImage .productImageGallery .jcarousel-clip {
	height: 455px;
}
#colorbox .productImage .productImageGallery li {
	margin: 0 0 18px;
}
#colorbox .productImage .productImagePrimary {
	margin: 0 0 0 150px;
}

/*
### quickviewLightbox Colorbox
********************************************************************/
#quickviewLightbox {
	padding: 20px;
}
#quickviewLightbox .productImage {
	padding: 0;
	margin: 0 30px 0 0;
}
#quickviewLightbox .productImage .productImagePrimary {
	margin: 0;
}
#quickviewLightbox .productImage .productImagePrimary .productImagePrimaryLink {
	width: 284px;
}
#quickviewLightbox .productImage .productImagePrimary a.productImageZoomLink {
	right: 0;
}
#quickviewLightbox .productDescription {
	width: 496px;
}

/**************************************************/

/* Copied from screen2.css
/**************************************************/
.new-price {
	color: #D51510 !important;
	font-weight: 700;
}
.original-price {
	text-decoration: line-through;
}

/**************************************************/

/* For paypal banner alignment in bundle pdp
/**************************************************/

.bundle-paypal.btns.edgeBoth {
	overflow: hidden;
	padding: 20px;
}
@font-face {
  font-family: "Filson Pro";
  src: url("/_ui/shared/fonts/FilsonProRegular.otf");
  font-display: block; }

@font-face {
  font-family: "Filson Pro Medium";
  src: url("/_ui/shared/fonts/FilsonPro-Medium.otf");
  font-display: block; }

@font-face {
  font-family: "MarkOT-Bold";
  src: url("/_ui/shared/fonts/mo-5423411/8706c0b6-b423-44f7-ae1a-dd0aabd8a542.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423411/8706c0b6-b423-44f7-ae1a-dd0aabd8a542.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423411/41c8162d-c2a6-49b0-8139-8bebab187588.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423411/4fe94f2e-7892-4785-9663-0350a7adf8c0.woff") format("woff"), url("/_ui/shared/fonts/mo-5423411/3a7daddb-0a78-4734-a699-6fe08d0e8b99.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: "MarkOT-MediumItalic";
  src: url("/_ui/shared/fonts/mo-5423424/ad36e979-6b98-48d2-8eba-94a849628bd1.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423424/ad36e979-6b98-48d2-8eba-94a849628bd1.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423424/d44fc9c2-f445-413e-ade7-cb1c89014c2b.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423424/4027035d-040d-4459-ae90-c3d806bbbe69.woff") format("woff"), url("/_ui/shared/fonts/mo-5423424/3b6e00f9-7247-4af9-9ba4-84f75513f11f.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: "MarkOT-Medium";
  src: url("/_ui/shared/fonts/mo-5423441/fbdcf9c3-5ae6-4d9a-a599-3764f7c806be.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423441/fbdcf9c3-5ae6-4d9a-a599-3764f7c806be.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423441/bca028ce-c27d-4e7d-aa28-f173d521ad14.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423441/37554929-783d-48b4-9346-54af9bdaa5c7.woff") format("woff"), url("/_ui/shared/fonts/mo-5423441/48f92810-bb37-4032-9967-4fc12c9a022c.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: "MarkOT-Italic";
  src: url("/_ui/shared/fonts/mo-5423458/ff63cbb4-2977-4340-86d8-aea5b5edd54d.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423458/ff63cbb4-2977-4340-86d8-aea5b5edd54d.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423458/7deb3b8f-92a6-4d1f-9367-f78fa976d7e6.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423458/795d721b-69d6-4453-92af-a54e6d1895e3.woff") format("woff"), url("/_ui/shared/fonts/mo-5423458/415bf4a9-7f2e-48c9-bf55-4378aaa5d221.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: "MarkOT-Regular";
  src: url("/_ui/shared/fonts/mo-5423476/85892bf5-3ec3-4b41-962d-b9c2d3dab2ad.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423476/85892bf5-3ec3-4b41-962d-b9c2d3dab2ad.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423476/3b985398-c848-456f-8878-6a5c2a72b82a.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423476/260903aa-66f6-4578-8f4e-aed460e46563.woff") format("woff"), url("/_ui/shared/fonts/mo-5423476/aee5511e-bc73-45e1-9963-0ff9e501ba59.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: "MarkOT-Book";
  src: url("/_ui/shared/fonts/mo-5423512/54057d6c-ad55-40c0-aa2d-4b1348b3195c.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423512/54057d6c-ad55-40c0-aa2d-4b1348b3195c.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423512/f1b16fb3-8503-4dce-80bc-07d3e0c30bd9.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423512/f242993f-4782-491e-a08d-79a4e639df80.woff") format("woff"), url("/_ui/shared/fonts/mo-5423512/1ccc3f71-d610-4aa1-ad7f-33d6aa9687be.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: "MarkOT-Light";
  src: url("/_ui/shared/fonts/mo-5423556/c053118e-d248-4983-a758-a8c6e40b30c0.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423556/c053118e-d248-4983-a758-a8c6e40b30c0.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423556/b97a8e0e-6cbd-4d13-87ec-633b3b66372f.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423556/0a9b15a7-4d29-4f81-b95e-01a521f3fb50.woff") format("woff"), url("/_ui/shared/fonts/mo-5423556/bbe0fd08-b480-4132-bce1-5722077c377b.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: "Market-Saturday";
  src: url("/_ui/shared/fonts/MarketSaturday/MarketSaturday.woff") format(woff);
  src: url("/_ui/shared/fonts/MarketSaturday/MarketSaturday.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: "Archer-SemiBold";
  src: url("/_ui/shared/fonts/Archer/OpenType/Archer-Semibold-Pro.otf");
  font-display: swap; }

@font-face {
  font-family: "Archer-MediumItalic";
  src: url("/_ui/shared/fonts/Archer/OpenType/Archer-MediumItal-Pro.otf");
  font-display: swap; }

@font-face {
  font-family: "Archer-Medium";
  src: url("/_ui/shared/fonts/Archer/OpenType/Archer-Medium-Pro.otf");
  font-display: swap; }

@font-face {
  font-family: "Archer-Light";
  src: url("/_ui/shared/fonts/Archer/OpenType/Archer-Light-Pro.otf");
  font-display: swap; }

@font-face {
  font-family: "Archer-Book";
  src: url("/_ui/shared/fonts/Archer/OpenType/Archer-Book-Pro.otf");
  font-display: swap; }

/*header*/
/* Cancel Remediation Modal */
/* -------------------------------------------------------------
  Sass CSS3 Mixins!
  List of CSS3 Sass Mixins File to be @imported and @included as you need
  The purpose of this library is to facilitate the use of CSS3 on different browsers
 ------------------------------------------------------------ */
.close-icon {
  position: absolute;
  top: 33px;
  right: 32px;
  width: 20px;
  height: 20px;
  background: transparent;
  text-indent: 0px;
  z-index: 99;
  cursor: pointer; }
  .close-icon:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 3px;
    border-radius: 3px;
    background-color: #333333;
    -webkit-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .close-icon:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 3px;
    border-radius: 3px;
    background-color: #333333;
    -webkit-transform: rotate(135deg);
    -khtml-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg); }
  .close-icon:hover:before, .close-icon:hover:after, .close-icon:active:before, .close-icon:active:after, .close-icon:focus:before, .close-icon:focus:after {
    background-color: #68676b; }

.add-ad-modal {
  display: flex;
  /* left part of the modal starts here */
  /* left part of the modal ends here */
  /* right part of the modal starts here */
  /* right part of the modal ends here */ }
  .add-ad-modal .add-ad-left {
    width: 50%;
    background-color: rgba(235, 235, 235, 0.25);
    text-align: center;
    padding: 35px;
    float: left; }
  .add-ad-modal .product-pic-wrap {
    height: 240px;
    width: 240px;
    overflow: hidden;
    margin: 5px auto 10px auto; }
    .add-ad-modal .product-pic-wrap .product-pic {
      width: 100%; }
  .add-ad-modal .product-brand {
    color: #68676b;
    font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin: 40px 0 0 0;
    text-align: center; }
  .add-ad-modal .product-name {
    color: #333333;
    font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
    font-size: 24px;
    letter-spacing: 0.8px;
    line-height: 35px;
    text-align: center;
    margin: 12px 0 0 0;
    text-align: center; }
  .add-ad-modal .roast-box {
    display: block;
    margin-top: 30px; }
    .add-ad-modal .roast-box hr {
      border-top: solid 1px #d2d2d2;
      margin: 3px 0 10px 0; }
    .add-ad-modal .roast-box .roast-title {
      color: #333333;
      font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
      font-size: 9.36px;
      letter-spacing: 0.58px;
      line-height: 11px;
      margin: 0;
      text-transform: uppercase;
      text-align: left; }
    .add-ad-modal .roast-box .roast-label {
      font-size: 8.9px;
      color: #333333;
      font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
      font-size: 8.19px;
      letter-spacing: 0.29px;
      line-height: 22px;
      float: left; }
    .add-ad-modal .roast-box .identifier-cont {
      position: relative; }
    .add-ad-modal .roast-box .left {
      position: absolute;
      top: 0;
      left: 0;
      text-transform: uppercase; }
    .add-ad-modal .roast-box .right {
      position: absolute;
      top: 0;
      right: 0;
      text-transform: uppercase; }
    .add-ad-modal .roast-box .roast-image-box {
      padding: 0 40px;
      text-align: left; }
    .add-ad-modal .roast-box .roast-identifier-pic {
      width: 100%; }
    .add-ad-modal .roast-box .roast-position {
      margin-left: -5px;
      position: relative; }
    .add-ad-modal .roast-box .pos_3 {
      left: 20%; }
    .add-ad-modal .roast-box .pos_4 {
      left: 30%; }
    .add-ad-modal .roast-box .pos_5 {
      left: 40%; }
    .add-ad-modal .roast-box .pos_6 {
      left: 50%; }
    .add-ad-modal .roast-box .pos_7 {
      left: 60%; }
    .add-ad-modal .roast-box .pos_8 {
      left: 70%; }
    .add-ad-modal .roast-box .pos_9 {
      left: 80%; }
    .add-ad-modal .roast-box .pos_10 {
      left: 90%; }
    .add-ad-modal .roast-box .pos_11 {
      left: 100%; }
  .add-ad-modal .add-ad-right {
    width: 50%;
    float: left;
    background-color: #fff;
    padding: 50px 30px 70px 52px; }
    @media screen and (max-width: 728px) {
      .add-ad-modal .add-ad-right {
        float: none;
        width: auto; } }
    .add-ad-modal .add-ad-right .common-title {
      color: #68676b;
      font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
      font-size: 12px;
      letter-spacing: 1px;
      line-height: 20px;
      text-transform: uppercase;
      margin: 20px 0 5px 0; }
    .add-ad-modal .add-ad-right .box-size-row {
      margin-left: -12px;
      margin-right: -12px; }
    .add-ad-modal .add-ad-right .cell {
      padding-left: 12px;
      padding-right: 12px;
      display: block;
      float: left;
      width: 33.333333%; }
    .add-ad-modal .add-ad-right .box-size {
      border: 1px solid #333333;
      border-radius: 3px;
      background-color: #fff;
      letter-spacing: 1.17px;
      line-height: 20px;
      text-align: center;
      color: #333333;
      display: block;
      cursor: pointer;
      padding: 15px 0;
      font-family: MarkOT-Bold;
      font-size: 14px;
      width: 100%;
      border: 1px solid #d2d2d2;
      color: #68676b; }
      .add-ad-modal .add-ad-right .box-size.active {
        border: 1px solid #333333;
        background-color: rgba(235, 235, 235, 0.15);
        color: #333333; }
  .add-ad-modal .purchase-option-box {
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    background-color: #fff;
    padding: 15px 10px 20px 14px;
    margin-bottom: 20px;
    position: relative; }
    .add-ad-modal .purchase-option-box.active {
      background-color: rgba(235, 235, 235, 0.15);
      border: 1px solid #333333; }
      .add-ad-modal .purchase-option-box.active .purchase-buttons-container {
        display: block; }
    .add-ad-modal .purchase-option-box .dropbtn:after {
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      padding: 18px 15px 0 0;
      width: auto;
      height: auto;
      text-align: right;
      font-family: icomoon;
      content: "\e901";
      font-size: 9px;
      line-height: 1;
      color: #333333;
      background-image: none; }
    .add-ad-modal .purchase-option-box .otp__label {
      color: #333333;
      font-size: 14px;
      line-height: 20px;
      padding-left: 28px;
      font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif; }
    .add-ad-modal .purchase-option-box input[type=radio] + label:before {
      border: 2px solid #2f4053;
      left: -8px;
      width: 22px;
      height: 22px; }
    .add-ad-modal .purchase-option-box input[type=radio]:checked + label:after {
      border: 2px solid #2f4053;
      background-color: #2f4053;
      left: -3px;
      width: 12px;
      height: 12px; }
    .add-ad-modal .purchase-option-box input[type=radio] {
      display: block;
      position: absolute;
      left: -2000px; }
    .add-ad-modal .purchase-option-box input[type=radio]:focus + label:before {
      outline: #85BFFD solid 2px; }
    .add-ad-modal .purchase-option-box .content {
      padding: 10px 76px 0 36px;
      color: #333333;
      font-family: "MarkOT-Light", Helvetica, Arial, sans-serif;
      font-size: 14px;
      letter-spacing: 0.5px;
      line-height: 15px;
      margin: 0;
      display: block; }
    .add-ad-modal .purchase-option-box .price {
      font-size: 16px;
      letter-spacing: 0.57px;
      line-height: 20px;
      text-align: right; }
    .add-ad-modal .purchase-option-box .line-through {
      text-decoration: line-through; }
    .add-ad-modal .purchase-option-box .product-unit-price {
      font-family: "MarkOT-Light", Helvetica, Arial, sans-serif;
      color: #68676b; }
    .add-ad-modal .purchase-option-box .product-ad-price {
      font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
      color: #D1150C; }
  .add-ad-modal .purchase-buttons-container {
    display: none; }
  .add-ad-modal .qty-container {
    margin: 20px 36px 0 36px; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .add-ad-modal .qty-container {
        margin: 20px 0 0 36px; } }
    .add-ad-modal .qty-container .bmsm-dropdown--container {
      display: block !important;
      float: left;
      position: relative;
      width: 75px !important; }
      .add-ad-modal .qty-container .bmsm-dropdown--container .dropdown-content {
        left: 0px;
        right: 0px;
        top: 40px;
        width: auto; }
      .add-ad-modal .qty-container .bmsm-dropdown--container .dropbtn {
        float: left; }
      .add-ad-modal .qty-container .bmsm-dropdown--container .bmsm-select {
        height: 40px !important;
        box-shadow: none !important;
        border: 2px solid #F9C606 !important;
        border-radius: 0 !important;
        width: 75px !important; }
    .add-ad-modal .qty-container .bmsm-right {
      float: left;
      width: calc(100% - 75px); }
    .add-ad-modal .qty-container .btn-box {
      padding: 0 20px !important;
      line-height: 36px !important;
      text-align: center;
      border-radius: 0;
      width: 100%;
      border: 2px solid #f1be48;
      background-color: #f1be48;
      margin: 0; }
      .add-ad-modal .qty-container .btn-box:hover {
        border-color: #2f4053;
        background-color: #2f4053;
        color: #fff; }
  .add-ad-modal .oos-box .oos-btn {
    display: block;
    background-color: #ebebeb;
    color: #333333;
    margin: 20px 36px 0;
    outline: none;
    padding: 8px 35px; }

@media screen and (max-width: 728px) {
  .close-icon {
    top: 23px;
    right: 18px; }
  .add-ad-modal {
    display: block; }
    .add-ad-modal .add-ad-left {
      float: none;
      width: auto;
      padding: 55px 20px 10px 20px; }
    .add-ad-modal .product-pic-wrap {
      width: 150px;
      height: 150px; }
    .add-ad-modal .product-brand {
      font-size: 12px;
      letter-spacing: 1px;
      margin: 10px 0 0 0; }
    .add-ad-modal .product-name {
      font-size: 16px;
      line-height: 25px;
      margin: 5px 0 0 0; }
    .add-ad-modal .roast-title {
      font-size: 7.02px; }
    .add-ad-modal .roast-box {
      margin-top: 20px; }
      .add-ad-modal .roast-box .left,
      .add-ad-modal .roast-box .right {
        top: -5px; }
    .add-ad-modal .roast-label {
      font-size: 6.14px; }
    .add-ad-modal .add-ad-right {
      padding: 0 15px 0 15px; }
      .add-ad-modal .add-ad-right .box-size-row {
        margin-left: -13px;
        margin-right: -13px; }
      .add-ad-modal .add-ad-right .cell {
        padding-left: 13px;
        padding-right: 13px; }
      .add-ad-modal .add-ad-right .box-size {
        letter-spacing: .39px; }
      .add-ad-modal .add-ad-right .space {
        display: none; }
      .add-ad-modal .add-ad-right .content {
        padding: 10px 81px 0 35px;
        font-size: 12px;
        letter-spacing: normal; }
      .add-ad-modal .add-ad-right .product-price-container {
        position: absolute;
        right: 10px;
        top: 17px; }
      .add-ad-modal .add-ad-right .price {
        letter-spacing: .44px;
        display: block; }
      .add-ad-modal .add-ad-right .qty-container {
        margin: 15px 0px 0 35px; }
      .add-ad-modal .add-ad-right .common-title {
        margin: 30px 0 5px 0; }
    .add-ad-modal .purchase-option-box {
      padding: 15px 10px 20px 10px;
      margin-bottom: 38px; }
      .add-ad-modal .purchase-option-box:last-child {
        margin-bottom: 20px; }
    .add-ad-modal .otp__label input[type=radio] + label:before {
      left: -13px; }
    .add-ad-modal .otp__label input[type=radio]:checked + label:after {
      left: -8px; } }

/*
## Order
********************************************************************/

.orderBoxes {
    margin: 20px 0;
}

.orderBox {
    float: left;
    margin: 0 20px 0 0;
    /*  border:1px dotted #a5a5a5; */
    padding: 0 20px 20px;
    width: 180px;
    height: 190px;
}

.orderBoxAutoExtHeight {
    float: left;
    margin: 0 20px 0 0;
    /*  border:1px dotted #a5a5a5; */
    padding: 0 20px 20px;
    width: 180px;
}

.orderBox.payment {
    margin: 0;
    width: 424px;
}

.orderBox.payment .left {
    width: 50%;
}

.orderBox .headline {

    /*  border-bottom: 1px dotted #A5A5A5; */
    font-size: 1em;
    font-family: 'MarkOT-Bold';
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.orderBoxAutoExtHeight .headline {

    /*  border-bottom: 1px dotted #A5A5A5; */
    font-size: 1em;
    font-family: 'MarkOT-Bold';
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.orderList {

    /*  border:1px dotted #a5a5a5; */
    padding: 0 20px 20px;
    margin: 0 0 20px 0;
}

.orderList .headline {

    /*  border-bottom: 1px dotted #A5A5A5; */
    font-size: 1em;
    font-family: 'MarkOT-Bold';
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.orderList .orderListTable {
    width: 100%;
}

.orderList .orderListTable thead th {

    /*  border-bottom:1px dotted #a5a5a5; */
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    font-family: 'MarkOT-Bold';
    font-size: 1em;
}

.orderList .orderListTable .item td {
    vertical-align: top;
    /*  border-bottom:1px dotted #a5a5a5; */
    padding: 20px 0 0 10px;
}

.orderList .orderListTable .item td.thumb {
    border-bottom: 0;
    padding-right: 20px;
    width: 96px;
}

.orderList .orderListTable tbody td {
    vertical-align: top;
    padding-top: 5px;
}

.orderList .orderListTable tbody td p {
    margin-bottom: 5px;
}

.orderList .orderListTable tbody td a {
    text-decoration: underline;
}

.my-orders .orderListTable .product-image img {
    max-width: 98px;
    width: 120px;
}

.my-orders .orderListTable .order-product-count {
    position: absolute;
    bottom: 22px;
    left: 60px;
    width: 22px;
    height: 22px;
    background-color: #BCBDC0;
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 50%;
}

.my-orders .orderListTable .btn-edit {
    float: left;
    margin-right: 10px;
    background: #f1be48;
    color: #333;
    padding: 8px 13px;
}

.my-orders .orderListTable .btn-edit:hover {
    cursor: pointer;
    background: #2F4053;
    color: #FFF;
}

.my-orders .orderListTable .btn-edit:active {
    background-color: #68676B;
    color: #FFF;
}

.my-orders .orderListTable .btn-edit:disabled {
    background: #D2D2D2;
    color: #999;
}

.my-orders .orderListTable .btn-reorder {
    padding: 10px 28px;
    background: transparent;
    color: #333;
    border: 2px solid #f1be48;
}

.my-orders .orderListTable .btn-reorder:hover {
    border-color: #2F4053;
}

.my-orders .orderListTable .btn-reorder:active {
    border-color: #68676B;
}

.my-orders .orderListTable .btn-reorder:disabled {
    border-color: #999;
}

.my-orders .orderListTable td[headers="header1"] {
    width: 139px;
}

.my-orders .orderListTable td[headers="header2"],
.my-orders .orderListTable td[headers="header3"],
.my-orders .orderListTable td[headers="header4"],
.my-orders .orderListTable td[headers="header5"],
.my-orders .orderListTable td[headers="header6"],
.my-orders .orderListTable td[headers="header8"],
.my-orders .orderListTable td[headers="header9"] {
    width: 98px;
}

.my-orders .orderListTable td[headers="header6"] {
    padding: 0;
    position: relative;
}

.my-orders .orderListTable td[headers="header7"] {
    vertical-align: middle;
}

.account-container .my-orders header {
    padding-bottom: 35px;
}

@media screen and (max-width:1024px) {
    .my-orders .orderListTable .btn-edit {
        margin-right: 0;
        padding: 8px 12px;
    }

    .my-orders .orderListTable .order-product-count {
        bottom: 50px;
    }
}

.orderListTable .thumb {
    padding-left: 15px !important;
    text-align: center;
}

.orderListTable .brand_images img {
    width: 150px;
}

.account-container .orderList {
    padding: 0;
}

.account-container .orderList .orderListTable .tracking-heading {
    text-transform: capitalize;
}

.account-container.inner-page table.alt-header td.bundle-tracking-list {
    border-top: 1.5px dashed gray;
    line-height: 2em;
    background-color: #f1f1f1;
}

table.alt-header td.bundle-tracking-list a {
    color: #000;
}

.orderListTable .status-heading {
    font-size: 18px;
    font-family: Reader-Medium;
}

.orderListTable .status-heading .shipped {
    color: #498428;
}

.orderListTable .status-heading .returned,
.orderListTable .status-heading .cancelled {
    color: #D51610;
}


.orderListTable .status-heading a {
    text-decoration: underline;
}

td.product_image div.left {
    width: 50%;
    margin-right: 3%;
}

td.product_image div.right {
    width: 47%;
}


/*cvp on order history page*/
.overflow-hidden {
    overflow: hidden;
}

.cvp-bundle button {
    margin-right: 13px;
    margin-bottom: 20px;
    height: 40px;
    width: 142px;
    padding: 6px 30px 10px 29px;
    border-radius: 2px;
    color: #333333;
    font-family: MarkOT-Medium;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 18px;
    text-align: center;
}

.cvp-bundle .product-details {
    padding: 20px 0 0 0;
    width: 232px !important;
}

.bundle-img-wrap {
    width: 148px !important;
    margin-right: 66px !important;
}

.bundle-img-wrap .auto-delivery-applied {
    right: 56px;
    top: 40px;
    width: 232px;
    position: relative;
}

.cvp-img-wrap {
    width: 20%;
    margin-left: 55px;
}

.cvp-item {
    padding-left: 5px;
    padding-right: 0;
    padding-top: 17px;
}

.cvp-item .product-details {
    padding-left: 14px;
}

.account-container.inner-page table.alt .cvp-bundle td:first-child {
    padding: 23px 0 42px 73px;
}

.cvp-details {
    min-height: 168px;
    border: 1px dashed #D2D2D2;
}

.account-container.inner-page .cvp-bundle .brand-name,
.account-container.inner-page .cvp-bundle .product-name,
.account-container.inner-page .cvp-bundle .product-type,
.account-container.inner-page .cvp-details .brand-name,
.account-container.inner-page .cvp-details .product-name,
.account-container.inner-page .cvp-details .product-type {
    letter-spacing: 1px;
    width: 232px;
    font-family: MarkOT-Medium;
    font-weight: 500;
}

.account-container.inner-page .cvp-bundle .brand-name,
.account-container.inner-page .cvp-bundle .product-type,
.account-container.inner-page .cvp-details .brand-name,
.account-container.inner-page .cvp-details .product-type {
    font-size: 12px;
    line-height: 20px;
    color: #68676B;
    min-height: 20px;
}

.account-container.inner-page .product-name {
    color: #333333;
    font-size: 16px;
    min-height: 50px;
    line-height: 25px;
    margin-top: -5px;
}

.account-container.inner-page .cvp-products .product-name {
    margin-top: -6px;
}

.account-container.inner-page .product-type {
    padding-top: 5px;
}

.account-container.inner-page .product-type span {
    margin-right: 5px;
}

.cvp-qty {
    color: #333333;
    font-family: MarkOT-Medium;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 18px;
    padding: 39px 39px 0 0;
    text-align: right;
}

.cvp-bundle,
.cvp-details {
    background-color: rgba(235, 235, 235, 0.52) !important;
}

.cvp-bundle sup {
    font-size: 10px;
}

.cvp-details {
    border-style: hidden;
}

table.alt-header tr.cvp-details td {
    padding: 42px 0 26px 0;
}

.account-container.inner-page table.alt-header tr.cvp-details td {
    padding: 0;
}

.account-container.inner-page table.alt-header tr.cvp-details td .row {
    padding: 26px 0 22px;
    background-image: linear-gradient(to right, #d2d2d2 70%, #f1f1f1 30%);
    background-position: top;
    background-size: 10px 1px;
    background-repeat: repeat-x;
    width: 97% !important;
}

.account-container.inner-page table.alt-header tr.last-cvp-details {
    border-bottom: 1px solid #d2d2d2;
}

.line-item-left {
    margin-left: 30px;
}

.cvp-item-img {
    width: 100px;
    height: 100px;
}
.upgrade-normal-item {
    float: right;
    width: 130px;
    right: 2px;
    padding: 0;
    position: relative;
    margin-top: 20px;
}
.upgrade_info.normal_item_upgrade {
    top: -104px;
}
.upgrade-cvp-item {
    text-align: center;
    position: relative;
    left: 15px;
    padding: 56px 0px 0 0 !important;
}

.orderList .orderListTable tbody td .upgrade-cvp-item a.upgrade_item,
.orderList .orderListTable tbody td .upgrade-normal-item a.upgrade_item {
    text-decoration: none;
    text-transform: uppercase;
    color: #333333;
    font-family: MarkOT-Medium;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 18px;
    border-bottom: 2px solid #F9C606;
    margin-left: 14px;
}

.upgrade-cvp-item .info_icon,
.upgrade-normal-item .info_icon {
    position: absolute;
    text-decoration: none !important;
    width: 17px;
    height: 17px;
    right: 9px;
    text-align: center;
    margin-top: 3px;
    border: 2px solid #333;
    border-radius: 10px;
}

.upgrade-cvp-item .info_icon span,
.upgrade-normal-item .info_icon span {
    position: absolute;
    left: 4.3px;
    bottom: -3.5px;
    font-size: 14px;
    font-family: MarkOT-Bold;
    text-align: center;
    color: #333;
}

.upgrade_info {
    position: absolute;
    background-color: #fff;
    border: 2px solid #999;
    padding: 20px;
    width: 270px;
    height: 95px;
    border-radius: 3px;
    border-color: #fff;
    right: -6px;
    top: -46px;
    text-align: left;
    border: 2px solid #999999;
    color: #282828;
    opacity: 0;
    line-height: 18px;
    visibility: hidden;
}

.upgrade_msg {
    font-family: MarkOT-Medium;
    font-size: 14px;
    letter-spacing: 1.75px;
    bottom: 3px;
    right: 3px;
    position: relative;
}

.upgrade_info:after {
    height: 15px;
    width: 15px;
    right: 5%;
    bottom: -17px;
    border-width: 2px 0 0 2px;
    -webkit-transform: translateY(-50%) rotate(-135deg);
    -moz-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
}

.upgrade_info:after,
.info-overlay::after {
    content: "";
    position: absolute;
    cursor: pointer;
    background-color: #fff;
    border-style: solid;
    border-color: #999;
}

.info-overlay::after {
    top: -7px;
    left: 148px;
    width: 12px;
    height: 12px;
    border-width: 1px 0 0 1px;
    -webkit-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.info_icon:hover+.upgrade_info,
.info_icon:focus+.upgrade_info,
.info_icon:active+.upgrade_info,
.discount-info__benefit:hover+.info-overlay,
.discount-info__benefit:focus+.info-overlay,
.discount-info__benefit:active+.info-overlay {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    transition: opacity 0.5s linear;
}

.add-ad-modal .add-ad-right .cell {
    padding-bottom: 24px;
}

.my-orders .orderListTable .product-image img.bundle-cvp-img {
    width: 62.34px;
}

.page-order .add-ad-modal .qty-container .bmsm-dropdown--container {
    top: 15px;
}

.account-container.inner-page table.alt-header td {
    font-family: MarkOT-Medium;
}

.account-container.inner-page .cvp-bundle td {
    padding: 20px 0 0 33px;
}

.account-container.inner-page table.alt tr.cvp-bundle td:last-child {
    display: inline-block;
    border: 0;
    padding-top: 15px;
}

.account-container.inner-page table.alt tr.cvp-bundle .price-left,
.account-container.inner-page table.alt tr.cvp-bundle .total {
    padding-left: 7px !important;
}

.account-container.inner-page table.alt-header th {
    padding: 34px 10px 16px;
}

.order-history-upgrade,
.order-history-upgrade .add-ad-left,
.order-history-upgrade .add-ad-right {
    height: inherit;
}

.order-history-upgrade .add-ad-right {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.order-history-upgrade .add-ad-right .product-brand {
    text-align: left;
    margin: 0;
}

.order-history-upgrade .add-ad-right .product-name {
    font-family: MarkOT-Medium;
    text-align: left;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 35px;
    margin: 0;
}

.order-history-upgrade .add-ad-left .product-pic-wrap {
    width: 297px;
    height: 297px;
}

.order-history-upgrade .popUp-close {
    position: absolute;
    top: 38px;
    right: 32px;
    width: 20px;
    height: 20px;
    background: 0 0;
    text-indent: 0;
    z-index: 99;
}

.order-history-upgrade .popUp-close:before {
    -webkit-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.order-history-upgrade .popUp-close:after {
    -webkit-transform: rotate(135deg);
    -khtml-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.order-history-upgrade .popUp-close:after,
.order-history-upgrade .popUp-close:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 3px;
    border-radius: 3px;
    background-color: #333;
}

.order-history-upgrade .purchase-container {
    padding: 22px 20px 20px 14.5px;
    width: 410px;
}

.order-history-upgrade .purchase-container .product-unit-price.line-through {
    font-family: MarkOT-Light;
    color: #68676b;
    letter-spacing: 0.57px;
    line-height: 20px;
}

.order-history-upgrade .purchase-container .product-unit-price,
.order-history-upgrade .purchase-container .otp2 {
    color: #333333;
    font-family: MarkOT-Medium;
    letter-spacing: 1px;
    line-height: 18px;
}

.order-history-upgrade .purchase-container .qty-container {
    margin: 5px 36px 0;
}

.order-history-upgrade .add-ad-right .common-title {
    margin: 0 0 5px;
}

.order-history-upgrade .purchase-container .product-ad-price {
    font-family: MarkOT-Medium;
    letter-spacing: 1px;
    line-height: 18px;
}

.order-history-upgrade .purchase-container .discount-info {
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 15px;
    color: #333;
    margin-top: 10px;
    padding-left: 35px;
    font-family: MarkOT-Regular;
}

.auto-delivery-section .auto-delivery__label {
    color: #333;
    font-family: MarkOT-Medium;
    letter-spacing: 0.5px;
    font-size: 14px;
    line-height: 20px;
    padding-left: 28px;
    margin-right: 4px;
}

.purchase-container .discount-info .discount-info__benefit {
    text-decoration: underline;
    margin-left: 5px;
}

.order-history-upgrade .purchase-container .otp__label {
    letter-spacing: 0.5px;
}

.auto-delivery-section .keurig-ribbon {
    padding: 3px 4px 4px 9px;
    border-radius: 3px;
    font-size: 10px;
    line-height: 13px;
    font-family: MarkOT-Medium;
    position: relative;
    min-width: 92px;
    display: inline-block;
    letter-spacing: 1px;
    cursor: default;
    background-color: #F78C1E;
    color: #333;
    text-transform: uppercase;
}

.brewerPdpWrapperComponentRight .shipping-icon {
    float: left;
    margin-right: 15px;
    width: 58px;
}

.keurig-ribbon:before {
    top: 2px;
    -webkit-transform: rotate(35deg);
    -khtml-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    transform: rotate(35deg);
}

.keurig-ribbon:after {
    bottom: 2px;
    -webkit-transform: rotate(-35deg);
    -khtml-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    transform: rotate(-35deg);
}

.keurig-ribbon:before,
.keurig-ribbon:after {
    content: '';
    position: absolute;
    width: 5px;
    height: 10px;
    right: -2px;
    background-color: #fff;
}

.brewerPdpWrapperComponentRight .freeBold {
    font-weight: 700;
}

.brewerPdpWrapperComponentRight .shippingMsgAlreadyFree,
.brewerPdpWrapperComponentRight .shippingMsgGotFree {
    color: #000;
    font-size: 14px;
    font-family: MarkOT-Light;
    vertical-align: middle;
    float: left;
    padding-left: 10px;
    display: none;
}

.brewerPdpWrapperComponentRight .amount,
.brewerPdpWrapperComponentRight .shippingMsgAway,
.brewerPdpWrapperComponentRight .shippingmsg2 {
    color: #000;
    font-size: 14px;
    font-family: MarkOT-Light;
}

.brewerPdpWrapperComponentRight .shippingMsgAway {
    vertical-align: middle;
    float: left;
    padding-left: 10px;
    display: none;
    width: calc(100% - 75px);
}

.brewerPdpWrapperComponentRight .shipping-icon+.shippingMsgAway {
    text-align: left;
}

.info-overlay {
    border: 1px solid #999999;
    position: absolute;
    top: 73px;
    left: 14px;
    background-color: #fff;
    border-radius: 3px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s linear;
}

.info-overlay .info-overlay-content .columns {
    display: table-cell;
    width: 33.33%;
    text-align: center;
}

.info-overlay .info-overlay-content {
    display: table;
    width: 437px;
    height: 146px;
}

.info-overlay .info-overlay-content .columns p {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 1px;
    color: #68676b;
}

.info-overlay-icon1 {
    background-image: url("../images/info-overlay-sprite.png");
    width: 28px;
    padding: 14px;
    margin: 15px auto;
    background-repeat: no-repeat;
    background-position: 0 -58px;
}

.info-overlay-icon2 {
    background-image: url("../images/info-overlay-sprite.png");
    width: 28px;
    padding: 14px;
    margin: 15px auto;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.info-overlay-icon3 {
    background-image: url("../images/info-overlay-sprite.png");
    width: 28px;
    padding: 14px;
    margin: 15px auto;
    background-repeat: no-repeat;
    background-position: 0 -28px;
}

.order-history-upgrade .star-ratings-sprite {
    background: url(../images/star-rating.png) repeat-x;
    font-size: 0;
    height: 18px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 90px;
    background-position: 0 100%;
    margin: 15px 0 20px;
    float: none;
    background-size: 18px;
}

 .order-history-upgrade .star-ratings-sprite-rating {
    background: url(../images/star-rating.png) repeat-x;
    float: left;
    height: 18px;
    display: block;
    background-size: 18px;
}

.order-history-upgrade .alertMeInStock {
  float: left;
  width: auto; }
  @media screen and (min-width: 767px) and (max-width: 1024px) {
    .order-history-upgrade .alertMeInStock {
      width: 90%; } }
  .order-history-upgrade .alertMeInStock .out-of-stock {
    position: relative;
    overflow: visible;
       margin-top: 0;
    padding-top: 15px;
    padding-left: 37px;
     }
    .order-history-upgrade .alertMeInStock .out-of-stock .out-of-stock-notify-text {
      color: #0f7db5;
      float: left;
      font-family: "MarkOT-Regular";
      font-size: 12px;
      letter-spacing: 1px;
      line-height: 15px;
      margin-bottom: 10px;
      display: inline-block; }
      .order-history-upgrade .alertMeInStock .out-of-stock .out-of-stock-expand {
      margin-top: 0;
      }
    .order-history-upgrade .alertMeInStock .out-of-stock .out-of-stock-expand input[type="text"] {
      border-top: 1px solid #d2d2d2;
      border-right: 1px solid  #f1be48;
      border-bottom: 1px solid #d2d2d2;
      border-bottom: 1px solid #d2d2d2;
      border-radius: 3px 0 0 3px;
      background-color: #fff;
      width: 184px;
      display: inline-block;
      padding: 13px 11px 12px 10px;
      margin: 0;
      vertical-align: middle;
      height: 40px;
      color: #68676b;
      font-family: "MarkOT-Regular";
      font-size: 12px;
      float: left; }
      @media screen and (min-width: 767px) {
        .order-history-upgrade .alertMeInStock .out-of-stock .out-of-stock-expand input[type="text"] {
          width: 228px;
          padding: 10px 15px 12px 10px; } }
      @media screen and (min-width: 767px) and (max-width: 1024px) {
        .order-history-upgrade .alertMeInStock .out-of-stock .out-of-stock-expand input[type="text"] {
          width: 74%; } }
      @media screen and (min-width: 320px) and (max-width: 374px) and (-webkit-max-device-pixel-ratio: 2) {
        .order-history-upgrade .alertMeInStock .out-of-stock .out-of-stock-expand input[type="text"] {
          width: 173px; } }
    .order-history-upgrade .alertMeInStock .out-of-stock .out-of-stock-expand .button-row {
      display: inline-block;
      width: 88px;
      min-width: auto;
      vertical-align: middle;
      float: left;
     padding-top:0;
      margin-top: -1px; }
      @media screen and (min-width: 767px) {
        .order-history-upgrade .alertMeInStock .out-of-stock .out-of-stock-expand .button-row {
          width: 88px; } }
      @media screen and (min-width: 767px) and (max-width: 1024px) {
        .order-history-upgrade .alertMeInStock .out-of-stock .out-of-stock-expand .button-row {
          width: 25%; } }
      .order-history-upgrade .alertMeInStock .out-of-stock .out-of-stock-expand .button-row .cancel {
        display: none; }
      .order-history-upgrade .alertMeInStock .out-of-stock .out-of-stock-expand .button-row .outOfStock {
        color: #333333;
        font-family: "MarkOT-Regular";
        font-size: 14px;
        line-height: 18px;
        text-align: center;
        padding: 9px 10px;
        float: left !important;
        margin: 0;
        height: 40px;
        border: 2px solid #f1be48;
        background: #fff;
        width: 100%;
        margin-top: 1px;
        text-transform: initial;
        min-width:auto ;
        margin-left: -1px;
    margin-top: 0px;
    }
        @media screen and (min-width: 767px) {
          .order-history-upgrade .alertMeInStock .out-of-stock .out-of-stock-expand .button-row .outOfStock {
            padding: 10px 6px; } }
    .order-history-upgrade .alertMeInStock .out-of-stock div[id^='hasAlerted_'] {
      display: inline-block;
      padding-top: 5px; }
      .order-history-upgrade .alertMeInStock .out-of-stock div[id^='hasAlerted_'] .successAlertMe {
        vertical-align: middle;
        width: 32px;
        height: 32px; }
      .order-history-upgrade .alertMeInStock .out-of-stock div[id^='hasAlerted_'] span {
        color: #498428;
        font-family: "MarkOT-Regular";
        font-size: 12px;
        line-height: 15px;
        margin-left: 14px; }
        .order-history-upgrade .alertMeInStock .out-of-stock div[id^='hasAlerted_'] span.alert_allowed {
          display: inline-block;
          width: 83%;
          vertical-align: top; }
    .order-history-upgrade .alertMeInStock .out-of-stock div[id^='alertmemsg_'] .alertMsgBlock {
      width: 272px;
      background: blue;
      padding: 8px;
      padding-top: 6px;
      border: 1px solid #d51610;
      border-radius: 3px;
      background-color: #d51610;
      position: relative;
      margin-bottom: 11px;
      position: absolute;
      top: -44px; }
      @media screen and (min-width: 767px) {
        .order-history-upgrade .alertMeInStock .out-of-stock div[id^='alertmemsg_'] .alertMsgBlock {
          width: 100%; } }
      .order-history-upgrade .alertMeInStock .out-of-stock div[id^='alertmemsg_'] .alertMsgBlock span {
        color: #fff;
        font-family: "MarkOT-Light";
        font-size: 12px;
        line-height: 15px; }
      .order-history-upgrade .alertMeInStock .out-of-stock div[id^='alertmemsg_'] .alertMsgBlock .arrowDown {
        position: absolute;
        z-index: 1;
        bottom: -8px;
        left: 10%;
        width: 0px;
        height: 0px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #d51610; }
	#divAddTOCart {
	    width: calc(100% - 60px);
	    text-align: right;
	}
    .bmsm-dropdown--container div, .bmsm-dropdown--container span, .bmsm-dropdown--container input, .bmsm-dropdown--container li, .bmsm-cart-price span, .bmsm-coupon-li .bmsm-discount {
         font-family: MarkOT-Regular;
    }
.bmsm-dropdown--container div, .bmsm-dropdown--container span, .bmsm-dropdown--container input, .bmsm-dropdown--container li, .bmsm-cart-price span, .bmsm-coupon-li .bmsm-discount {
	font-family: MarkOT-Regular;
}
.dropbtn label {
	font-size: 0;
}
	 .qty-container .bmsm-text--container, #multiAddToCartForm .bmsm-text--container {
		margin-top: 15px;
		width: 232px;
    	float: right;
        display: none; 
	}
	#divAddTOCart .bmsm-text--container .bmsm-text {
	    text-align: left;
	}
	.bmsm-text {
		font-family: MarkOT-Regular;
		font-size: 12px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #6b685b;
		display: inline-block;
		width: 77%;
		margin-left: 3%;
	    vertical-align: top;
        position: relative;
	}
	.bmsm-text--link {
		font-size: 14px;
		font-family: MarkOT-Medium;
		color: #3596c0;
		text-decoration: none;
		display: block;
		cursor: pointer;
	}
	.bmsm-text--link:hover, #multiAddToCartForm .bmsm-text--link:hover {
		text-decoration: underline;
	}
	.bmsm-text--details:hover {
		cursor: pointer;
	}
    .bmsm-dropdown--container .bmsm-dropdown {
        width: 250px;
        max-height: 363px;
        border-radius: 3px;
        background-color: #ffffff;
        border: solid 1px #d8dbdf;
        display: none;
        position: absolute;
        z-index: 999;
        background: #fff;
    }
    
    .triangle-top {
        display: none;
        width: 0; 
        height: 0; 
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #d8dbdf;
        position:relative;
        z-index: 1000;
        left: 35px;
        margin-top: 5px;
    }
    .triangle-top:after{
        content:'';
        width: 0; 
        height: 0; 
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 8px solid #fff;
        position:absolute;
        left: -7px;
        top: 1px;
    }

    .bmsm-dropdown--container.active .triangle-top {
        display: block;
    }
    
	.bmsm-dropdown--container .bmsm-dropdown ul li .bmsm-old--price {
		color: #929aa5;
	}
	.bmsm-dropdown--container.active  .bmsm-dropdown { 
		display: block;
	}
	.bmsm-dropdown .custom_scroll {
		margin: 0;
		padding: 0;
	}
	.bmsm-dropdown ul li {
	    padding: 0;
	    height: auto;
	    font-family: MarkOT-Regular;
	    font-size: 15px;
	    font-weight: normal;
	    font-style: normal;
	    font-stretch: normal;
	    line-height: 1.33;
	    letter-spacing: normal;
	    cursor: pointer;
	    min-height: 35px;
        position: relative;
        border-bottom: 2px solid #EBEBEB;
	}
	.bmsm-dropdown--savingText {
	    object-fit: contain;
	    background-color: #D51610;
	    text-align: center;
	    color: #fff;
	    float: none;
	    padding: 0 4px;
	    font-size: 14px;
	    min-width: 65px;
	    line-height: 20px;
	    border-radius: 3px;
        margin-left: 9px;
	}
	.bmsm-dropdown ul li .bmsm-dropdown--price {
		display: inline-block;
		margin-left: 17px;
		color: #D51610;
	}
	
	.bmsm-dropdown ul li .bmsm-dropdown--price,
	.bmsm-dropdown ul li .bmsm-dropdown--price span {
		font-family: MarkOT-Medium;
	}
	.bmsm-dropdown--quantity {
		display: inline-block;
		min-width: 16px;
	    color: #1e1e1e;
	}
	.add-to-cart-bmsm input {
	    width: 60px;
	    height: 50px;
	    border-radius: 0;
	    margin: 0;
	    text-align: center;
	    line-height: 31px;
	    color: #1e1e1e;
	    padding: 0;
	    position: relative;
	    -webkit-appearance: none!important;
	    border: solid 1px #d8dbdf;
	    font-family: Helvetica, Arial, sans-serif;
	    box-sizing: border-box;
	    font-size: 15px;
	}
.bmsm-text--container .popup,
.bmsm-purchase-container .bmsm-text--container .popup {
	position: absolute;
	    object-fit: contain;
	    background-color: #fff;
	    border: 1px solid #ccc;
	    padding: 26px 20px;
	    display: none;
	    font-family: MarkOT-Regular;
	    font-size: 13px;
	    font-weight: 400;
	    font-style: normal;
	    font-stretch: normal;
	    line-height: normal;
	    letter-spacing: normal;
	    color: #4d4d4d;
	z-index: 99;
	    width: 365px;    
        left: -100%;
        top: 40px;
	}
	.bmsm-text--container .popup .arrow  {
	    background: url(../images/checkout/up_arrow.png) center top no-repeat;
	    width: 20px;
	    height: 10px;
	    position: absolute;
	    top: -10px;
        right: 50px;
    }
    .bmsm-text--section {
	cursor: pointer;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
    }
    .bmsm-dropdown--container {
	    width: 60px;
	display: inline-block;
	vertical-align: top;
	font-family: MarkOT-Regular;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
}
#bmsm-select {
	margin: 0;
	text-align: center;
	line-height: 31px;
	color: #1e1e1e;
	padding: 0;
	position: relative;
	width: 60px;
	height: 49px;
	object-fit: contain;
	border-radius: 3px;
	background-color: #ffffff;
	box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.1);
	border: solid 1px #d8dbdf;
	font-family: MarkOT-Regular;
	font-size: 20px;
	text-align: left;
	padding-left: 10px;
	padding-right: 20px;
}
.bmsm-dropdown .custom_scroll li:hover {
    background-color: #ebebeb;
}
.bmsm-dropdown--container .add-to-cart-bmsm {
    position: relative;
    display: block;
}
.bmsm-dropdown--container .add-to-cart-bmsm:after {
    content: "\e901";
	display: inline-block;
	padding: 12px 10px 0 0;
	font-family: icomoon !important;
	font-style: normal;
	font-size: 10px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	cursor: pointer;
	text-align: right;
}

.bmsm-dropdown--container .bmsm-nobo--active:after {
	left: auto;
}

.bmsm-purchase-container .bmsm-dropdown--container .box-count-default-dropdown {
    width: 60px;
    text-align: center;
}
#shop .pricing .bmsm-purchase-container .price-strike,
#multiAddToCartForm .bmsm-purchase-container .price-strike {
    font-size: 18px;
    font-weight: normal;
}
.pricing .bmsm-purchase-container .product-price {
    font-weight: 500;
}
.bmsm-purchase-container .price-strike {
	font-family: MarkOT-Light;
	font-size: 18px;
	font-style: normal;
	font-stretch: normal;
	font-weight: normal;
	line-height: normal;
	letter-spacing: normal;
	text-decoration: line-through;
	color: #808894;
}
.bmsm-purchase-container .price-strike .new-product-price {
	color: #2c83b2;
	font-weight: 500;
	margin-left: 2px;
	text-decoration: none;
	display: inline-block;
}
.bmsm-purchase-container .new-product-price sup {
	font-size: 10px;
	top: 0;
}
.beverage-product .clp-page-bmsm {
	position: absolute;
	width: 195px;
	bottom: 60px;
	left: 0;
	right: 0;
	margin: auto;
}
.beverage-product .clp-page-bmsm .bmsm-text {
	vertical-align: baseline;
}
.beverage-product .clp-page-bmsm .bmsm-image {
	width: 21px;
	height: 15px;
	margin-top: 3px;
}
.beverage-product .bmsm-text--link:hover {
	text-decoration: none;
	cursor: default;
}
.cart-bmsm-container .bmsm-image:hover:after, .beverage-product .clp-page-bmsm .bmsm-image:hover:after, .bmsm-purchase-container .bmsm-image:hover:after {
	display: none;
}
.cart-bmsm-container {
	position: relative;
}
.cart-bmsm-container .bmsm-dropdown--container {
	position: absolute;
	left: 0;
	}
    .cart-bmsm-container .bmsm-image {
        position: absolute;
        left: 70px;
    }
.box-count-default-dropdown ul li:hover {
	background: #1E90FF !important;
	color: #fff;
}
.bmsm-dropdown--container .nano>.nano-pane>.nano-slider {
	background: #68676B;
	border: none;
	width: 5px;
	left: -2px;
}
.bmsm-dropdown--container .hover {
    background-color: #ebebeb;
}
.bmsm-dropdown--container .nano>.nano-pane {
	background: #d8d8d8;
	right: 0;
}
.bmsm-text--container.minicart-bmsm {
	position: absolute;
	right: 0;
	bottom: 5px;
	min-height: 40px;
}
.mini-cart-flyout .itemList .itemDesc {
	position: relative;
}
.mini-cart-flyout .bmsm-image:hover:after {
	right: 0;
	left: auto;
}
.add_to_cart_form {
	position: relative;
}
#cartItems .cartDefaultDropDown, .nobo-active:after {
	display: none;
}
.checkoutProcess #cartItems table .bmsm-cart-price {
	font-family: MarkOT-Light;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: right;
	color: #171717;
}
.checkoutProcess #cartItems table .bmsm-cart-price .bmsm-cart-old-price {
	text-decoration: line-through;
	color: #68676B;
}
.checkoutProcess #cartItems table .bmsm-cart-price .bmsm-cart-new-price {
	color: #2c83b2;
        display: block;
    }
.checkoutProcess #cartItems table .bmsm-cart-price .bmsm-cart-new-price.additional-discount {
	color: #d73c04;
}
.bmsm-coupon-li .bmsm-chekout-text .bmsm-left-content {
	width: 70%;
	float: left;
	display: block;
	text-transform: uppercase;
	font-family: MarkOT-Regular;
	font-size: 12px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #909ba7;
    }
.bmsm-coupon-li .bmsm-discounted-price {
	font-family: MarkOT-Regular;
	font-size: 14px;
	font-weight: 500;
}
    .bmsm-coupon-li .bmsm-chekout-text {
        font-family: MarkOT-Regular;
	font-size: 12px;
	font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #909ba7;
    }
    .bmsm-coupon-li .bmsm-minus--content {
        font-family: MarkOT-Regular;
        font-size: 14px;
        font-weight: 500;
        text-align: right;
        color: #3596c0;
        float: right;
        display: block;
    }
    .bmsm-coupon-li .bmsm-discount {
        display: block;
        margin: 6px 0 9px;
        text-transform: capitalize;
        font-size: 12px;
        font-weight: 500;
    }
.auto-delivery .bmsm-right {
	width: calc(100% - 80px);
}
.bmsm-purchase-container.auto-delivery .bmsm-text {
	text-align: left;
}
.bmsm-purchase-container.auto-delivery #addToAutoDeliveryButton {
	padding: 14px 20px 13px;
	display: block;
	float: right;
}

@media screen and (max-width: 767px){
	.bmsm-purchase-container.auto-delivery #addToAutoDeliveryButton {
		padding: 14px 0;
		width: 100% !important;
	    float: none;
	}
}
.bmsm-purchase-container.auto-delivery #addToExistingAD {
	float: left;
}
.bmsm-purchase-container.auto-delivery .bmsm-right .bmsm-text--container .popup .arrow, .bmsm-purchase-container.auto-delivery .bmsm-text--container .popup .arrow {
	left: auto;
}
.bmsm-dropdown--container + .nobo-qty {
	display: none;
}
.product-price-container .product-price {
	float: none;
}
.product-price-container .new-product-price {
	font-family: MarkOT-Regular;
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: right;
	color: #2c83b2;
}
.nano.bmsm-dropdown>.nano-pane {
	height: 100% !important;
}
#content #shop .columns.medium-4.left-border.pricing {
	z-index: 1;
}
.bmsm-purchase-container .product-price.price-strike {
	font-family: MarkOT-Regular;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: right;
	color: #808894;
	margin-right: 5px;
}

    /*for cart page*/
    .quantallnum input[type=text].editableQtyForNobo, .quantallnum input[type=text].nonEditableQty {
        z-index: 9 !important;
    }
    
    #cartItems .quantHeader {
        text-align: center;
    }
    /*for clp page bmsm tooltip*/
    .beverage-product .clp-page-bmsm .bmsm-image:hover:after {
            width: 270px;
            left: -45px;
            white-space: normal;
    }

/*for cart specific css*/    
.cart-bmsm-container .bmsm-image img {
    width: 28px;
}
@-moz-document url-prefix() {
    .clp-page-bmsm .bmsm-text {
        width: 83%;
    }
}
.cart-bmsm-container .non-bmsm.bmsm-dropdown--container .bmsm-dropdown {
    width: 60px;
	left:0;
}
@media screen and (max-width: 767px) {
	.cart-bmsm-container .non-bmsm.bmsm-dropdown--container .bmsm-dropdown {
		width: 70px;
	}
}

.cart-bmsm-container .non-bmsm.bmsm-dropdown--container ul li {
    border: none;
}

.cart-bmsm-container .bmsm-dropdown li.selected::after {
  content: "";
  position: absolute;
  top: 10px;
  left:35px;
  width: 16px;
  height: 8px;
  border: solid #2F4053;
  border-width:  0 0 2px 2px;
  -moz-transform: rotate(-50deg);
  -o-transform: rotate(-50deg);
  -ms-transform: rotate(-50deg);
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
}

@media screen and (min-width: 768px) {
	.cart-bmsm-container .bmsm-dropdown li.selected::after {
		right: 2px;
	}
}

.cart-bmsm-container .bmsm-dropdown--container .bmsm-dropdown {
    width: 287px;
    height: auto;
    max-height: 354px;
}
@media screen and (max-width: 767px) {
 	.cart-bmsm-container .bmsm-dropdown--container .bmsm-dropdown {
 		z-index: 4;
 		width: 282px;
 		left: -105px;
 	}
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
 	.cart-bmsm-container .bmsm-dropdown--container .bmsm-dropdown{
 		left: -85px;
 	}
}

.bmsm-dropdown ul li a {
    width: 100%;
    padding: 7px 20px 8px 10px;
    display: block;
    text-align: left;
}
.bmsm-dropdown ul li a:focus {
    outline-width: 0;
}

.cart-bmsm-container .bmsm-dropdown ul li .bmsm-dropdown--price {
    margin-left: 38px;
}
.cart-bmsm-container #bmsm-select {
    height: 40px;
    font-size: 15px;
	text-align: left;
    width: 60px !important;
}
 @media screen and (max-width: 767px) {
 	.cart-bmsm-container #bmsm-select {
     	width: 70px;
     	box-shadow: none;
    	padding: 7px 16px 10px 16px;
    }
}
/*
## orderTotals
********************************************************************/


#orderTotals{
	width:100%;
}

#orderTotals td{
	text-align:right;
}

#orderTotals td:first-child{
	text-align:left;
	vertical-align:top;
}


#orderTotals thead td{
	border-bottom:1px solid #a5a5a5;
	height:30px;
	line-height:30px;
	text-transform:uppercase;
	font-family:'MarkOT-Bold';
	font-size:1.2em;
	white-space:nowrap;
	padding-left: 5px;
	background-color: #f6f6f6;
}


#orderTotals tbody td{
	height:30px;
	line-height:30px;
}




#orderTotals tfoot td{
	border-top:1px dotted #a5a5a5;
	height:30px;
	line-height:30px;
	font-family:'MarkOT-Bold';
	font-size:1.1em;
}

#orderTotals #countryIso{
	width:150px;
}



#orderTotals .zipInput{
	
}

#orderTotals #estimateTaxesButton{
	margin:8px 0 8px 8px;
}



/*
## colorBox
********************************************************************/

#cboxOverlay {}

.closeOrder {
    text-decoration: none !important;
}

#colorbox {
    /* 	position: relative; */
    left: 30px;
    top: 20px;
    overflow: visible !important;
}

#cboxContent {}

#cboxContent,
#cboxWrapper {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: visible;
}

#cboxLoadedContent {
    margin: 0;
    /* 	padding: 30px; */
    /* 	width:100%; */
}

#cboxClose,
#cboxClose.hover {
    background-image: url('../images/icons-s5260be4da3.png');
    background-repeat: no-repeat;
    position: absolute;
    bottom: auto;
    left: auto;
    top: -15px;
    right: -15px;
    background-position: 0 -352px;
    height: 33px;
    width: 33px;
    display: inline-block;
    text-indent: -9999px;
    padding: 0;
    font-size: 0;
    z-index: 10;
}

.colorbox-padding {
    padding: 30px;
}

#cboxClose {
    border: none;
}

#cboxMiddleLeft,
#cboxMiddleRight,
#cboxBottomCenter,
#cboxBottomLeft,
#cboxTopLeft,
#cboxTopCenter,
#cboxBottomRight,
#cboxTopRight {
    display: none;
}

.qsm-colorbox #cboxClose {
    display: none;
}
/*
## searchPOS
********************************************************************/

.searchPOS{
	margin: 20px;
	width: auto;
	overflow:hidden;
	height:555px;
}




.searchPOS .headline{
	border-bottom: 1px dotted #A5A5A5;
	font-size: 1em;
	font-family:'MarkOT-Bold';
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
	margin:0 0 20px;
}





.searchPOS .prod_grid{
	width:160px;
	margin:0 20px 0 0;
}

.searchPOS .prod_grid img{
	width:160px;

}



.searchPOS .searchPOSContent{
	width:630px;
	
}


.searchPOS .searchPOSForm{
	margin:0;
	
}


.searchPOS .searchPOSForm .control-group{
	width:378px;
	
}

.searchPOS .searchPOSForm .control-group input{
	margin:1px 0;
	
}


.searchPOS .searchPOSForm button{
	margin: 0 6px;
	line-height: 12px;
}


.searchPOS .searchPOSForm button#find_pickupStoresNearMe_button{
	margin: 0
	
}









.searchPOS .searchPOSResultsList{
	margin:0 -20px 0 0;
}


.searchPOS li.searchPOSResult{
	width:305px;
	border-bottom: 1px dotted #A5A5A5;
	margin:20px 20px 0 0;
	height:120px;
	position:relative;
}

.searchPOS li.searchPOSResult .address{
	width:200px;
}


.searchPOS li.searchPOSResult .resultName{
	font-family:'MarkOT-Bold';
	
}

.searchPOS li.searchPOSResult .resultDistance{
	position:absolute;
	top:0;
	right:0;
}

.searchPOS li.searchPOSResult .resultStock{
	position:absolute;
	top:20px;
	right:0;
}

.searchPOS li.searchPOSResult .resultForm{
	position:absolute;
	bottom:0;
	right:0;
	margin:0;
}












.searchPOS .searchPOSPaging{

}


.searchPOS .searchPOSPaging form,
.searchPOS .searchPOSPaging div{
	float:right;
	margin:0;


}


.searchPOS .searchPOSPaging div button{
	font-family:'MarkOT-Bold';
}








/*
## userRegister
********************************************************************/

.userRegister{
	border: 1px dotted #A5A5A5;
	padding:0 20px 20px 20px;
}

.userRegister .headline{
	border-bottom: 1px solid #A5A5A5;
	font-size: 1.2em;
	font-family:'MarkOT-Bold';
	height: 33px;
	line-height: 39px;
	text-transform: uppercase;
	margin:0 0 20px 0;
}


.userRegister .description{
	margin:0 0 20px 0;
}

.userRegister  form{
	margin:0;
}



#recaptcha_widget{
	margin:20px 0 0 0;
}
/*
## userLogin
********************************************************************/
/*header*/
/* Cancel Remediation Modal */
/* -------------------------------------------------------------
  Sass CSS3 Mixins!
  List of CSS3 Sass Mixins File to be @imported and @included as you need
  The purpose of this library is to facilitate the use of CSS3 on different browsers
 ------------------------------------------------------------ */
.userLogin {
  border: 1px dotted #A5A5A5;
  padding: 0 20px 20px 20px; }
  .userLogin .headline {
    border-bottom: 1px solid #A5A5A5;
    font-size: 1.2em;
    font-family: 'MarkOT-Bold';
    height: 33px;
    line-height: 39px;
    text-transform: uppercase;
    margin: 0 0 20px 0; }
  .userLogin .description {
    margin: 0 0 5px 0; }
  .userLogin form {
    margin: 0; }
  .userLogin .expressCheckoutLogin {
    margin: 20px 0 0 0; }
  .userLogin .expressCheckoutLogin ul li {
    list-style: disc outside none;
    margin: 0 0 5px 13px; }

.page-login #colorbox.forgot-password, .page-checkout-login #colorbox.forgot-password {
  position: fixed;
  top: 130px !important;
  left: 50% !important;
  transform: translate(-50%, 0);
  height: 245px !important;
  width: 415px !important; }
  .page-login #colorbox.forgot-password #cboxContent, .page-checkout-login #colorbox.forgot-password #cboxContent {
    width: 415px !important;
    height: 245px !important; }
  .page-login #colorbox.forgot-password #cboxWrapper, .page-checkout-login #colorbox.forgot-password #cboxWrapper {
    width: 415px !important;
    height: 245px !important; }
  .page-login #colorbox.forgot-password #cboxLoadedContent, .page-checkout-login #colorbox.forgot-password #cboxLoadedContent {
    width: 415px !important;
    height: 245px !important; }
    .page-login #colorbox.forgot-password #cboxLoadedContent .forgottenPwd, .page-checkout-login #colorbox.forgot-password #cboxLoadedContent .forgottenPwd {
      height: 245px !important; }
  .page-login #colorbox.forgot-password #cboxClose, .page-checkout-login #colorbox.forgot-password #cboxClose {
    top: 22px !important;
    right: 17px !important;
    width: 20px;
    background: 0 0;
    text-indent: 0;
    z-index: 99; }
  .page-login #colorbox.forgot-password #cboxClose:after, .page-checkout-login #colorbox.forgot-password #cboxClose:after {
    transform: rotate(135deg);
    content: "";
    position: absolute;
    width: 25px;
    height: 3px;
    border-radius: 3px;
    background-color: #333;
    transform: rotate(135deg); }
  .page-login #colorbox.forgot-password #cboxClose:before, .page-checkout-login #colorbox.forgot-password #cboxClose:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 3px;
    border-radius: 3px;
    background-color: #333;
    transform: rotate(45deg); }

.page-login #colorbox.error-msg #cboxContent, .page-login #colorbox.error-msg #cboxLoadedContent, .page-checkout-login #colorbox.error-msg #cboxContent, .page-checkout-login #colorbox.error-msg #cboxLoadedContent {
  height: 273px !important; }

.page-login #forgottenPwdForm, .page-checkout-login #forgottenPwdForm {
  width: 290px;
  margin: auto;
  padding-bottom: 20px; }
  .page-login #forgottenPwdForm .help-inline, .page-checkout-login #forgottenPwdForm .help-inline {
    margin-top: 0;
    margin-bottom: 10px;
    height: 20px; }
  .page-login #forgottenPwdForm input + label.control-label, .page-checkout-login #forgottenPwdForm input + label.control-label {
    color: #68676B; }

.page-login .error-msg, .page-checkout-login .error-msg {
  height: 290px !important; }
  @media (min-width: 640px) {
    .page-login .error-msg, .page-checkout-login .error-msg {
      height: 270px !important; } }

.page-login .forgottenPwd, .page-checkout-login .forgottenPwd {
  text-align: center;
  width: 355px !important;
  height: auto; }
  @media (min-width: 640px) {
    .page-login .forgottenPwd, .page-checkout-login .forgottenPwd {
      width: 415px !important; } }
  .page-login .forgottenPwd.error-msg, .page-checkout-login .forgottenPwd.error-msg {
    height: auto !important; }
  .page-login .forgottenPwd .headline, .page-checkout-login .forgottenPwd .headline {
    padding-top: 45px;
    font-family: 'MarkOT-Medium';
    color: #333333;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1.25px;
    line-height: 25px;
    text-align: center; }
  .page-login .forgottenPwd .description, .page-checkout-login .forgottenPwd .description {
    margin: 0 0 20px 0; }
  .page-login .forgottenPwd .password-description, .page-checkout-login .forgottenPwd .password-description {
    color: #333333;
    font-family: "MarkOT-light";
    position: relative;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.88px;
    line-height: 17px;
    text-align: center;
    margin: 10px;
    font-style: italic; }
  .page-login .forgottenPwd input[type=email], .page-login .forgottenPwd input[type=password], .page-checkout-login .forgottenPwd input[type=email], .page-checkout-login .forgottenPwd input[type=password] {
    color: #333333;
    font-family: 'MarkOT-Medium';
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 18px;
    height: 40px;
    border: 1px solid #D2D2D2;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-shadow: none;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      .page-login .forgottenPwd input[type=email], .page-login .forgottenPwd input[type=password], .page-checkout-login .forgottenPwd input[type=email], .page-checkout-login .forgottenPwd input[type=password] {
        font-size: 16px; } }
  .page-login .forgottenPwd button.positive, .page-checkout-login .forgottenPwd button.positive {
    height: 40px;
    width: 290px;
    letter-spacing: 1px;
    line-height: 18px;
    font-family: 'MarkOT-Medium';
    font-weight: 500;
    border-radius: 2px;
    margin-top: 5px;
    padding: 0; }
  .page-login .forgottenPwd .floating-label input:focus + label, .page-login .forgottenPwd .floating-label label.up, .page-checkout-login .forgottenPwd .floating-label input:focus + label, .page-checkout-login .forgottenPwd .floating-label label.up {
    padding-top: 2px;
    color: #999999; }
  .page-login .forgottenPwd .floating-label input:focus + label, .page-checkout-login .forgottenPwd .floating-label input:focus + label {
    letter-spacing: 0.71px; }
  .page-login .forgottenPwd .floating-label label.up, .page-checkout-login .forgottenPwd .floating-label label.up {
    letter-spacing: 1px; }
  .page-login .forgottenPwd .control-group.error .help-inline, .page-checkout-login .forgottenPwd .control-group.error .help-inline {
    bottom: 50px; }
  .page-login .forgottenPwd .control-group.error .help-inline:after, .page-checkout-login .forgottenPwd .control-group.error .help-inline:after {
    bottom: -15px; }

.item_container .help {
  padding-top: 15px;
  color: #333333;
  font-family: "MarkOT-Medium" !important;
  font-weight: 500;
  letter-spacing: 1px; }
  @media (max-width: 640px) {
    .item_container .help {
      padding-top: 0; } }

.item_container .required {
  margin-bottom: 10px;
  display: none; }

.item_container .minlength {
  margin-bottom: 6px;
  color: #68676B;
  font-size: 14px;
  font-family: "MarkOT-Medium" !important;
  font-style: italic;
  font-weight: 500;
  letter-spacing: 1px; }

.item_container .form-outer {
  width: 290px; }

#confirmPwdForm .controls.field {
  padding-bottom: 5px; }

#confirmPwdForm .control-group {
  position: relative; }
  #confirmPwdForm .control-group.error input {
    border-color: #d51610; }
  #confirmPwdForm .control-group.error .help-inline {
    background: 0 0;
    top: 5px;
    bottom: auto;
    position: absolute;
    width: 100%;
    display: none;
    z-index: 999;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 1px;
    transform: translateY(-100%); }
    #confirmPwdForm .control-group.error .help-inline::after {
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      content: "";
      position: absolute;
      left: 15px;
      bottom: -8px;
      border-top: 8px solid #d51610; }
    #confirmPwdForm .control-group.error .help-inline span {
      background: #d51610;
      font-family: MarkOT-Italic;
      display: block;
      padding: 7px 10px;
      border-radius: 3px;
      color: #fff;
      font-size: 12px; }

#confirmPwdForm input {
  height: 40px;
  width: 100%;
  border: 1px solid #D2D2D2;
  border-radius: 3px;
  background-color: #FFF;
  box-shadow: none;
  font-weight: 500; }

#confirmPwdForm .btn-row {
  margin-top: 30px;
  width: 192px; }
  #confirmPwdForm .btn-row button {
    padding: 0;
    color: #333333;
    font-family: 'MarkOT-Medium';
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 18px;
    text-align: center;
    width: 193px;
    height: 40px; }
  #confirmPwdForm .btn-row button:hover {
    color: #fff; }

#confirmPwdForm .pstrength-bar-holder {
  clear: both;
  width: 247px;
  padding-top: 10px; }

#confirmPwdForm .pstrength-minchar {
  display: none; }

#confirmPwdForm .floating-label::before, #confirmPwdForm .floating-label::after {
  content: "";
  clear: both;
  display: table; }

#confirmPwdForm .floating-label label {
  color: #68676B;
  letter-spacing: 0.5px;
  margin-top: 16px; }

#confirmPwdForm .floating-label input:focus ~ label {
  color: #999999;
  letter-spacing: 0.71px;
  line-height: 13px; }

#confirmPwdForm .field + .help-inline {
  margin-top: 0; }

#confirmPwdForm .floating-label .password:focus ~ label,
#confirmPwdForm .floating-label .password ~ label.up {
  padding-top: 6px;
  color: #999999; }

.expressCheckoutCheckbox,
.express-checkout-info-popup {
  text-align: center; }

.expressCheckoutCheckbox input {
  margin: 2px 7px 0 0; }

a.password-forgotten {
  text-decoration: underline; }

@media (max-width: 640px) {
  .page-login #colorbox.forgot-password, .page-checkout-login #colorbox.forgot-password {
    height: 261px !important;
    width: 355px !important; }
    .page-login #colorbox.forgot-password #cboxContent, .page-checkout-login #colorbox.forgot-password #cboxContent {
      width: 355px !important;
      height: 261px !important; }
    .page-login #colorbox.forgot-password #cboxWrapper, .page-checkout-login #colorbox.forgot-password #cboxWrapper {
      width: 355px !important;
      height: 261px !important; }
    .page-login #colorbox.forgot-password #cboxLoadedContent, .page-checkout-login #colorbox.forgot-password #cboxLoadedContent {
      width: 355px !important;
      height: 261px !important; }
  .page-login #colorbox.error-msg #cboxContent, .page-login #colorbox.error-msg #cboxLoadedContent, .page-checkout-login #colorbox.error-msg #cboxContent, .page-checkout-login #colorbox.error-msg #cboxLoadedContent {
    height: 290px !important; } }

.page-updatePassword #content .full-content {
  padding: 40px 0 202px; }
  @media (max-width: 640px) {
    .page-updatePassword #content .full-content {
      padding: 0 0 110px; } }
  .page-updatePassword #content .full-content header h2 {
    color: #333333;
    font-family: "MarkOT-Medium";
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 1.71px;
    line-height: 30px; }
    @media (max-width: 640px) {
      .page-updatePassword #content .full-content header h2 {
        text-align: center; } }
  @media (max-width: 640px) {
    .page-updatePassword #content .full-content header {
      padding-bottom: 28px;
      border-bottom: none;
      margin-bottom: 0; } }

/*
## userGuest
********************************************************************/

.userGuest{
	border: 1px dotted #A5A5A5;
	padding:0 20px 20px 20px;
}

.userGuest .headline{
	border-bottom: 1px solid #A5A5A5;
	font-size: 1.2em;
	font-family:'MarkOT-Bold';
	height: 33px;
	line-height: 39px;
	text-transform: uppercase;
	margin:0 0 20px 0;
}


.userGuest .description{
	margin:0 0 20px 0;
}

.userGuest  form{
	margin:0;
}
/*
## Account
********************************************************************/
#accountNav {
}
#accountNav .headline {
	border-bottom: 1px dotted #a5a5a5;
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
	font-family: 'MarkOT-Bold';
	font-size: 1.2em;
	margin: 0 0 20px 0;
}
.bottomline {

	/* 	height:30px;
		line-height:30px;
		text-transform:uppercase;
		font-family:'MarkOT-Bold';
		font-size:1em; */
	margin: 0 0 20px 0;
}
#accountNav .headline {
	border-bottom: 1px solid #a5a5a5;
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
	font-family: 'MarkOT-Bold';
	font-size: 1.2em;
	margin: 0 0 20px 0;
}
#accountNav li.active {
	font-family: 'MarkOT-Bold';
}
.customAccount {
	margin: 0 -20px 0 0;
	width: 810px;
}
.customAccount .tile {
	border: 1px dotted #a5a5a5;
	padding: 0 20px 20px;
	width: 343px;
	margin: 0 20px 20px 0;
	height: 100px;
}
.customAccount .tile .headline {
	border-bottom: 1px solid #A5A5A5;
	font-size: 1.2em;
	font-weight: bold;
	height: 39px;
	line-height: 39px;
	text-transform: uppercase;
	margin: 0 0 20px;
}
.customAccount .tile .headline a {
	display: block;
}
.accountContentPane {
	border: 1px dotted #a5a5a5;
	padding: 0 20px 20px;
	width: 748px;
	margin: 0;
}
.accountContentPane .headline {
	border-bottom: 1px solid #A5A5A5;
	font-size: 1.2em;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
	margin: 0 0 20px;
}
.accountContentPane .addressItem {
	border-bottom: 1px dotted #a5a5a5;
	padding: 20px 0;
	position: relative;
}
.accountContentPane .addressItem .buttons {
	position: absolute;
	right: 0;
	top: 20px;
}
.account-profile-data tr > td {
	min-width: 70px;
	padding: 0 5px 5px 0;
}
.accountContentPane .paymentItem {
	border-bottom: 1px dotted #a5a5a5;
	padding: 20px 0;
	position: relative;
}
.accountContentPane .paymentItem .buttons {
	position: absolute;
	right: 0;
	top: 20px;
}
.accountContentPane .span-6.order-totals {
	float: right;
	margin: -5px 5px 10px 0;
}
.accountContentPane .i18nAddressForm {
	margin-right: -20px;
}
.accountContentPane .control-group {
	float: left;
	width: 305px;
	margin-right: 20px;
}
.accountContentPane  .form-actions {
	clear: both;
}
.form-register {
	clear: both;
	float: right;
}
.accountContentPane  .orderBoxes {
	margin: 20px -20px 0 0;
	clear: left;
}
.accountContentPane  .orderBoxes .orderBox {
	width: 322px;
	margin: 0 20px 20px 0;
}
.i18nAddressForm .chosen-container, #address_country_chosen.chosen-container {
	display: inline-block;
}


/*for payment method page css*/

.payment-container .expDate .expYear .chosen-container.chosen-container-active, .payment-container .expDate .expMp .chosen-container.chosen-container-active, #address_country_chosen.chosen-container.chosen-container-active, .account-container form.payment-container .controls .chosen-container.chosen-container-active
{
	outline: #85BFFD solid 2px;
}

.nobo-content
{
	font-weight: 700;
    font-family: "MarkOT-Light";
    color: #68676b;
    display: block;
    padding: 35px 0px 0px 0px;
    text-align: center;

    


}

 .page-managePantryOrderDetail  #colorbox.nobo-content-box {
    font-weight: 700;
    font-family: "MarkOT-Light";
    color: #68676b;
    display: block;
    padding: 35px 0px 0px 0px;
    height:100px !important;
    width:45% !important;
    padding: 0!important
   
}





    
/*
## cartItems
********************************************************************/
#cartItems {
	width: 100%;
	margin-bottom: 15px;
}
#cartItems .headline {
	border-bottom: 1px solid #a5a5a5;
	height: 40px;
	line-height: 40px;
	text-transform: uppercase;
	font-family: 'MarkOT-Bold';
	font-size: 1.2em;
}
#cartItems .headline .cartId {
	color: #c7c7c7;
	font-weight: normal;
	font-size: 0.8em;
	margin: 0 0 0 20px;
}
#cartItems table.cart {
	width: 100%;
}

/*

#cartItems thead th{
	border-bottom:1px dotted #a5a5a5;
	height:30px;
	line-height:30px;
	text-transform:uppercase;
	font-family:'MarkOT-Bold';
	font-size:1em;
}
*/
#cartItems thead th#header3, #cartItems thead th#header4 {
	text-align: center;
}
#cartItems thead th#header6 {
	text-align: right;
}
#cartItems .cartItem td {
	vertical-align: top;
	border-bottom: 1px dotted #a5a5a5;
	padding: 20px 0 0 0;
}
#cartItems .cartItem td.thumb {
	border-bottom: 0;
	padding-right: 20px;
	width: 96px;
}
#cartItems .cartItem td.itemPrice, #cartItems .cartItem td.total, #cartItems .cartItem td.quantity {
	width: 115px;
}
#cartItems .cartItem td.quantity form {
	margin: 0 0 10px 0;
}
#cartItems .cartItem td.quantity .qty {
	display: block;
	margin: 0 auto;
	text-align: center;	/*width:40px;*/
}
#cartItems .cartItem td.quantity .updateQuantityProduct, #cartItems .cartItem td.quantity .submitRemoveProduct {
	text-decoration: underline;
	display: block;
	text-align: center;
}
#cartItems .cartItem td.shipping {
	width: 200px;
}
#cartItems .cartItem td.shipping .pointOfServiceName {
	font-size: 11px;
	color: #999;
}
#cartItems .cartItem td.shipping .pickupInStoreButton {
	text-decoration: underline;
}
#cartItems .cartItem td.itemPrice {
	width: 96px;
	text-align: center;
}
#cartItems .cartItem td.total {
	width: 96px;
	text-align: right;
}
.expressCheckoutBox .headline {
	border-bottom: 1px solid #A5A5A5;
	font-size: 1.2em;
	font-family: 'MarkOT-Bold';
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
}
.expressCheckoutBox .description {
	line-height: 30px;
}
.expressCheckoutBox ul li {
	list-style: disc outside none;
	margin: 0 0 5px 13px;
}
button.doCheckoutBut {
	font-size: 140%;
	margin-top: 20px;
}
#your_cart tr.cart-bundle-header td {
	background-color: #2c85c3;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 14px;
	padding: 7px 7px 4px 7px;
}
#your_cart tr.cart-bundle-header td.cart-bundle-package {
	text-transform: none;
	font-family: 'MarkOT-Bold';
	font-size: 14px;
}
table#your_cart .cart-bundle-header td.cart-bundle-remove {
	background-color: #333;
	width: 30px;
}
table#your_cart .cart-bundle-header td.cart-bundle-remove.updateable-items {
	height: 33px;
}
table#your_cart .cart-bundle-header td.cart-bundle-remove.updateable-items a {
	display: none;
}
table#your_cart tr.cart-bundle-header td.cart-bundle-package {
	background: #2C85C3;
}
table#your_cart tr.cart-bundle-header td.cart-bundle-itemPrice {
	background: #2C85C3;
}
#your_cart tr.cart-bundle-header td {
	background-color: #2c85c3;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 14px;
	padding: 7px 7px 4px 7px;
}
#your_cart tr.cart-bundle-header td.cart-bundle-package {
	text-transform: none;
	font-family: 'MarkOT-Bold';
	font-size: 14px;
}
.cart-bundle-number {
	display: block;
	font-weight: normal;
	font-size: 10px;
}
#your_cart .cart-bundle-editable {
	display: block;
	float: none;
	margin-top: 6px;
	font-family: 'MarkOT-Bold';
}
#your_cart tr:first-child td {
	border-top: none;
}
table#your_cart .cart-bundle-header td.cart-bundle-remove {
	background-color: #333;
	width: 30px;
}
.cart-bundle-remove-container img {
	margin: 3px 6px;
}
table#your_cart .cart-bundle-header td.cart-bundle-remove.updateable-items {
	height: 33px;
}
table#your_cart .cart-bundle-header td.cart-bundle-remove.updateable-items a {
	display: none;
}
table#your_cart tr.cart-bundle-header td.cart-bundle-itemPrice {
	background: #2C85C3;
}
table#your_cart tr.cart-bundle-header td.cart-bundle-package {
	background: #2C85C3;
}
.checkoutProcess #cartItems table {
	width: 100%;
}
.checkoutProcess #cartItems table th {
	vertical-align: bottom;
	padding: 40px 0 10px;
	border-bottom: 1px solid #ebebeb;
}
.checkoutProcess #cartItems table td {
	padding-bottom: 20px;
}
.checkoutProcess #cartItems table td.img {
	padding-bottom: 10px;
}
.checkoutProcess #cartItems table td, .checkoutProcess #cartItems table th {
	padding-left: 8px;
	background-color: #F1F1F1;
}
.checkoutProcess #cartItems table .item td {
}
.checkoutProcess #cartItems table td.img {
	max-width: 242px;
	text-align: center;
}
.checkoutProcess #cartItems table td.img img {
	max-height: 180px;
	max-width: 242px;
}
.checkoutProcess #cartItems table th:last-child, .checkoutProcess #cartItems table td:last-child {
	padding-right: 10px;
	text-align: left;
}
.checkoutProcess #cartItems table .text-right {
	text-align: right;
}
.checkoutProcess #cartItems table .price {
	color: #333;
}
.checkoutProcess #cartItems table .quantallnum {
	min-height: 30px;
}
.checkoutProcess #cartItems table .quantli .update {
	margin-top: 10px;
}
.not-active {
	pointer-events: none;
	cursor: default;
}
.cart-container.checkoutProcess .cart-header {
	height: 57px;
}
/*
## landingLayout2Page
********************************************************************/
.section1 {
	margin: 10px 0;
}
.zoneA {
}
.zoneA .disp-img {
	height: 108px;
	margin: 10px 0 0 0;
	border-bottom: 1px dotted #A5A5A5;
	position: relative;
}
.zoneA .disp-img:first-child {
	margin: 0;
}
.zoneA .disp-img a {
	display: block;
}
.zoneA .disp-img .title {
	display: block;
	margin-left: 106px;
	border-bottom: 1px dotted #A5A5A5;
	margin-bottom: 10px;
}
.zoneA .disp-img .thumb {
	position: absolute;
	top: 0;
}
.zoneA .disp-img .details {
	width: 124px;
	height: 96px;
	margin-left: 106px;
	display: block;
}
.zoneA .disp-img .action {
	display: none;
}
.zoneB {
}
.zoneB .simple_disp-img:first-child {
	margin: 0 0 10px 0;
}
.zoneC {
}
.slider_component {
}
#homepage_slider .svw {
	width: 50px;
	height: 20px;
	background-color: #ffffff;
}
.svw ul {
	position: relative;
	left: -999em;
}
#homepage_slider.stripViewer {
	position: relative;
	overflow: hidden;
	margin: auto;
}
#homepage_slider.stripViewer ul {
	margin: 0;
	padding: 0;
	position: relative;
	left: 0;
	top: 0;
	width: 1%;
	list-style-type: none;
}
#homepage_slider.stripViewer ul li {
	float: left;
}
#homepage_slider .tooltip {
	padding: 0.5em;
	background-color: #ffffff;
	color: #333;
	border: 5px solid #dedede;
}
.stripTransmitter {
	overflow: auto;
	padding: 0 15px;
	width: 438px !important;
	height: 51px;
	border-bottom: 1px dotted #A5A5A5;
	background-color: #eee;
}
.stripTransmitter ul {
	margin: 0;
	padding: 0;
	position: relative;
	list-style-type: none;
}
.stripTransmitter ul li {
	width: 30px;
	float: left;
}
.stripTransmitter a {
	line-height: 47px;
	display: block;
	padding: 0 0 0 0;
	text-align: center;
	text-decoration: none;
	font-size: 1.4em;
}
.stripTransmitter a:hover, a.current {
	font-family: 'MarkOT-Bold';
}
.tooltip {
	padding: 0.5em;
	background-color: #ffffff;
	color: #333;
	border-bottom: 1px dotted #A5A5A5;
}
.section4 .disp-img {
	margin: 0 0 15px 0;
}
.section4 .disp-img .title {
	border-bottom: 1px solid #a5a5a5;
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
	font-family: 'MarkOT-Bold';
	font-size: 1em;
	white-space: nowrap;
	display: block;
	margin: 0 0 10px 0;
}
.section4 .disp-img .thumb {
	margin: 0 0 5px 0;
	display: block;
}
.section4 .disp-img .details {
}
.section4 .disp-img .action {
	display: none;
}
/*
## storeDetail
********************************************************************/



#storeDetail{
	
	
}

#storeDetail .detailPane{
	float:left;
	border: 1px dotted #A5A5A5;
	padding:0 20px 20px 20px;
	position:relative;
	width:288px;
	margin:0 10px 0 0;
}



#storeDetail .detailPane .headline{
	border-bottom: 1px dotted #A5A5A5;
	font-size: 1.2em;
	font-family:'MarkOT-Bold';
	height: 39px;
	line-height: 39px;
	text-transform: uppercase;
	margin:0 0 20px 0;
}







#storeDetail .storeMap{
	float:left;
	height:610px;
	width:610px;
}


#storeDetail   #map_canvas{
	height:610px;
}


#storeDetail   .storeImage img{
	width:100%;
	margin:20px 0 0 0;
}


#storeDetail   .storeDetailsTable td{
	vertical-align:top;
}





#storeDetail .detailSection{
	margin: 0 0 20px 0;
}

#storeDetail .detailSectionHeadline{
	font-family:'MarkOT-Bold';
	margin:0 0 0 0;
}


#storeDetail .detailSection .store-openings{
	margin: 0;
}
/*
## storeFinder
********************************************************************/
#storeFinder {
}
#storeFinder .searchPane {
	float: left;
	border: 1px dotted #A5A5A5;
	padding: 0 20px 20px 20px;
	position: relative;
	height: 366px;
	width: 268px;
	margin: 0 10px 0 0;
}
#storeFinder .searchPane .headline {
	border-bottom: 1px dotted #A5A5A5;
	font-size: 1.2em;
	font-family: 'MarkOT-Bold';
	height: 39px;
	line-height: 39px;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}
#storeFinder .searchPane .description {
	margin: 0 0 20px 0;
}
#storeFinder .searchPane  .findStoresNearMe {
	background: url("../images/findStoresNearMe-bg.png") no-repeat scroll 10px center #333;
}
#storeFinder .storeMap {
	float: left;
	height: 388px;
	width: 630px;
}
#storeFinder  #map_canvas {
	height: 388px;
}
#storeFinder .storeResultList {
	clear: both;
	padding: 20px 0 0 0;
}
#storeFinder .storeResultList .storeResultTable {
	width: 100%;
	margin: 0  0 20px 0;
}
#storeFinder .storeResultList .storeResultTable thead th {
	border-bottom: 1px dotted #a5a5a5;
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
	font-family: 'MarkOT-Bold';
	font-size: 1em;
}
#storeFinder .storeResultList .storeResultTable > tbody > tr >  td {
	vertical-align: top;
	border-bottom: 1px dotted #a5a5a5;
	padding: 20px 0 0 0;
}
#storeFinder .storeResultList .storeResultTable td.thumb {
	border-bottom: 0;
	padding-right: 20px;
}
#storeFinder .storeResultList .storeResultTable tbody td {
	vertical-align: top;
}
#storeFinder .storeResultList .storeResultTable .store-openings {
	margin: 0 0 20px 0;
}
#storeFinder .storeResultList .storeResultTable .storeItem .details {
	margin: 0 0 0 110px;
}
#storeFinder .storeResultList .storeResultTable .storeItem .details .itemName {
	font-family: 'MarkOT-Bold';
}
/*
##Brewer
********************************************************************/
.brewersListTable{
	margin:0 20px 0 0;
	border:1px dotted #a5a5a5;
	padding:0 20px 20px;
	
}

 th{
	padding:0 5px 0px 10px;
}

td{
	padding:0 5px 0px 10px;
}
.position_share {
	position: absolute;
    right: -100px;
    top: 50px;
    display: none;
}



/*My appliances table css*/
th.favourite-header {
    text-indent: -99999px;
}
    #FULL_BLLED_HERO_TOP{
      position:absolute;
	    text-align:center;
	    width:200px;
	    top:5%;
	    left:45%; 
	    /*z-index:10;*/
  	}
	#FULL_BLLED_HERO_LEFT{
       position:absolute;
	    text-align:center;
	    width:200px;
	    top:20%;
	    left:5%;
	    /*z-index:10;*/ 
  	}
   #FULL_BLLED_HERO_RIGHT{
       position:absolute;
	    text-align:center;
	    width:200px;
	    top:20%;
	    right:5%;
	    /*z-index:10;*/
	}
	#FULL_BLLED_HERO_BOTTOM{
	    position:absolute;
	    text-align:center;
	    width:200px; 
	    bottom:5%;
	    left:45%;
	    /*z-index:10;*/
	 }
/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */

/*@font-face {
  font-family: 'MarkOT-Regular';
  src: url("../fonts/MarkOT-Light/MarkOT-Light-regular.woff") format("woff"); }

@font-face {
  font-family: 'MarkOT-Medium';
  src: url("../fonts/MarkOT-Light/MarkOT-Light-medium.woff") format("woff"), url("../fonts/MarkOT-Light/MarkOT-Light-Medium.otf") format("opentype"); }

@font-face {
  font-family: 'MarkOT-Light';
  src: url("../fonts/MarkOT-Light/MarkOT-Light.otf") format("opentype"); }

@font-face {
  font-family: 'MarkOT-Bold';
  src: url("../fonts/MarkOT-Light/MarkOT-Light-Bold.otf") format("opentype"); }*/

/*****************************************************************************
*                              UX2.0 Fonts                             *
****************************************************************************
*/
/* @font-face {
  font-family: "MarkOT-Bold";
  src: url("/_ui/shared/fonts/mo-5423411/8706c0b6-b423-44f7-ae1a-dd0aabd8a542.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423411/8706c0b6-b423-44f7-ae1a-dd0aabd8a542.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423411/41c8162d-c2a6-49b0-8139-8bebab187588.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423411/4fe94f2e-7892-4785-9663-0350a7adf8c0.woff") format("woff"), url("/_ui/shared/fonts/mo-5423411/3a7daddb-0a78-4734-a699-6fe08d0e8b99.ttf") format("truetype");
}
@font-face {
  font-family: "MarkOT-MediumItalic";
  src: url("/_ui/shared/fonts/mo-5423424/ad36e979-6b98-48d2-8eba-94a849628bd1.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423424/ad36e979-6b98-48d2-8eba-94a849628bd1.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423424/d44fc9c2-f445-413e-ade7-cb1c89014c2b.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423424/4027035d-040d-4459-ae90-c3d806bbbe69.woff") format("woff"), url("/_ui/shared/fonts/mo-5423424/3b6e00f9-7247-4af9-9ba4-84f75513f11f.ttf") format("truetype");
}
@font-face {
  font-family: "MarkOT-Medium";
  src: url("/_ui/shared/fonts/mo-5423441/fbdcf9c3-5ae6-4d9a-a599-3764f7c806be.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423441/fbdcf9c3-5ae6-4d9a-a599-3764f7c806be.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423441/bca028ce-c27d-4e7d-aa28-f173d521ad14.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423441/37554929-783d-48b4-9346-54af9bdaa5c7.woff") format("woff"), url("/_ui/shared/fonts/mo-5423441/48f92810-bb37-4032-9967-4fc12c9a022c.ttf") format("truetype");
}
@font-face {
  font-family: "MarkOT-Italic";
  src: url("/_ui/shared/fonts/mo-5423458/ff63cbb4-2977-4340-86d8-aea5b5edd54d.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423458/ff63cbb4-2977-4340-86d8-aea5b5edd54d.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423458/7deb3b8f-92a6-4d1f-9367-f78fa976d7e6.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423458/795d721b-69d6-4453-92af-a54e6d1895e3.woff") format("woff"), url("/_ui/shared/fonts/mo-5423458/415bf4a9-7f2e-48c9-bf55-4378aaa5d221.ttf") format("truetype");
}
@font-face {
  font-family: "MarkOT-Regular";
  src: url("/_ui/shared/fonts/mo-5423476/85892bf5-3ec3-4b41-962d-b9c2d3dab2ad.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423476/85892bf5-3ec3-4b41-962d-b9c2d3dab2ad.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423476/3b985398-c848-456f-8878-6a5c2a72b82a.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423476/260903aa-66f6-4578-8f4e-aed460e46563.woff") format("woff"), url("/_ui/shared/fonts/mo-5423476/aee5511e-bc73-45e1-9963-0ff9e501ba59.ttf") format("truetype");
}
@font-face {
  font-family: "MarkOT-Book";
  src: url("/_ui/shared/fonts/mo-5423512/54057d6c-ad55-40c0-aa2d-4b1348b3195c.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423512/54057d6c-ad55-40c0-aa2d-4b1348b3195c.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423512/f1b16fb3-8503-4dce-80bc-07d3e0c30bd9.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423512/f242993f-4782-491e-a08d-79a4e639df80.woff") format("woff"), url("/_ui/shared/fonts/mo-5423512/1ccc3f71-d610-4aa1-ad7f-33d6aa9687be.ttf") format("truetype");
}
@font-face {
  font-family: "MarkOT-Light";
  src: url("/_ui/shared/fonts/mo-5423556/c053118e-d248-4983-a758-a8c6e40b30c0.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423556/c053118e-d248-4983-a758-a8c6e40b30c0.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423556/b97a8e0e-6cbd-4d13-87ec-633b3b66372f.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423556/0a9b15a7-4d29-4f81-b95e-01a521f3fb50.woff") format("woff"), url("/_ui/shared/fonts/mo-5423556/bbe0fd08-b480-4132-bce1-5722077c377b.ttf") format("truetype");
} */

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (min-width:1024px) {
  .nav-ad > .columns, .nav > .columns {
    padding: 0;
  }
  .nav-ad {
    margin: 0 auto;
    background-color: #929aa5;
  }
  .nav-ad p {
    padding: 10px;
    margin-bottom: 0;
    text-align: center;
    color: white;
    font-size: 12px;
    font-size: 0.75rem;
    font-family: "MarkOT-Regular";
  }
  .nav-ad a {
    color: white;
  }
  .nav-ad .ad-link:before {
    display: inline-block;
    content: '>';
    padding: 0 3px 0 15px;
  }
  .nav-ad.ad-kold {
    background-color: #41b6e6;
  }
  .nav-ad .columns {
    border-left: 1px solid white;
  }
  .nav-ad .columns:first-child {
    border-left: none;
  }
  
  
  .nav {
    margin: auto;
    position: relative;
    padding-bottom: 0;
    border-bottom: 2px solid #7A4C28;
  }

  .exp-67.nav{
    border-bottom: none;
  }

  .nav .keurig-logo {
    display: block;
    height: 32px;
    padding: 0;
    /*overflow: hidden;*/
  }
  .nav .kold-link img {
    position: relative;
    top: -2px;
    left: 0;
    float: left;
  }
  .nav .sub-nav {
    overflow: visible;
  }
  .sub-nav dd {
    margin: 0;
  }
  .sub-nav dd a {
    padding: 0;
    color: #333;
    font-size: 14px;
    line-height: 18px;
    font-family: "MarkOT-Medium";
    letter-spacing: 1px;
  }
  .sub-nav dd a:hover {
    text-decoration: underline;
  }
  .sub-nav dd:first-child a:after {
    content: '|';
    display: inline-block;
    margin: 0 10px;
    color: #d8dce0;
  }
  .sub-nav dd.sub-nav-shopping-cart a {
    display: block;
    height: 0;
    margin-right: 10px;
    padding: 40px 0 0;
    width: 40px;
    margin-left: 50px;
    overflow: hidden;
    position: relative;
    top: -10px;
    background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+FJREFUeNrMmFlIlFEUx8/ouIzjZDpjJi45baahBUqaD0GpPZT4ogktD4kgQUE99FhP9ZhtbwlJkRIEYlREUEYPWUJqoeUaOrmbu+MSzjh17nQmr8uM9874jR34w6B3+X333nPuuUd1t7QC/mdTe9A3CZWJykDtRsWggul/06geVDvqA6oa1eQNQAZQjCpCJbpoF0bahzpBf2tG3UeV0gcImY/Eh1xEmVAla8A5s0Tqa6Kx1OsFuAtVi7qN0q/DsdLTWLU0tkeAOag6VIoC55+NWU9zuAV4GlWF2qSgk+pojjOygLmohx56uYyjPqA5hQDjUeUoXy+GO1+aM34tQPY1FbT03jYdza12FQfPO3MIQ9hmOH70EARpNPDqbQ10/egFhRznAnn5ihVkQfiqs57ZhzNgky4Y1GpfSErYqeRKXuFupCWAxa7iXOXz12Dq7rP/3hKuVxJQTywrtrjIVa/5eQuMjk9CXGwUaAIDID83G2y239Kz22w2aGnvhLbvJlfNGMtNHjBZ5PoaQ0CHRUaEu71EWyMMawEmElOjA/CIyMCjHKDVugBNLR1gsViEwQxhobA9Lhr81ELhNZMHTBfpMT4x9e93p6kH3tc2SK0cAztXWCDaPJ13kgSRHlarFabMfzOl4GCt9NZasL+E7eEBo0R7ObaZxUWVSqWkN0fxTiJ8czBHMaIn+/v7Qer+vQg8ITxjuD5U9maRTwb4c5iemuy1N4lZNBkdW+LJVrdiYU//oEgzMw/YJww4sQj4rqbOHnQVsj4esJUC49qeaLGCeXoGdOjFxm1R0rN29w7AzOycSNNWHpC9DwpkPJkB7oiLsUvGausb4VPDV6GmPGC1zCStuK1aTaB0mGGndWBwWLR5NQ/YSO9WoedkR2e3XSzUxEZHwsjoOExMmld/SGuD7Pd278AQzM39EoVrJqYlYaYMdUNmRfJyssCAsW0BM5THlS+XhCBmLOs5lXcMAgL8YXpmFsqfvBC9TcpWywfvseMlHJ8wcTVQ4PX18Vk1CIeE6OxwjpXUajVCgYJYVgCyS/a6KCDLZuq+fLPHwYGhETD19K9o83N4FLowyWVtWju6nB6DZXaNL42ollW31OQ9KbAx9hl1gH2/s1edlR7s5g2AY6t2kodz9i5uo5f+ghfhFmhh2kQrC89QZ70EyeYopDmlajPspZ8vU8tzc1tZ/fCRu9Wtp+QwDQrANdDYVZ6U35ixMm4a6hJLB9cBbJzGSqOxwVNAh3ffQRlRl1EtboC1UF8jjSV0pchm1CwZLCGxInoW6iAsFtF1XLLpKKJ/RL0BLxXReWsi3VLSxf8IMAARBSZ+Ptu80gAAAABJRU5ErkJggg==") 0 50% no-repeat;
  }
  .sub-nav dd.sub-nav-shopping-cart a:hover {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA8xJREFUeNrMmVtIVEEYx7+jm2Xpim2QJRX7YJaRBlaaZQ8Z9aKyRAZRD4UgQUFBPUX1YtBLRT1FQXYxn1sseqhM6GJCZRfvBmWKFVKKbtnFXbf/nDPrHnXP2Zldz9rAXw67c2Z+OzPfZT4V/22a2ebym35ti2Lo1VARVAAth5ZASfy7H1Av1AU1QHVQcySTyAIygAqoHMoy6TefKwcq45+1QVehK/wHCLU4iR9yGOqGzoWBM2pZ/N1uPpZtugAzoEboAuSYhlPn4GM18rGjAiyGXkK5FpgHG/MVuZXiSAH3QMzG7RbacLI6h1vZKwtYCt2I0splDPU6IEtFATOhW1B8DL1hvDqnW8kMB8h+TQ1f+li3ZHVut2IzAzxoaBD2bKJtH4hKRojSSq2CZHMfMgJkTvik4atrq4nmOrEZiUTOA1au5AmsYlIowApTP/dkM9HXu9pz6jorAR2cZUqoKzd9bXSIyNOK7YXbSlhAVPiUyO+Vn37sL6I0HERvjVkvxnJeD5gtFL6G23S/c2MUa1QQDjAL25yNTOddAHCL0MCeluCz7xfRx0tEXo84WApyh0UunON5Ir1ZpjQOmC8G2IE/LH9TiL4gyLQclfR2ACsRTmTy9UayUugVH1zMSLf2nLhUfmt9P2V6r9ADpgu/Nsy32Y58VYmz0prT9UYiHjk8MJS0EqJZKcijjweBhc7gGtnIEkEyoJ7DwMGojEkmoU4rnIwyX6g/k2Oj8rN+eyQ0kx6wTxywPfj8FmGz55pVi9enB+zgzjp888JNjHxCXF6mRRXyy03bf5/o92eRnh16QHY/2CV+Dls1wMU7NMm09lNEnUJnt1EPWCc1SQ9i6ew0uBnZnBarPfBMtLPKpOgqC63S10kbrisLtxMNvcFN933oPnPgzhybYBj1RH/6RUduQxxeNdnNVEFnpQALH2vxlWUo9TkTXRBrLOspaobPTMW5w5l/kCkaTapC5YOXoe/icRWJawq3q7iE0E44KUODC6xkolDAGuAsUwBZFD8tHleRzXSd0XLCgQYks/em9hl8gc/vaH16bxofg4mtEts7nlEok6pbNm49uTQz7TW0HoBeo0uTl1/YPTMAx1Zttx7O6F7cCbGbvi+GcD51YVz+TtHKQi20L0aQbI79gKuVrc2w6sJOkqjlRbitZYCrjrS65eYG02QBXJM6tsu8CC2SErMybh50hDmOaQAb5GPl8bEpWsCAdV+EnNAxFvIjAGvn7zr5WEKXaiWKKj8rom+FNlCwiJ6sSzYDRfTn0EMyKqKHqfIr//u/If4JMADrI/bl6RLZYgAAAABJRU5ErkJggg==");
  }
  .secondary-nav, .util-nav, .nav-search {
    position: absolute;
    top: 20px;
    right: 0;
  }
  .nav-search {
    top: auto;
    bottom: 0;
  }
  .nav-search .search-box {
    float: right;
    height: 55px;
    width: 85%;
    padding: 0;
  }
  .nav-search .search-box:after {
    content: " ";
    display: table;
  }
  .nav-search .search-box:after {
    clear: both;
  }
  .nav-search input[type=text], .nav-search button {
    height: 35px;
    /* margin: 0;
    padding: 0 17px;
    background-color: #f2f2f2;
    font-family: "MarkOT-Regular";
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 35px; */
    color: #999;
    /* border: 1px solid #f2f2f2; */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    float: left;
  }
  .nav-search input[type=text] {
    -webkit-border-radius: 17px 0 0 17px;
    -moz-border-radius: 17px 0 0 17px;
    border-radius: 17px 0 0 17px;      /* firefox 18- */

    /* firefox 19+ */

    /* ie */
    box-shadow: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: -webkit-calc(100% - 55px);
    width: calc(100% - 55px);
  }
  .nav-search input[type=text]::-webkit-input-placeholder {
    color: #929aa5;
  }
  .nav-search input[type=text]:-moz-placeholder {
    color: #929aa5;
    opacity: 1;
  }
  .nav-search input[type=text]::-moz-placeholder {
    color: #929aa5;
    opacity: 1;
  }
  .nav-search input[type=text]:-ms-input-placeholder {
    color: #929aa5;
  }
  .nav-search button {
    -webkit-border-radius: 0 17px 17px 0;
    -moz-border-radius: 0 17px 17px 0;
    border-radius: 0 17px 17px 0;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQdJREFUeNqkkrEOAUEURWfXxkZFodxKoSAqP6DxG6j8yWr4A5Q6rUYn0ShFJyqhohYFxh25Yok3K+smZzOZeTk782aUeiUHQrAGF3AGC9AGnhKitX7wTAVszTzYgBEYgyPnZiAbJ8pRcgJN4ETqMqBH2SROFLKwqeQMWVO3idY8jmMRBRQNJJGLcYFN1RbRDuxBUSpweUO+io/PmxRFS1BjY6VUQZ61Yto8VldYT4M5uIGyrdke34nm7QQfO5lzrfPLg8zynWhimnvg+EaJ+WELpGyiZ8w76XOHUx63xLUWxaOoTBLZkqLkTZZE9FWWVCTKkuZNZkReQtEVNDhemY/zz7aiuQswAOoBivKDlydyAAAAAElFTkSuQmCC");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-indent: -9999px;
    width: 45px;
    margin-right: 0;
    position: relative;
    cursor: pointer;
  }
  .nav-search button:focus, .nav-search button:hover {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUVJREFUeNqs1D0sBEEYxvHZcyEqEkoaQqfSkYhGQyIKH4lLLqLTu0ZBoqFRKBWcj0SiokAjFDqJ5gidCpVKhcRm/EeeS1hzs068ye8mc7f73Oy8k43svilXIwoYQxveUcI6NjT/WSP2c8ho2oUrzOm7PRyiHWs4RYMJVEYrOUIzptCBHEbRihX0YTctqKAbZrAF++X3F8zq0QYxEApye3KH7cAfLmicCAW5jb1IrCRZD3hEZyjIdaPOpJe75jUU5Frcj/pASLeaUQoFuXPShMUK19RiVY++GQpyHTlXd1xoS2IlZ+jFMm7S9mgYx5jGvTb3CZfowRLmdc5qfEFZjc8Y0jkZV3fetCdF3CqkqGvyiH1B5ToRX+0oZFLzb2FZ8/uKdbPxhVUT5A87iPK8AeJqgyqtLPeXoGTYtfuIrLXmP+pDgAEA7UVLWrH4GN0AAAAASUVORK5CYII=");
  }
  .top-bar-section li:not(.has-form) a.kold-link:not(.button) .hilite {
    font-family: "MarkOT-Medium";
  }
  .top-bar-section li:not(.has-form) a.kold-link:not(.button):hover {
    color: #41b6e6;
  }

  /* Dropdowns */
  .top-bar-section .f-dropdown, .nav-search .f-dropdown {
    overflow: visible;    /*width: 100%;*/
    margin-top: 1px;
    z-index: 1000;
    background: white;    /* Old browsers */
    background: -moz-linear-gradient(top, white 0%, #e5e5e5 100%);    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e5e5e5));    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, white 0%, #e5e5e5 100%);    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, white 0%, #e5e5e5 100%);    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, white 0%, #e5e5e5 100%);    /* IE10+ */
    background: linear-gradient(to bottom, white 0%, #e5e5e5 100%);    /* W3C */
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#e5e5e5', GradientType=0)";
    box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.5);
  }
  .top-bar-section .f-dropdown:after, .nav-search .f-dropdown:after {
    content: " ";
    display: table;
  }
  .top-bar-section .f-dropdown:after, .nav-search .f-dropdown:after {
    clear: both;
  }
  .top-bar-section .f-dropdown h3 {
    margin: 0 0 2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 18px;
  }
  .top-bar-section .f-dropdown h3 a {
    font-family: "MarkOT-Medium";
    color: #333;
    display: inline-block;
  }
  .top-bar-section .f-dropdown h3 a:hover {
    text-decoration: underline;
  }
  .top-bar-section .f-dropdown h4 {
    margin: 0;
  }
  .top-bar-section .f-dropdown li:not(.has-form) a:not(.button) {
    padding: 0 0 0 15px;
    line-height: 24px;
    color: #333;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .top-bar-section .f-dropdown li:not(.has-form) h4 {
    font-size: 10px;
    font-size: 0.625rem;
    color: #929aa5;
    padding: 0 0 0 0;
  }
  .top-bar-section .f-dropdown ul li {
    float: none;
  }
  .top-bar-section .f-dropdown ul li > a:hover {
    text-decoration: underline;
  }
  .top-bar-section .f-dropdown .nav-dropdown-img {
    text-align: center;
  }
  .top-bar-section .f-dropdown .cols {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #d6d6d6;
    height: 100%;
    padding-bottom: 20px;
    float: left;
  }
  .top-bar-section .f-dropdown .cols:after {
    content: " ";
    display: table;
  }
  .top-bar-section .f-dropdown .cols:after {
    clear: both;
  }
  .top-bar-section .f-dropdown .cols ul {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .top-bar-section .f-dropdown .cols:first-child {
    border-left: none;
  }
  #content1Drop {
    max-width: 947px;
  }
  #content1Drop .nav-1-1 {
    min-width: 275px;
  }
  #content1Drop .nav-1-2 {
    min-width: 196px;
  }
  #content1Drop .nav-1-3 {
    min-width: 280px;
  }
  #content1Drop .nav-1-4 {
    min-width: 195px;
  }
  #content2Drop {
    max-width: 626px;
  }
  #content2Drop .nav-2-1 {
    min-width: 191px;
  }
  #content2Drop .nav-2-2 {
    min-width: 176px;
  }
  #content2Drop .nav-2-3 {
    min-width: 257px;
  }
  #content3Drop {
    max-width: 210px;
  }
  #content3Drop .nav-3-1 {
    min-width: 191px;
  }
  #content4Drop {
    max-width: 480px;
  }
  #content4Drop .nav-4-1 {
    min-width: 250px;
  }
  #content4Drop .nav-4-2 {
    min-width: 229px;
  }
  #content5Drop {
    max-width: 364px;
  }
  #content5Drop .nav-5-1 {
    min-width: 364px;
  }
  #content5Drop .nav-5-1 ul {
    width: 56%;
    float: left;
  }
  #content5Drop .nav-5-1 ul:last-child {
    width: 44%;
  }
  .autofill-search {
  	display: flex;
  }
  .autofill-search, .featured-search {
    padding: 0 30px 5px;
  }
  .autofill-search a:hover, .autofill-search a:hover .search-text, .featured-search a:hover, .featured-search a:hover .search-text {
    text-decoration: underline;
  }
  .nav-search .f-dropdown {
    display: none;
    position: absolute;
    top: 55px;
    left: 0;
  }
  .nav-search .f-dropdown h4 {
    font-size: 10px;
    font-size: 0.625rem;
    color: #929aa5;
    margin: 0 0 15px;
  }
  .nav-search .f-dropdown ul, .nav-search .f-dropdown li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-size: 0.75rem;
    font-family: "MarkOT-Regular";
  }
  .nav-search .f-dropdown li {
    position: relative;
    margin-bottom: 6px;      /*Changes*/
    padding-bottom: 6px;
    width: auto;
  }
  .nav-search .f-dropdown li:after {
    content: " ";
    display: table;
  }
  .nav-search .f-dropdown li:after {
    clear: both;
  }
  .nav-search .f-dropdown .search-img {
    width: 48px;
    height: 48px;
    overflow: hidden;
    display: inline-block;
    margin: 0 20px 0 0;
    text-align: center;
    float: left;
    clear: left;
  }
  .nav-search .f-dropdown .search-text {
    display: inline-block;
    width: 164px;
  }
  .nav-search .f-dropdown .featured-search .hilite {
    display: inline-block;
    padding-right: 10px;
    float: left;
  }
  .f-dropdown .search-suggestions li a {
    color: #929aa5;
  }
  .f-dropdown .search-suggestions li a .autofill-hilite {
    color: #333;
  }
  .f-dropdown .featured-search li a {
    color: #333;
  }
  .search-suggestions, .search-related {
    float: left;
  }
  .search-suggestions {
    width: 33.333%;
  }
  .search-related {
    width: -webkit-calc(66.666% - 20px);
    width: calc(66.666% - 20px);
    padding-left: 20px;
    border-left: 1px solid #d6d6d6;
  }
  .top-bar {
    height: 0;
    border: none;
  }
  .top-bar .title-area {
    height: 0;
    display: none;
  }
  .f-dropdown div ul li {
    padding-left: 10px !important;
  }
  .sr-only {
    font-size: 0px;
  }
}
@media screen and (min-width:1024px) {
  .nav .keurig-logo {
    margin-left: 25px;
  }
  .sub-nav dd.sub-nav-shopping-cart a {
    width: 65px;
  }
  .nav-search .search-box {
    width: 80%;
    margin-right: 10px;
  }
  .nav-search input[type=text] {
    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px);
  }
  .nav-search button {
    margin-right: 25px;
  }
  .top-bar-section .f-dropdown li:not(.has-form) a:not(.button), .top-bar-section .f-dropdown li:not(.has-form) h4 {
    padding: 0 0 0 25px;
  }
}
@media screen and (min-width:1200px) {
  .sub-nav dd.sub-nav-shopping-cart a {
    margin-right: 0;
  }
  .nav-search .search-box {
    margin-right: 0;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (min-width:745px) {
  #miniCartDrop.f-dropdown.content {
    z-index: 1000;
    padding: 15px 0 22px;
    width: 447px;
    overflow: hidden;
    color: #333;
    box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.25);
  }
  #miniCartDrop.f-dropdown.content h2, #miniCartDrop.f-dropdown.content h3 {
    padding: 0 22px 0;
    margin: 0;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 17px;
    font-family: "MarkOT-Regular";
  }
  #miniCartDrop.f-dropdown.content h3 {
    padding-bottom: 5px;
    border-bottom: 3px solid #f2f2f2;
  }
  #miniCartDrop.f-dropdown.content sup {
    top: 0.2em;
  }
  #miniCartDrop.f-dropdown.content p, #miniCartDrop.f-dropdown.content li {
    margin: 0;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 18px;
  }
  #miniCartDrop.f-dropdown.content ul {
    margin: 0;
  }
  #miniCartDrop.f-dropdown.content .columns {
    padding: 0;
  }
  .mini-cart-content {
    padding: 22px 22px 30px;
    border-bottom: 3px solid #f2f2f2;
  }
  .mini-cart-content .item-img {
    text-align: center;
  }
  .mini-cart-content p {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 18px;
  }
  .mini-cart-content .item-name {
    font-family: "MarkOT-Medium";
  }
  .total-num {
    text-align: right;
  }
  .estimated-total.row, .mini-cart-note {
    margin: 0 22px;
    padding: 15px 0 13px;
    border-bottom: 1px solid #d8dce0;
  }
  .mini-cart-btns {
    padding: 22px 22px 5px;
    text-align: center;
  }
  .mini-cart-btns button {
    margin: 0;
  }
  .mini-cart-btns .view-cart-btn {
    margin-right: 2px;
  }
  .shipping-note {
    position: relative;
    padding-left: 30px;
  }
  .shipping-note:before {
    content: ' ';
    display: inline-block;
    width: 25px;
    height: 22px;
    background: transparent url("data:image/gif;base64,R0lGODlhGQAWAOYAAP////7+/v39/fr6+vn5+fz8/Pj4+Li4uPT09LOzs/v7+7S0tOrq6unp6efn54qKivb29re3t7a2ttvb27q6uqCgoKWlpUpKSpSUlJGRkbm5uePj4+bm5u/v7+jo6MXFxSUlJUdHR8PDw9PT083NzcLCwuTk5Pf394WFhaioqKysrIaGhry8vJqamo2NjXR0dJOTkz09PTw8PBsbGxEREaampp2dncvLy5iYmODg4M/Pz9zc3GZmZvX19cjIyLGxsZWVlVBQUDk5Ob6+vp6enoiIiBwcHBUVFe3t7ezs7MrKyt3d3UxMTHl5eRQUFBAQEG5ubtra2sfHx3h4eNLS0oGBgTY2Nj8/P/Pz8ykpKaurq6GhoYmJiU5OTq6urmtra7+/v1NTU4+Pjzo6OmFhYY6Ojq2treLi4lFRUb29vX5+fnV1dXFxcUBAQDIyMvHx8ZCQkNjY2PDw8LKysru7u9HR0evr65ubm3d3dy8vL8bGxk1NTRgYGIyMjAAAAAAAACH5BAAAAAAALAAAAAAZABYAAAf/gAEAHl9XTHsyUA0iISkOcgQAkpOUcS9zJB96dRI8TRt3IpSjklF4N6QlIS8ALQuCpJIXaQAcBzkBkQAaIGsAFgmCsJR8HQE1IBW5BYILM2oAKsEAw5J5EwFKUx8AAwACBbtHKAFe09VuS9XU394HNA8FZgsCo0YO3Qbhwu0AB08uAqSQoIBSlgnf+EmCZQAABXgAtkTwJgkMFyTUFLIDEImCkxWtJi4cgiIJgHCxuvmbUQVAnwoIJtFZYQdAwWrCmEmJwQZCBQuUWDxgwHHjQgANT8i4EK3IKAplPBSFJajhhjZkGFhwgfDorgz4ItVDCmCDkCANSgAxMWqsBAz4XSh6OzMGzRsfGIiSGrsAAweb9XbE6IKABIwG32KNTZDhLwATYS4goJKB6NhYsBLAwYLggZUBOsQgvpkyoz8bRA5oiYCjQ2nMPVj8gDACxggCCCCcMEBAweXXwAEEAgA7") 50% 50% no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */



/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
h1 {
  line-height: 54px;
}
h2 {
  font-family: "MarkOT-Regular";
  color: #333;
  line-height: 44px;
  font-weight: normal;
}
.body1 {
  color: #647785;
  font-size: 16px;
  font-size: 1rem;
  line-height: 23px;
  font-weight: normal;
}
.body2, .body3 {
  color: #333;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 22px;
  font-weight: normal;
}
.body3 {
  color: #929aa5;
}
.italic {
  font-style: italic;
}
.bold {
  font-family: 'MarkOT-Bold';
}
.uppercase {
  text-transform: uppercase;
}
.hilite {
  color: #41b6e6;
}
a.hilite:hover {
  color: #1182cf;
}
.block {
  display: block;
}
sup {
  position: relative;
  top: -0.2em;
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
.text-link {
  font-family: "MarkOT-Regular";
  color: #333;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 22px;
  text-decoration: underline;
  font-weight: normal;
}
.text-link:hover {
  text-decoration: none;
}
.text-link.text-light {
  color: #ffffff;
}
.kold .link {
  font-family: "MarkOT-Medium";
  color: #41b6e6;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  padding-left: 20px;
  display: inline-block;
  background: transparent url("../img/global/link-arrow-icon.png") no-repeat 0 45%;
}
.kold .link:hover {
  color: #1182cf;
  background: transparent url("../img/global/link-arrow-icon-hover.png") no-repeat 0 40%;
}
.link-light {
  font-family: "MarkOT-Medium";
  color: #ffffff;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  padding-left: 20px;
  background: transparent url("../img/global/link-arrow-icon-light.png") no-repeat 0 60%;
}
.link-light:hover {
  color: #cfedf9;
  background: transparent url("../img/global/link-arrow-icon-light-hover.png") no-repeat 0 60%;
}
.primary-cta {
  font-family: "MarkOT-Medium";
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 50px;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  height: 50px;
  width: auto;
  padding: 0 30px;
  border: none;
  display: inline-block;
}
.kold .primary-cta {
  color: #ffffff;
  background-color: #41b6e6;
}
.kold .primary-cta:hover {
  background-color: #1182cf;
}
.primary-cta-light {
  font-family: "MarkOT-Medium";
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 50px;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  height: 50px;
  width: auto;
  padding: 0 30px;
  border: none;
  display: inline-block;
}
.kold .primary-cta-light {
  color: #41b6e6;
  background-color: #ffffff;
}
.kold .primary-cta-light:hover {
  color: #1182cf;
}
.secondary-cta {
  font-family: "MarkOT-Medium";
  color: #333;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 48px;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  height: 48px;
  width: auto;
  padding: 0 29px;
  background-color: #ffffff;
  border: 1px solid #333;
  display: inline-block;
}
.secondary-cta:hover {
  color: #ffffff;
  background-color: #333;
}
.secondary-cta-light {
  font-family: "MarkOT-Medium" !important;
  color: #929aa5 !important;
  font-size: 0.8125rem !important;
  line-height: 48px !important;
  font-weight: normal !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  height: 48px !important;
  width: auto !important;
  padding: 0 29px !important;
  background-color: #ffffff !important;
  border: 1px solid #929aa5 !important;
  display: inline-block !important;
}
.secondary-cta-light:hover {
  color: #ffffff !important;
  background-color: #929aa5 !important;
}
.primary-btn, .secondary-btn {
  padding: 18px 38px;
  font-size: 16px;
  font-size: 1rem;
  color: white;
  font-family: "MarkOT-Medium";
  font-weight: 700;
  text-transform: uppercase;
}
.primary-btn {
  background-color: #f4b100;
  border: 1px solid #c87e00;
}
.primary-btn:hover {
  background-color: #c87e00;
  border: 1px solid #f4b100;
}
.secondary-btn {
  background-color: #c1c6cc;
  border: 1px solid #929aa5;
}
.secondary-btn:hover {
  background-color: #929aa5;
  border: 1px solid #c1c6cc;
}
.paypal-btn {
  background: white;
  font-family: "MarkOT-Regular";
  text-align: center;
  color: black;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 36px;
  border: 1px solid #d6d6d6;
  padding: 0 77px;
}
.paypal-btn .paypal-img {
  display: inline-block;
  width: 104px;
  height: 36px;
  padding: 0;
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF4AAAAdCAYAAAAjHtusAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAB7dJREFUeNrsWmlsVFUUvq+drlCoNKWyVDqWbixplU3RqOASo0ZJDBpEjQpGiYZI/OGGKAYVScQ9MUSEgEHi0qggRqMsKqK4sCi0rGIpSCmUQqHr0Oc57ffwcnreMIWBQsJJvszMfffdd+93z3bPG8d1XXNezrw454nvQOKdopfttm6EvnzN5x7eqTrCYcJ+wqEOm319gzFDBxgzcogxzTSt45WoMyGXEI85a8LrqCUcwFqiLamYg8dlozsuuIa/BJTO0wgTIhiUJ7uCMJfwRZjFnT5JSjDmB1pHsKcx+VlEYYN99X7CmxGMEiL8SFhA+ACbES3hOcy0fh/1OI9ROl8R4aAXEEYRPiM81iEaz1udlGhM6Q7SJeIv5rjlDIhwFCbiGsIskBQXpdnFQdtt2ep9kcQnETJO4iHPtGOh0ZUEWt+aTWRzZHyBWM+qyRRM95MY7WHCtVGaWSJcti0lfsRnY9K2HCEsJSwmrPN5CMeFmzpG60ntk2mNG7aR7S0zJraF+HRCT9GzkbAabvEnQpPPiKOipRKEHNFWapuZLTkIRrZ8TphEaMBg1xHeJaTYQVpZ6JmVeJr2zgovwLLV9hA9yCzM7UgG2A1cTCgm9Bb9+kRpRp0ImcocVI3PUTR+A2Ev4SA+vyT8rOUYPg9na0gjdBX+M95CrLWBcVZ7JP62tW+ME29q6wOmeCkHXXYzF4p+PPdyEM8ZzK+EJRGuIxkxLQ2ficKXe/O1FTlL4XdzOI2PFW07laCRKNqaCXus30HCzYQbCHnYzH+xYXNgLXfD3B1kSFPQ9xFrHL4+j7BWIYPn+QDh0mPjuO4+Ezo6Ff5dbtoOH8WQ8o/1vTss/DZCP0IXzPV3wnxCJeE+8OEgNX0HY+Qp2dMuP+KzFb9YJtouIQwUbVWEVfjO5jxdCSxswpcR7iVsIQwTBE+Bljwq7svDJkoZjUzE9vcrTX3jVOM4F4m+nMb9KdqY1BHKuCvwOZzwEuFqcZ3HLiSMIawX62BZ5EP8djtVDYiMJk0htAtIZC0tgL9PFf3+JvyCyczGWCZMIJaT9TR6PVzAEOtaP9xTZbVlYnPt1LKKUsvxZnBBnGkKBcX4DVCibMyNP8crcakKOf1QwkLFR8sMcJiSLlZaCiOv1WvE9wHJ8uQ1AxqZjN2OU7LpVwn9YWaS9EosJgmpmua3vWjP7mi5IJ4zlJGET6y2V9oEQdd9lnx7qRlUkG4O12WR1ssMYxLSxQQQnqLM4y1Yx2yFdM7uvscGXgVfL6XMUpACcW0LXFEb4oMK8ey78k8Q3BYi83lbmcz72Lg9eNZA+OxMH+JdbNIEHPk9P2wTzz71TnH/R3TnbPLvpFONXYn0oBIPck6wjpU46Y5TziRLcFYpQzzjjOk9uCNJ/D4kEhmKxoe0rCZLIT6cNEIzxkP7JBnfIlBuQka0H9r8mjLWJuv7avugARkI8tjiJot572jxxYmBBnPH9VyzSUG/SIWt+RvEHtbWh8R1dn8T4Q75ejXm9zqhRklEmnFiDSg+3mgan6V0rsfDHCsy14KcWdBOz6w6C/fzhk9q9pfSttn6vkfx89nQrrEiAWC38KJpbFpnxtxIEYo8YyiUoaRxR+HyXOt3IwLufFhsCM9MF/eyhW7zUZbDwmXtxme+yA5DsghnE91bmezb8NsB7GS1CHLGJ5C4PgQbxeSPWAHJE08Dvc1Mg6VktnExjjOXiG89OLUenvoqz2Rin8YaXGhqhc/c5AFym886gkLZ6izicwXxZeCuDfFajYbJ+NQn/zXi1BqvtPVR7mXf96Ci7Q2ibTlSsv7WIWmQ4k9foAwmZPLoUSnJTHxA2VgXcWhThIcxWQ7v4bPmsULbK4TGO+JscMAewDPJnkpRab+PVmg1wnJlYtNEZC9CsC1SiJcu6aDlxvwLc45TamrIYAZTxtmNwlNzc4IP8Vsj9Pe7Yem2TET10nbJbH23Kopa7mPVbYgPWMRnKDlteYQTXg/y7BPtlSgZb8cG90V9xChplhYLiuFutDPBvJbaufcipFd3zma8tDFXyeG3R7iOVXAJyVZbPur0JfDVmZYlypJEJawgVSG+yY94GVT2hangGaWe8zHhHtGeqxChEa+9RPkOWYJW036qNWSRcmaQ+0+ltdbUejWVoLLo2gjXUQOrnCzaewHhpALWkqsoyy7ZOcbyY06EQcX4FJamoRbj9yaqDCVZE0ENxXMR1Uq94/EWl8BX40hvYpzWDfj/RBuj1MDb83ZsBo79oTDu6GvpOnB694JuV5F2tyE+YGnRMhAYCzezoJ1l0M3we5NQW+mEzaxD/WM68mvvbUUiLGWjz3hPoABmC2dZX7U6EFpPESnX8ELKi46VQKpx3bUKeh+GIdFP60fjEHcX3EYsXNZarIN5eg5ewoW2F1sWtghnIuZ3jVbN1V52R0vSoX0VJ3EvF9MWi9oR59y3HCvasU8vpBg2agQ5kvrTWelPhevYqwTedos7LqhWJ6MplaewYTMF6ayFTyqV0jMh1YrLO2WJMWeXsCLwi/PLRfscI19asIHzO1b28+fgf4PONuILETxt+YPwfJue/JK7hOLZbxtb/+ZxjkngLJtPCQpizeIwdaCtylB8PkSHp6pD8m8d54Sc/wtfB8l/AgwAv5IHpHzO5wMAAAAASUVORK5CYII=") 50% 50% no-repeat;
  text-indent: -99999px;
}
.paypal-btn:hover, .paypal-btn:active, .paypal-btn:focus {
  background: white;
  color: black;
}
.secondary-cta-light-auto {
  line-height: normal !important;
  padding-top: 13px !important;
  padding-bottom: 13px !important;
  height: auto !important;
}
@media screen and (min-width:960px) {
  .text-link {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 22px;
  }
  .kold .link {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
  }
  .link-light {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
  }
  .primary-cta {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 50px;
  }
  .primary-cta-light {
    font-size: 14px !important;
    line-height: 50px;
  }
  .secondary-cta {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 48px;
  }
  .secondary-cta-light {
    font-size: 14px !important;
    line-height: 48px;
  }
  .secondary-cta-light-auto {
    line-height: normal !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    height: auto !important;
  }
}
@media screen and (min-width:1200px) {
  .text-link {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 22px;
  }
  .kold .link {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
  }
  .link-light {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
  }
  .primary-cta {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 50px;
  }
  .primary-cta-light {
    font-size: 15px !important;
    line-height: 50px;
  }
  .secondary-cta {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 48px;
  }
  .secondary-cta-light {
    font-size: 15px !important;
    line-height: 48px;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (min-width:745px) {
  .modules {
    padding: 50px 15px !important;
  }
  .readmore-content {
    display: none;
  }
  .detail-content {
    height: auto !important;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
.email-signup-form-success {
  display: none;
}
@media screen and (min-width:745px) {
  .email-signup-modal.reveal-modal {
    width: 100%;
    max-width: 500px;
    background-color: #e5e5e5;
  }
  .email-signup-form {
    text-align: center;
    color: #232323;
    font-family: "MarkOT-Regular";
    font-weight: normal;
  }
  .email-signup-form h3 {
    font-size: 30px;
    font-size: 1.875rem;
  }
  .email-signup-form h4 {
    font-size: 16px;
    font-size: 1rem;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d6d6d6;
    display: inline-block;
  }
  .email-signup-form p.small {
    font-size: 13px;
    font-size: 0.8125rem;
    width: 90%;
    margin: 0 auto 15px;
  }
  .email-signup-form form {
    width: 70%;
    margin: 0 auto;
    text-align: left;
  }
  .email-signup-form label {
    font-weight: 700;
  }
  .email-signup-form input[type=email] {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
  }
  .email-signup-form .signinSubmit {
    margin: 0 15px;
  }
  .email-signup-form .signinBtn {
    background-color: #f8c612;
    text-transform: uppercase;
    width: 100%;
  }
  .email-signup-form small.error {
    margin: 0 17px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */

/* Custom radio and checkbox input */
input[type=checkbox], input[type=radio] {
  display: none;
}
input[type=checkbox] + label, input[type=radio] + label {
  position: relative;
  padding-left: 45px;
}
input[type=checkbox] + label:before, input[type=radio] + label:before {
  content: ' ';
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #41b6e6;
}
input[type=radio] + label:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
input[type=checkbox]:checked + label:before, input[type=radio]:checked + label:before {
  border: 2px solid #41b6e6;
  color: #41b6e6;
}
input[type=checkbox]:checked + label:after, input[type=radio]:checked + label:after {
  content: ' ';
  position: absolute;
  display: block;
  width: 15px;
  height: 15px;
  top: 5px;
  left: 5px;
  background-color: #41b6e6;
}
input[type=radio]:checked + label:after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#registerBrewerForm .control-group .field input[type="radio"] {
  display: inline !important;
}
.add-item-to-ad-overlay .filter div {
  position: relative;
  display: inline-block;
}
.add-item-to-ad-overlay input[type=radio] {
  display: block;
  position: absolute;
  left: 14px;
  top: 6px;
  opacity: 0.01;
  z-index: 100;
  cursor: pointer;
}
.add-item-to-ad-overlay input[type=radio]:focus + label:before {
  outline: 2px solid #85BFFD;
}
/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (max-width:744px) {

  /**************************************************/

  /* MODULE_NAME: rtbs
  /**************************************************/
  .rtbs-block {
    text-align: left;
    margin: 0;
  }
  .rtbs-block li {
    margin: 50px 0 30px;
    padding: 0;
    position: relative;
  }
  .rtbs-block li:after {
    content: " ";
    display: table;
  }
  .rtbs-block li:after {
    clear: both;
  }
  .rtbs-block img {
    height: 114px;
    float: left;
    margin: 0 15px;
  }
  .rtbs-block .img-identifier {
    display: none;
  }
  .rtbs-block .img-info {
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 172px;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 15px;
    padding-right: 30px;
    color: #929aa5;
  }
  #rtbs {
    margin-bottom: 50px;
  }
  #rtbs h2 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    font-family: "MarkOT-Regular";
    padding: 0 60px;
    margin: 50px 0 25px;
  }
  #rtbs sup {
    top: 0.2em;
  }
  #rtbs .body1, #rtbs .body3 {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 17px;
    margin-bottom: 0;
  }
}
@media screen and (min-width:745px) {
  .rtbs-block {
    padding: 20px 50px;
  }
  .img-identifier {
    font-family: "MarkOT-Medium";
    font-size: 45px;
    font-size: 2.8125rem;
    color: #929aa5;
    margin-bottom: 0;
    line-height: 48px;
  }
  .img-info {
    font-family: 'MarkOT-Bold';
    padding: 0 50px;
    line-height: 18px;
  }
  sup {
    position: relative;
    top: 3px;
    left: 0;
  }
  .reg {
    font-size: 0.7em;
    top: 1px;
  }
  .disclaimer {
    padding-bottom: 0;
    margin-bottom: 5px;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (min-width:745px) {

  /**************************************************/

  /* MODULE_NAME: support
  /**************************************************/
  .support {

    /*background: transparent url("../img/modules/support/support-background.png");*/
    background-repeat: no-repeat;
    background-position: center;
    height: 300px;
  }
  .support.modules {
    padding: 41px 15px 0 15px;
  }
  .support h2, .support p {
    color: #ffffff;
  }
  .support sup {
    font-size: .7em;
    font-weight: 100;
  }
  .support .title {
    line-height: 34px;
  }
  .support .tagline {
    margin-bottom: 44px;
    font-weight: 100;
  }
  .support .support-link {
    margin-top: 10px;
  }
  .support .call-us {
    margin-top: 50px;
    font-family: "MarkOT-Light";
  }
  .support .call-us .bolder {
    font-family: "MarkOT-Bold";
  }
  .support > div {
    padding-left: 0;
    padding-right: 0;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (min-width:745px) {

  /**************************************************/

  /* MODULE_NAME: techspecs
  /**************************************************/
  .techspecs {
    background: #f1f1f1;
    max-width: 75rem;
  }
  .techspecs h2 {
    padding-bottom: 40px;
    margin-bottom: 0;
  }
  .techspecs h3 {
    font-size: 45px;
    font-size: 2.8125rem;
    color: #41b6e6;
    line-height: 48px;
    font-family: "MarkOT-Medium";
  }
  .techspecs h4 {
    font-family: "MarkOT-Medium";
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    text-transform: uppercase;
    color: #647785;
  }
  .techspecs .specs-info {
    margin-top: 10px;
  }
  .techspecs .specs-info li ul, .techspecs .specs-info li ul li {
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
  .techspecs .specs-info li p {
    margin-bottom: 0;
  }
  .techspecs .specs-info .specs-line {
    border-bottom: 1px solid #d8dce0;
    padding: 8px 0;
  }
  .techspecs img {
    margin-top: 10px;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (max-width:744px) {

  /**************************************************/

  /* MODULE_NAME: videoplayer
  /**************************************************/
  .videoplayer {
    padding: 50px 15px 0;
  }
  .videoplayer h2 {
    margin-bottom: 15px;
  }
  .videoplayer p {
    margin-bottom: 25px;
  }
  .videoplayer sup {
    line-height: 14px;
  }
  .videoplayer .video-js {
    width: 100%;
    height: 0;
    padding-bottom: 48.33333%;
    position: relative;
  }
  .videoplayer .video-js object {
    width: 100%;
    max-width: 1200px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  /*
  HTML5 Video player
  ---------------------------*/

  /*.bc-player-046d714b-2a49-4004-ad27-451595fd6d21_default .vjs-big-play-button:before {
    font-size: 40px;
    line-height: 40px;
    margin: 36px 0 0 36px;
  }
  .bc-player-046d714b-2a49-4004-ad27-451595fd6d21_default.vjs-mouse .vjs-big-play-button {
    width: 105px;
    height: 105px;
    top: 45%;
    left: 45%;
  }
  .bc-player-046d714b-2a49-4004-ad27-451595fd6d21_default .vjs-big-play-button:hover {
    box-shadow: none;
    background: $arctic-blue;
  }
  .bc-player-046d714b-2a49-4004-ad27-451595fd6d21_default .vjs-big-play-button {
    border-radius: 52px;
  }
  */

  /*---*/
  .bc-player-046d714b-2a49-4004-ad27-451595fd6d21_default .vjs-big-play-button {
    background: transparent;
    border: 4px solid #a8b7bf;
    opacity: 0.8;
    width: 85px;
    height: 85px;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .bc-player-046d714b-2a49-4004-ad27-451595fd6d21_default .vjs-big-play-button {
    border-radius: 52px;
  }
  .bc-player-046d714b-2a49-4004-ad27-451595fd6d21_default.vjs-mouse .vjs-big-play-button {
    width: 85px;
    height: 85px;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .bc-player-046d714b-2a49-4004-ad27-451595fd6d21_default .vjs-big-play-button:hover {
    box-shadow: none;
    border: 4px solid #41b6e6;
  }
  .bc-player-046d714b-2a49-4004-ad27-451595fd6d21_default .vjs-big-play-button:before {
    font-size: 55px;
    font-size: 3.4375rem;
    line-height: 55px;
    margin: 15px 0 0 19px;
    opacity: 1;
    color: #a8b7bf;
    box-shadow: none;
  }
  .bc-player-046d714b-2a49-4004-ad27-451595fd6d21_default .vjs-big-play-button:hover:before {
    color: #41b6e6;
  }
}
@media screen and (min-width:745px) {
  .videoplayer {
    padding: 50px 0 !important;
  }
  .videoplayer h2 {
    margin-bottom: 15px;
  }
  .videoplayer p {
    margin-bottom: 55px;
  }
  .videoplayer sup {
    line-height: 14px;
  }
  .videoplayer .video-js {
    width: 100%;
    height: 0;
    padding-bottom: 48.33333%;
    position: relative;
  }
  .videoplayer .video-js object {
    width: 100%;
    max-width: 1200px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .videoplayer .BrightcoveExperience {
    width: 100% !important;
    width: 1200px \0/IE9 !important;      /* IE9 */
  }

  /*
  HTML5 Video player
  ---------------------------*/

  /*.bc-player-046d714b-2a49-4004-ad27-451595fd6d21_default .vjs-big-play-button:before {
    font-size: 40px;
    line-height: 40px;
    margin: 36px 0 0 36px;
  }
  .bc-player-046d714b-2a49-4004-ad27-451595fd6d21_default.vjs-mouse .vjs-big-play-button {
    width: 105px;
    height: 105px;
    top: 45%;
    left: 45%;
  }
  .bc-player-046d714b-2a49-4004-ad27-451595fd6d21_default .vjs-big-play-button:hover {
    box-shadow: none;
    background: $arctic-blue;
  }
  .bc-player-046d714b-2a49-4004-ad27-451595fd6d21_default .vjs-big-play-button {
    border-radius: 52px;
  }
  */

  /*---*/
  .bc-player-046d714b-2a49-4004-ad27-451595fd6d21_default .vjs-big-play-button {
    background: transparent;
    border: 4px solid #a8b7bf;
    opacity: 0.8;
    width: 85px;
    height: 85px;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .bc-player-046d714b-2a49-4004-ad27-451595fd6d21_default .vjs-big-play-button {
    border-radius: 52px;
  }
  .bc-player-046d714b-2a49-4004-ad27-451595fd6d21_default.vjs-mouse .vjs-big-play-button {
    width: 85px;
    height: 85px;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .bc-player-046d714b-2a49-4004-ad27-451595fd6d21_default .vjs-big-play-button:hover {
    box-shadow: none;
    border: 4px solid #41b6e6;
  }
  .bc-player-046d714b-2a49-4004-ad27-451595fd6d21_default .vjs-big-play-button:before {
    font-size: 55px;
    font-size: 3.4375rem;
    line-height: 55px;
    margin: 15px 0 0 19px;
    opacity: 1;
    color: #a8b7bf;
    box-shadow: none;
  }
  .bc-player-046d714b-2a49-4004-ad27-451595fd6d21_default .vjs-big-play-button:hover:before {
    color: #41b6e6;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (min-width:745px) {

  /**************************************************/

  /* MODULE_NAME: youll_also_like
  /**************************************************/
  .youll-also-like .accessories-container {
    width: 100%;
    margin: 70px auto 40px auto;
  }
  .youll-also-like .item-container {
    display: inline-block;
    vertical-align: top;
  }
  .youll-also-like .item-container .item {
    display: inline-block;
  }
  .youll-also-like .item-container .item:hover .item-link {
    text-decoration: underline;
  }
  .youll-also-like .item-container .item .item-link {
    font-family: "MarkOT-Medium";
    font-size: 16px;
    font-size: 1rem;
    color: #333;
    margin-top: 30px;
    display: block;
  }
  .youll-also-like .explore-accessories {
    margin-bottom: 5px;
    display: inline-block;
  }
  .youll-also-like.five-items .item-container {
    width: 19%;
  }
  .youll-also-like.four-items .accessories-container {
    width: 85%;
  }
  .youll-also-like.four-items .item-container {
    width: 24%;
  }
  .youll-also-like.three-items .accessories-container {
    width: 76%;
  }
  .youll-also-like.three-items .item-container {
    width: 26%;
  }
  .youll-also-like.two-items .accessories-container {
    width: 75%;
  }
  .youll-also-like.two-items .item-container {
    width: 25%;
  }
  .youll-also-like.one-items .accessories-container {
    width: 100%;
  }
  .youll-also-like.one-items .item-container {
    width: 100%;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (min-width:745px) {

  /**************************************************/

  /* MODULE_NAME: about_pods
  /**************************************************/
  .about-pods {
    background: url("../img/modules/about_pods/pods-background.jpg") no-repeat center;
    height: 300px;
  }
  .about-pods h2, .about-pods p {
    color: #ffffff;
  }
  .about-pods p a {
    font-size: 16px;
    font-size: 1rem;
  }
  .about-pods sup {
    top: 0.3em;
    line-height: 10px;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (min-width:745px) {

  /**************************************************/

  /* MODULE_NAME: anchorlinks
  /**************************************************/
  .anchor-links .sub-nav {
    max-width: 1200px;
    margin: 0 auto;
    border-top: 1px solid #d8dce0;
    border-bottom: 1px solid #d8dce0;
    padding: 0;
    height: 60px;
  }
  .anchor-links .sub-nav dd .reg-link {
    height: 58px;
    line-height: 58px;
    width: 100%;
    display: inline-block;
    text-decoration: none;
    text-align: center;
  }
  .anchor-links .sub-nav dd .reg-link:hover {
    text-decoration: none;
    color: #ffffff;
    background: #333;
    border: none;
    font-family: "MarkOT-Bold";
  }
  .anchor-links .sub-nav dd .reg-link:after {
    content: none;
  }
  .anchor-links .sub-nav dd .animated-cta {
    display: inline-block;
    width: 0;
    line-height: 58px;
    height: 58px;
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    border: none;
    transition: width 0.4s linear;
    font-family: "MarkOT-Bold";
  }
  .anchor-links .sub-nav dd .animated-cta:hover {
    color: #ffffff;
    text-decoration: none;
  }
  .anchor-links .sub-nav dd:first-child a:after {
    content: none;
  }
  .anchor-links .sub-nav dd.active {
    background: #333;
    color: #ffffff;
  }
  .anchor-links .sub-nav dd.active .reg-link {
    background: #333;
    border: none;
    font-family: "MarkOT-Bold";
  }
  .anchor-links .sub-nav dd.active a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0;
  }
  .anchor-links .sub-nav dd a {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .anchor-links .sub-nav dd a sup {
    line-height: 10px;
  }
  .anchor-links.fixed {
    padding: 0;
  }
  .anchor-links.fixed .sub-nav dd .animated-cta {
    width: 100%;
  }
  [data-magellan-expedition], [data-magellan-expedition-clone] {
    padding: 0;
  }
  .flexbox .anchor-links .sub-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .flexbox .anchor-links .sub-nav dd {
    -ms-flex: auto;
    flex: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .flexbox .anchor-links .sub-nav dd.columns {
    padding: 0;
    width: auto;
    position: static;
  }
  .flexbox .anchor-links .sub-nav dd.init-hide {
    position: absolute;
    left: -99999px;
  }
  .flexbox .anchor-links.fixed .sub-nav dd.init-hide {
    position: static;
    left: auto;
  }
  .ie9- .anchor-links .sub-nav {
    display: table;
    width: 100%;
  }
  .ie9- .anchor-links .sub-nav dd {
    float: none;
    display: table-cell;
    width: auto;
  }
  .ie9- .anchor-links .sub-nav dd.columns {
    padding: 0;
  }
  .ie9- .anchor-links .sub-nav dd.init-hide {
    display: none;
  }
  .ie9- .anchor-links.fixed .sub-nav dd.init-hide {
    display: table-cell;
    position: relative;
  }
  .ie9- .anchor-links.fixed .sub-nav dd.init-hide.active {
    background-color: white;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (min-width:745px) {

  /**************************************************/

  /* MODULE_NAME: beta_CTA
  /**************************************************/
  .beta-cta {

    /* background: transparent url("../img/modules/beta_cta/beta-background.jpg") no-repeat center;*/
    height: 300px;
  }
  .beta-cta h2, .beta-cta p {
    color: #ffffff;
  }
  .beta-cta h2 {
    line-height: 1;
  }
  .beta-cta p {
    padding: 0;
  }
  .beta-cta p a.text-link.text-light {
    color: inherit;
    font-size: 13px;
  }
  .beta-cta .row > div {
    padding-left: 0;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (min-width:745px) {

  /**************************************************/

  /* MODULE_NAME: brandpromotion
  /**************************************************/
  .brand-promotion {
    padding: 0;
  }
  .brand-promotion .brand {
    height: 620px;
  }
  .brand-promotion .brand p {
    padding-top: 20px;
    font-size: 24px;
    font-size: 1.5rem;
    font-family: "MarkOT-Regular";
    color: #ffffff;
    line-height: 36px;
  }
  .brand-promotion .pods-section {
    height: 230px;
    padding-top: 30px;
    padding-left: 37px;
  }
  .brand-promotion .pods-section .brand-pod h3 {
    font-size: 16px;
    font-size: 1rem;
    font-family: "MarkOT-Regular";
    line-height: 23px;
    color: #ffffff;
    padding-top: 10px;
    width: 130px;
    margin-left: -8px;
  }
  .brand-promotion .pods-section .brand-pod:hover h3 {
    text-decoration: underline;
  }
  .flyte .brand {
    background: url("../img/modules/brandpromotion/flyte-background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .flyte .pods-section {

    /*background-color: #ed2125;*/
  }
  .redbarn .brand {
    background: url("../img/modules/brandpromotion/redbarn-background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .redbarn .pods-section {

    /*background-color: #aa473d;*/
  }
  .flynns .brand {
    background: url("../img/modules/brandpromotion/flynns-background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .flynns .pods-section {

    /*background-color: #E28331;*/
  }
  .seraphine .brand {
    background: url("../img/modules/brandpromotion/seraphine-background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .seraphine .brand p {
    color: #333;
  }
  .seraphine .pods-section {

    /*background-color: #00adef;*/
  }
  .waterful .brand {
    background: url("../img/modules/brandpromotion/waterful-background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .waterful .brand p {
    color: #333;
  }
  .waterful .pods-section {

    /*background-color: #693c8e;*/
  }
  .tierneys .brand {
    background: url("../img/modules/brandpromotion/tierneys-background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .tierneys .pods-section {

    /*background-color: #523629;*/
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (min-width:745px) {

  /**************************************************/

  /* MODULE_NAME: drinkmaker_shop
  /**************************************************/
  .shop .facebook-link {
    background: transparent url("../img/global/facebook.png");
    width: 32px;
    height: 32px;
    display: block;
    margin-bottom: 3px;
  }
  .shop .twitter-link {
    background: transparent url("../img/global/twitter.png");
    width: 32px;
    height: 32px;
    display: block;
    margin-bottom: 3px;
  }
  .shop .gplus-link {
    background: transparent url("../img/global/gplus.png");
    width: 32px;
    height: 32px;
    display: block;
    margin-bottom: 3px;
  }
  .shop sup {
    font-size: 13px;
  }
  .shop .drinkmaker-pod {
    font-size: 10px;
    font-size: 0.625rem;
    color: #333;
  }
  .shop .drinkmaker-pod img {
    margin-right: 8px;
  }
  .shop h2 sup {
    top: -5px;
    line-height: 15px;
  }
  .shop li sup {
    font-size: 8px;
    top: 0px;
  }
  .shop h3 {
    font-family: "MarkOT-Regular";
    font-size: 20px;
    line-height: 24px;
    color: #333;
  }
  .shop h4 {
    font-family: "MarkOT-Medium";
    font-size: 14px;
    font-size: 0.875rem;
    color: #333;
  }
  .shop .detail-content {
    color: #647785;
    overflow: hidden;
    height: 70px;
  }
  .shop .detail-content.long {
    height: auto;
  }
  .shop .detail-content sup {
    line-height: 10px;
  }
  .shop .readmore {
    font-family: "MarkOT-Medium";
    font-size: 14px;
    font-size: 0.875rem;
    color: #647785;
    text-decoration: underline;
    display: block;
    margin-top: -20px;
  }
  .shop .readmore:hover {
    text-decoration: none;
  }
  .mixed-media-viewer {
    padding: 0;
  }
  .mixed-media-viewer #s7viewer {
    height: 456px !important;
  }
  .mixed-media-viewer #s7viewer_divSpinButton {
    visibility: visible;
  }
  .mixed-media-viewer #s7viewer_fullScreenButton {
    display: none;
  }
  .mixed-media-viewer .s7mixedmediaviewer .s7spinbuttons .s7panrightbutton, .mixed-media-viewer .s7mixedmediaviewer .s7spinbuttons .s7panleftbutton {
    background-color: #d8dce0;
  }
  .touch .mixed-media-viewer #s7viewer {
    margin: 0 0 80px 0;
  }
  .touch .mixed-media-viewer #s7viewer_spinLeftButton {
    top: 100px;
  }
  .touch .mixed-media-viewer #s7viewer_spinRightButton {
    top: 100px;
  }
  .touch .mixed-media-viewer #s7viewer_swatches {
    bottom: -100px;
  }
  .touch .mixed-media-viewer #s7viewer_setIndicator {
    top: 450px !important;
  }
  .mixed-media-viewer #s7viewer {
    margin: 15px 0 20px 0;
  }
  .mixed-media-viewer #s7viewer_spinLeftButton {
    top: 25px;
  }
  .mixed-media-viewer #s7viewer_spinRightButton {
    top: 25px;
  }
  .mixed-media-viewer #s7viewer_swatches {
    bottom: -20px;
  }
  .mixed-media-viewer #s7viewer_setIndicator {
    top: 325px !important;
  }
}
@media screen and (min-width:1024px) {
  .touch .mixed-media-viewer #s7viewer {
    margin: 0 0 120px 0;
  }
  .touch .mixed-media-viewer #s7viewer_spinLeftButton {
    top: 125px;
  }
  .touch .mixed-media-viewer #s7viewer_spinRightButton {
    top: 125px;
  }
  .touch .mixed-media-viewer #s7viewer_swatches {
    bottom: -130px;
  }
  .touch .mixed-media-viewer #s7viewer_setIndicator {
    top: 475px !important;
  }
  .mixed-media-viewer #s7viewer {
    margin: 15px 0 20px 0;
  }
  .mixed-media-viewer #s7viewer_spinLeftButton {
    top: 25px;
  }
  .mixed-media-viewer #s7viewer_spinRightButton {
    top: 25px;
  }
  .mixed-media-viewer #s7viewer_swatches {
    bottom: -20px;
  }
  .mixed-media-viewer #s7viewer_setIndicator {
    top: 325px !important;
  }
}
@media screen and (min-width:1200px) {
  .mixed-media-viewer #s7viewer {
    margin: 15px 0 20px 0;
  }
  .mixed-media-viewer #s7viewer_spinLeftButton {
    top: 25px;
  }
  .mixed-media-viewer #s7viewer_spinRightButton {
    top: 25px;
  }
  .mixed-media-viewer #s7viewer_swatches {
    bottom: -20px;
  }
  .mixed-media-viewer #s7viewer_setIndicator {
    top: 325px !important;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
.email-signup {
  background: #e5e5e5;
  border-top: 3px solid white;
}
.email-signup h2 {
  color: #647785;
  margin-top: 15px;
  padding: 0 50px;
  line-height: 24px;
  font-size: 20px;
  font-size: 1.25rem;
}
.email-signup p {
  color: #647785;
}
.email-signup .email-form {
  padding: 15px 30px 30px;
}
.email-signup .email-input-container {
  position: relative;
}
.email-signup .email-input {
  width: 100%;
  height: 100%;
  min-height: 31px;
  border-radius: 20px;
  margin: 0;
  padding-left: 20px;
  padding-right: 40px;
}
.email-signup .airplane-btn {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAaCAYAAABCfffNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAidJREFUeNq0lV9IU1Ecx7dRD2IPPRg4BEdg9GAPgSBkkiQqjF4K9EXwtQX1otBTSSUUoU4mAxXJXmKEYSKi7kFZQT3MaYoEPTQJK2pSUSQIYbHr5wdHuYxzd+9d2w8++92dP7/vOed3/ngNw/CU2o7IT3M88xI3AZOJoH+v2CI+5SVwH3xA8CYcL4XIGhyDt9APnxEKQ3UxRVJQAZUwrgR71MxiUPc/Il5JvBrxR1U2CZtwK6dtAsIQJ2+GaxGV/O9qNmK34R881PR5B0PwxOkmMYss4IKqXAovQxWMWPTdhiiMIfbTSU7EVs3iEINX0AVZTV/J3334xACjcNKtiEclf1ZyAB3w1yJGOdyANELPoD7fcvlxXzVBXkAbtMJzKHOQhtfqKMyzlNnDmfAnYyFyESLUy4wuwY4DkUa1CqO5yyX2xqLTdWYaQuhgVr9sRNJwhfYhnUgqT0dJ7gU6LvPdBD80bUS8G87QbkaXeF3yzXYUphAKEECun3PwRdXJmRqGGuoiuefHa77qCXAC981mKTbgPIF2RZDvXkky/9/bHkaT0BYuYCM0De1OrxefpmzFpo+c9Hk1IC+0FCJitcP+wAM4xQwe42vVjTBYiIgu+U/hNMHlZjYY/QB+XXLj+PnNs1xJ2ZIET5rKGtRb43P7aHlMJ/83bgk6JWCOgNQv4q4W9J64NZbsDu6ubGmEz7rNiSMj8D3co0K3sBu7BnMlWy43ti/AAD3Wzo6E24/lAAAAAElFTkSuQmCC") no-repeat 0 50%;
  width: 25px;
  height: 36px;
  position: absolute;
  top: 0;
  right: 13px;
  line-height: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
}
.email-signup .airplane-btn:hover {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAaCAYAAABCfffNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAihJREFUeNq0lV9IU1Ecx7ehD1IPIQpG0BAKH+phIAT9QRE0kF4M6kXotQX1kuBTjsoopFxMBiVSvciQRYWIywcjhXpYU0sRemgilWhRMVEQRGXXzw+Ochnn7t67th989rs7f37fc87v/PEahuEptZXJT+W92Uncc4hnQoGtYov4lJfA3bCIYCccKoXIZzgI8/AQlhAKw9FiiqSgCmpgQAl2qJnFoP5/RLySeDXiH6osDgtwK6ftewjDGHkzXIuo5P9VsxHrgh3o0fT5Co9h0OkmMYu8xbWqcilsgyPwxKLvb4hCP2IZJzkRmzaLQww+wBXIavpK/u7DTwYYhVq3Ih6V/BHJAVyGbYsYB+AGpBF6CafyLddh3IomyASchxZ4DRUO0vBRHYUES5ndnwl/flmINEGEepnRBVh3IHJOrcLT3OUSm7HodJ2ZBhHam9WqjUgaLtI+qBNJ5ekoyW2g4ye+G+Gfpo2I34STtBvWJV6XfLOVwyuE/ASQ6+c0LKs6OVN9cIy6SO758ZqvegJU4/7YLMUcnCXQhgjyHZIk8/+b7WE0CX3H+W2E3sAlp9eLT1M2ZdNHTnpCDcgLzYWIWO2wTXgAx5nBC/wJdSP0FiKiS/4Q1BFcbmaD0T/Cf5HcOH5+8yxXUrYkwZOmsjPqrfG5fbQ8ppO/hnsH7RIwR0Dqx3FXC3pP3BpLdht3R7Y0wgG3OXFkBL6Le1boFnZj12C0ZMvlxnYFGAABZc6OvozqhQAAAABJRU5ErkJggg==") no-repeat 0 50%;
}
.email-signup .error-text {
  display: none;
}
.email-signup .error .error-text {
  margin: 5px 0 0 20px;
  display: block;
}
.email-signup .error .email-input {
  border: 2px solid red;
}
@media screen and (min-width:745px) {

  /**************************************************/

  /* MODULE_NAME: email_signup
  /**************************************************/
  .email-signup {
    background-image: transparent url("../img/modules/email_signup/email-background.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height: 300px;
  }
  .email-signup h2 {
    color: #ffffff;
    line-height: 44px;
    font-size: 36px;
    font-size: 2.25rem;
  }
  .email-signup p {
    color: #ffffff;
  }
  .email-signup .email-form {
    position: relative;
    top: 0;
    left: 0;
    width: 345px;
    margin: 32px auto 0;
    height: 40px;
    padding: 0;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (min-width:745px) {

  /**************************************************/

  /* MODULE_NAME: featured-beverages
  /**************************************************/
  .featured-beverages.modules {
    padding: 0 !important;
  }
  .featured-beverages .pod-options {
    background: url("../img/modules/featured_beverages/featured-beverages.jpg") no-repeat center;
    background-size: cover;
    height: 350px;
  }
  .featured-beverages .pod-options h2 {
    margin-top: 115px;
    margin-bottom: 20px;
  }
  .featured-beverages .shop-drink {
    text-align: center;
    padding-left: 25px;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (min-width:745px) {

  /**************************************************/

  /* MODULE_NAME: influencers
  /**************************************************/
  .influencers {
    padding: 0 !important;
  }
  .influencers .influencers-single {
    background: transparent url("../img/modules/influencers/faded-background.jpg") no-repeat center;
    height: 300px;
  }
  .influencers .influencers-single h3 {
    color: #ffffff;
    font-family: "MarkOT-Regular";
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 36px;
  }
  .influencers .influencers-single .quote {
    font-size: 100px;
    font-size: 6.25rem;
    font-family: "MarkOT-Regular";
    color: #ffffff;
    opacity: 0.5;
    position: relative;
    top: 0;
    line-height: 80px;
    height: 80px;
  }
  .influencers .influencers-single .quote-left {
    top: 15px;
    left: 0;
  }
  .influencers .influencers-single .quote-right {
    top: 90px;
    right: 0;
  }
  .influencers .influencers-single .influencers-content {
    padding-top: 50px;
  }
  .influencers .influencers-double {
    background: transparent url("../img/modules/influencers_double/faded-background-double.jpg") no-repeat center;
    background-size: cover;
    height: 300px;
  }
  .influencers .influencers-double:first-child {
    border-right: 1px solid #68bce8;
  }
  .influencers .influencers-double h3 {
    color: #ffffff;
    font-family: "MarkOT-Regular";
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
  }
  .influencers .influencers-double .quote {
    font-size: 60px;
    font-size: 3.75rem;
    font-family: "MarkOT-Regular";
    color: #ffffff;
    opacity: 0.5;
    position: relative;
    top: 0;
    line-height: 70px;
    height: 70px;
  }
  .influencers .influencers-double .quote-left {
    top: 0;
    left: 0;
  }
  .influencers .influencers-double .quote-right {
    top: 90px;
    right: 0;
  }
  .influencers .influencers-double .influencers-content {
    padding: 60px 0 0 0;
  }
}
@media screen and (min-width:1024px) {
  .influencers {
    padding: 0;
  }
  .influencers .influencers-single h3 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 44px;
  }
  .influencers .influencers-single .quote {
    font-size: 200px;
    font-size: 12.5rem;
    line-height: 100px;
    height: 100px;
  }
  .influencers .influencers-double h3 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 28px;
  }
  .influencers .influencers-double .quote {
    font-size: 110px;
    font-size: 6.875rem;
    font-family: "MarkOT-Regular";
    color: #ffffff;
    opacity: 0.5;
    position: relative;
    top: 0;
    line-height: 100px;
    height: 100px;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (min-width:745px) {

  /**************************************************/

  /* MODULE_NAME: recipes
  /**************************************************/
  .recipes h2 {
    margin-bottom: 0;
  }
  .recipes h3 {
    margin-bottom: 0;
    margin-top: 8px;
    color: #41b6e6;
    font-family: "MarkOT-Regular";
    font-size: 30px;
    font-size: 1.875rem;
    color: #1182cf;
  }
  .recipes p {
    margin-bottom: 40px;
  }
  .recipes .ingredients {
    margin-top: 15px;
  }
  .recipes .ingredients li {
    padding-bottom: 13px;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (min-width:745px) {

  /**************************************************/

  /* MODULE_NAME: recommendation
  /**************************************************/
  .recommendation .pods-container {
    width: 100%;
    margin: 50px auto 40px auto !important;
  }
  .recommendation .beverage-container {
    display: inline-block;
    vertical-align: top;
  }
  .recommendation .beverage-container .beverage {
    display: inline-block;
  }
  .recommendation .beverage-container .beverage:hover .pod-link {
    text-decoration: underline;
  }
  .recommendation .beverage-container .beverage .pod-link {
    font-family: "MarkOT-Medium";
    font-size: 16px;
    font-size: 1rem;
    color: #333;
    margin-top: 30px;
    display: block;
  }
  .recommendation .explore-beverages {
    margin-bottom: 5px;
    display: inline-block;
  }
  .recommendation.five-beverages .beverage-container {
    width: 19%;
  }
  .recommendation.four-beverages .pods-container {
    width: 85%;
  }
  .recommendation.four-beverages .beverage-container {
    width: 24%;
  }
  .recommendation.three-beverages .pods-container {
    width: 76%;
  }
  .recommendation.three-beverages .beverage-container {
    width: 26%;
  }
  .recommendation.two-beverages .pods-container {
    width: 75%;
  }
  .recommendation.two-beverages .beverage-container {
    width: 25%;
  }
  .recommendation.one-beverages .pods-container {
    width: 100%;
  }
  .recommendation.one-beverages .beverage-container {
    width: 100%;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (min-width:745px) {

  /**************************************************/

  /* MODULE_NAME: beverages_pdp_hero
  /**************************************************/
  .beverages-hero .facebook-link {
    background: transparent url("../img/global/facebook.png");
    width: 32px;
    height: 32px;
    display: block;
    margin-bottom: 3px;
  }
  .beverages-hero .twitter-link {
    background: transparent url("../img/global/twitter.png");
    width: 32px;
    height: 32px;
    display: block;
    margin-bottom: 3px;
  }
  .beverages-hero .gplus-link {
    background: transparent url("../img/global/gplus.png");
    width: 32px;
    height: 32px;
    display: block;
    margin-bottom: 3px;
  }
  .beverages-hero .drinkmaker-machine {
    font-size: 12px;
    font-size: 0.75rem;
    color: #333;
  }
  .beverages-hero .drinkmaker-machine img {
    margin-right: 8px;
  }
  .beverages-hero h3 {
    font-family: "MarkOT-Regular";
    font-size: 24px;
    font-size: 1.5rem;
    color: #333;
  }
  .beverages-hero h4 {
    font-family: "MarkOT-Medium";
    font-size: 14px;
    font-size: 0.875rem;
    color: #647785;
  }
  .beverages-hero .specifics {
    font-family: "MarkOT-Light";
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 20px;
    color: #333;
    margin: 0;
  }
  .beverages-hero .detail-content {
    color: #647785;    /*overflow: hidden;
                                            height: 30px;*/
  }
  .beverages-hero .detail-content sup {
    line-height: 10px;
  }
  .beverages-hero .detail-content.long {
    height: auto;
  }
  .beverages-hero .readmore {
    font-family: "MarkOT-Medium";
    font-size: 14px;
    font-size: 0.875rem;
    color: #647785;
    text-decoration: underline;
    display: block;
    margin-top: -20px;
  }
  .beverages-hero .readmore:hover {
    text-decoration: none;
  }
  .beverages-hero .nutrition {
    color: #333;
  }
  .beverages-hero .reveal-modal {
    width: 397px;
  }
  .beverages-hero sup {
    position: relative;
    top: 3px;
    left: 0;
  }
  .beverages-hero .main-img {
    margin-top: 45px;
  }
  .beverages-hero .hero-top {
    margin-bottom: -100px;
  }
  .beverages-hero .img-details {
    margin-left: 0;
  }
  .beverages-hero .img-details li {
    display: inline-block;
    margin-right: 3px;
  }
  .beverages-hero .social-media-links {
    margin-top: 160px;
  }
  .beverages-hero .reg-price-title {
    border-bottom: 1px solid #adadad;
    padding-bottom: 9px !important;
    margin-bottom: 14px !important;
  }
  .beverages-hero .reg-price-title, .beverages-hero .prod-name {
    font-family: "MarkOT-Bold" !important;
    font-size: 12px !important;
    line-height: 15px !important;
    color: #333 !important;
  }
  .beverages-hero .large-exception {
    font-family: "MarkOT-Light";
    font-size: 12px;
    font-size: 0.75rem;
    color: #929aa5;
    line-height: 15px;
  }
  .beverages-hero .price-row {
    height: 110px;
    border-bottom: 1px solid #adadad;
    margin-bottom: 15px;
  }
  .beverages-hero .price-row .reg-price {
    font-family: "MarkOT-Medium" !important;
    font-size: 16px !important;
    line-height: 18px !important;
    color: #333 !important;
  }
  .beverages-hero .price-row .columns {
    padding: 0;
  }
  .beverages-hero .price-row .prod-qty {
    float: right;
  }
  .beverages-hero .price-row .prod-qty .decrease, .beverages-hero .price-row .prod-qty .increase {
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #929aa5;
    color: #929aa5;
    display: inline-block;
    width: 23px;
    height: 23px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
  }
  .beverages-hero .price-row .prod-qty .qtyProd {
    font-family: "MarkOT-Regular";
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    width: 30px;
    position: relative;
    top: -5px;
    -webkit-outline: none;
    -moz-outline: none;
    -ms-outline: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
  }
  .beverages-hero .price-row-small {
    height: 24px;
  }
  .beverages-hero .drinkmakerColor {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-bottom: 12px;
    float: right;
    cursor: pointer;
  }
  .beverages-hero .drinkmaker-white {
    background-color: #FFF;
    border: 1px solid #333;
    margin-right: 5px;
    margin-bottom: 10px;
  }
  .beverages-hero .drinkmaker-black {
    background-color: #333;
    border: 1px solid #333;
  }
  .beverages-hero .count.qtyProd {
    background-color: #FFF;
    width: 50px;
    text-align: left;
    display: inline-block;
    border: none;
  }
  .beverages-hero .full-width {
    margin-bottom: 10px !important;
    padding: 0 !important;
    width: 100% !important;
    text-align: center !important;
  }
  .beverages-hero .auto-delivery {
    background: transparent url(../images/common-icons-sprite.png) -0px -71px no-repeat;
    height: 45px;
    padding: 13px 0 0 55px;
    margin-bottom: 10px;
    width: 269px;
  }
  .beverages-hero .auto-delivery-info {
    height: 40px;
    overflow: hidden;
    margin-bottom: 5px;
    width: 269px;
  }
  .beverages-hero .auto-delivery-info.long {
    height: auto;
  }
  .beverages-hero .learnmore {
    text-decoration: underline;
    color: #929aa5;
    letter-spacing: 1px;
  }
  .beverages-hero .learnmore:hover {
    text-decoration: none;
    color: #929aa5;
    letter-spacing: 1px;
  }
  .beverages-hero .drinkmaker-colorHexCode {
    border: 1px solid #333;
    margin-right: 5px;
    margin-bottom: 10px;
  }
  .tooltip {
    background: #ffffff;
    border: 2px solid #929aa5;
    border-radius: 3px;
  }
  .tooltip > .nub {
    border: solid 6px;
    border-color: transparent transparent #929aa5 transparent;
    top: -14px;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (max-width:744px) {

  /**************************************************/

  /* MODULE_NAME: beverages_row
  /**************************************************/
  .drinks {
    margin: 0 15px !important;
  }
  .drinks .columns {
    padding: 0 7px;
  }
  .drinks .drink-link {
    height: 100%;
    display: block;
  }
  .drinks .drink-link img {
    margin-bottom: 10px;
  }
  .drinks .drink-link .shop-drink {
    display: none;
  }
  .drinks .coke {
    background: #f40009;
  }
  .drinks .red-barn {
    background: #7c000f;
  }
  .drinks .tierneys {
    background: #ff8b03;
  }
  .drinks .canada-dry {
    background: #153726;
  }
  .drinks .waterful {
    background: #683de9;
  }
  .drinks .flyte {
    background: #001fa5;
  }
}
@media screen and (min-width:745px) {
  .drinks {
    height: 375px;
  }
  .drinks .link-light {
    padding-left: 0;
  }
  .drinks .drink-link {
    height: 100%;
    display: block;
  }
  .drinks .drink-link img {
    margin-bottom: 10px;
  }
  .drinks .drink-link .shop-drink {
    font-family: "MarkOT-Medium";
    color: #ffffff;
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    padding-left: 20px;
    margin-left: -20px;
    background: transparent url("../img/global/link-arrow-icon-light.png") no-repeat 35% 4px;
  }
  .drinks .drink-link:hover .shop-drink {
    text-decoration: underline;
    color: #ffffff;
    background: transparent url("../img/global/link-arrow-icon-light.png") no-repeat 35% 4px;
  }
  .drinks .coke {
    background: #f40009;
    height: 100%;
  }
  .drinks .red-barn {
    background: #7c000f;
    height: 100%;
  }
  .drinks .tierneys {
    background: #ff8b03;
    height: 100%;
  }
  .drinks .canada-dry {
    background: #153726;
    height: 100%;
  }
  .drinks .waterful {
    background: #683de9;
    height: 100%;
  }
  .drinks .flyte {
    background: #001fa5;
    height: 100%;
  }
}

/**************************************************/

/* MODULE_NAME: carousel
/**************************************************/
.carousel-item {
  position: relative;
  top: 0;
  left: 0;
}
.carousel-item .secondary-header {
  font-size: 44px;
  font-size: 2.75rem;
  font-family: 'MarkOT-Medium';
  line-height: 50px;
}
.carousel-item .body-copy {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: 'MarkOT-Bold';
  line-height: 22px;
}
.carousel-item .button {
  background-color: #ffffff;
  color: #333;
  padding: 20px 30px;
  display: block;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.9375rem;
  font-family: 'MarkOT-Bold';
}
.carousel-item .expiration {
  font-family: 'MarkOT-Bold';
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 14px;
}
.carousel-item .small-title {
  font-family: 'MarkOT-Bold';
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16px;
  text-transform: uppercase;
}
@media screen and (min-width:745px) {
  .carousel-item.item1 a.kold-learn-more {
    position: absolute;
    top: 123px;
    left: 230px;
    background-position: 0 4px;
  }
  .carousel-item.item1 a.kold-learn-more:hover {
    background-position: 0 4px;
  }
  .carousel-item.item2 .exclusive {
    font-size: 14px;
    font-size: 0.875rem;
    font-family: 'MarkOT-Bold';
    line-height: 22px;
    position: absolute;
    top: 76px;
    left: 40%;
    color: #ed9043;
    text-transform: uppercase;
  }
  .carousel-item.item2 .secondary-header {
    color: #ffffff;
    position: absolute;
    top: 117px;
    left: 27%;
  }
  .carousel-item.item2 .body-copy {
    color: #ffffff;
    position: absolute;
    top: 180px;
    left: 31%;
  }
  .carousel-item.item2 .body-copy .specifics {
    color: #f8c612;
  }
  .carousel-item.item2 .button {
    position: absolute;
    top: 263px;
    left: 42%;
  }
  .carousel-item.item2 .expiration {
    position: absolute;
    top: 300px;
    left: 40%;
    color: #ffffff;
  }
  .carousel-item.item3 .small-title {
    color: #333;
    position: absolute;
    left: 550px;
    top: 83px;
  }
  .carousel-item.item3 .secondary-header {
    color: #333;
    position: absolute;
    top: 113px;
    left: 550px;
  }
  .carousel-item.item3 .body-copy {

    /*font-family: 'MarkOT-Light';*/
    color: #333;
    position: absolute;
    top: 175px;
    left: 550px;
  }
  .carousel-item.item3 .button {
    position: absolute;
    top: 242px;
    left: 550px;
  }
  .carousel-item.item3 .expiration {
    position: absolute;
    top: 353px;
    left: 553px;
    color: #333;
  }
  .carousel-item.item4 .small-title {
    position: absolute;
    color: #333;
    top: 56px;
    left: 90px;
  }
  .carousel-item.item4 .secondary-header {
    position: absolute;
    left: 90px;
    top: 86px;
    color: #333;
  }
  .carousel-item.item4 .body-copy {
    position: absolute;
    top: 198px;
    left: 90px;
    color: #333;    /*font-family: 'MarkOT-Light';*/
    width: 450px;
  }
  .carousel-item.item4 .button {
    position: absolute;
    top: 265px;
    left: 90px;
  }
  .carousel-item.item4 .expiration {
    position: absolute;
    left: 90px;
    top: 335px;
    color: #333;
  }
}
@media screen and (max-width:1024px) {
  .carousel-item.item3 .small-title, .carousel-item.item3 .secondary-header {
    left: 453px;
  }
  .carousel-item.item3 .expiration {
    top: 360px;
    left: 620px;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (min-width:745px) {

  /**************************************************/

  /* MODULE_NAME: grid-alert
  /**************************************************/
  .grid-content .grid-alert {
    background-color: #929aa5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
  }
  .grid-content .grid-alert p {
    padding: 10px 20px;
    color: white;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .grid-content .grid-alert a {
    color: white;
    text-decoration: underline;
  }
  .grid-content .grid-alert a#close-button {
    font-size: 1.8rem;
    line-height: 0.8;
    position: absolute;
    top: 0.4rem;
    right: 1.375rem;
    font-family: 'MarkOT-Bold';
    cursor: pointer;
    text-decoration: none;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (min-width:745px) {

  /**************************************************/

  /* MODULE_NAME: grid_content
  /**************************************************/
  .grid-content {
    background: #f1f1f1;
    padding-top: 15px;
  }
  .grid-content h2, .grid-content h3, .grid-content p {
    font-family: "MarkOT-Regular";
    color: #232323;
    padding: 0;
  }
  .grid-content h2 {
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 12px;
    margin: 0;
  }
  .grid-content h3 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 20px;
    margin: 0 0 15px;
  }
  .grid-content p {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 19px;
    margin: 0 0 5px;
  }
  .grid-content .star-rating {
    width: 85px;
    height: 0;
    padding: 15px 0 0;
    overflow: hidden;
    background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFMAAACHCAYAAABqHWU5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0VJREFUeNrs3DFOG0EUxnHbJH2ugJQEiciCjtCmwYUbThAppwgHQMk1cguoKCiAerskEiVHSBEJ5zMaFLPYszvzHvZ4/R9ptMLe/Xb8vF7DT0/0J5NJj+EzBoueeLu9PZpO6wmsOaWso03Gq8ixX8P2zPg6rDmlrKMxoz/vY67qf9TmKvx4+Pv29jrznTTllLKOthmDOQdtaXMy89BJeCz15KacUtaRkvFwZeqJ6eV7oPle853m69p+fzV/af7UvNG78n3BSU05pawjN+PxyrzQ/KS5O+egXnhsN+xzEXkTrTmlrCMr46GYquqNNmPNP5EFTp8bh33nDmtOKevIzRjMHHypzXHkwOOwT3RYc0pZR05G/QvoLnLgXcI925pTyjqSMurF3IkcuJPwIqw5pawjKaNezA9hW2kehVnVnmszrDmlrCMpo/4X0BvNL5o/dC+4D78i7GvzWXMv4UVYc0pZR1JGH+hYAnQwKCYEty4EV1XVaDohOAiuHILTFfkkYzgcQnA5OSrks4zwGATXJkfFSsrQlQrBQXBLIDhdaa0yvp2ejsO+T7+A9PE4inzbjXTi85b3KVNOKetIzYDgIDgIDoKD4CA41IhiMiA4CA6Cg+AgOAgOgoPgILj/GY8ERxdcZKhIjRlhHwgOgoPgIDgIrpah++N9+LUJgkONKCbF7DTBNfEZBAfBLZ/g2vAZBOfIZxDcgnXk8BkEB8G9PMHldLB5EBxdcM33y2iGCkkXHAQHwUFwEBwEhxpRTAYEB8FBcBAcBAfBQXAQXKcIbpbPPDI62wWX2sHmkQHBQXAQHATXFYJr4jMIDjWimIwuEJwHnUFwEJxvjgedQXBOdLbRBOdBZxAcBOdPcB7da6skuE53waV0sHlkQHAQHAQHwUFwEBxqRDEZEBwEB8FBcBAcBAfBQXCrJLgYna2S4IrrgvPoXvPKoQsOgoPgILh1IzgDnUFwqBGDYq4dwVnpC4KD4PwJzkpfEJwTfW08wVnpC4KD4F6G4KxdbOtOcEV2wXl0r3nl0AUHwUFwEBwEB8GhRhSTAcFBcBAcBAfBQXAQHATXW/H/YKML7vkiTN1ndMFBcBAcBLfJBJdJXxAc0MFwG/8EGAAG8JvEYCyUoAAAAABJRU5ErkJggg==") 0 0 no-repeat;
  }
  .grid-content .stars-5-0 {
    background-position: 0 0;
  }
  .grid-content .stars-4-5 {
    background-position: 0 -15px;
  }
  .grid-content .stars-4-0 {
    background-position: 0 -30px;
  }
  .grid-content .stars-3-5 {
    background-position: 0 -45px;
  }
  .grid-content .stars-3-0 {
    background-position: 0 -60px;
  }
  .grid-content .stars-2-5 {
    background-position: 0 -75px;
  }
  .grid-content .stars-2-0 {
    background-position: 0 -90px;
  }
  .grid-content .stars-1-5 {
    background-position: 0 -105px;
  }
  .grid-content .stars-1-0 {
    background-position: 0 -120px;
  }
  .grid-content .tile-desc {
    margin-bottom: 25px;
  }
  .grid-content .tile-discl p, .grid-content .tile-autodelivery p, .grid-content .tile-autodelivery a {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 14px;
    color: #929aa5;
  }
  .grid-content button {
    background: white;
    border: 2px solid #333;
    color: #333;
    width: 100%;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: 700;
  }
  .grid-content button:hover, .grid-content button:active, .grid-content button:focus {
    color: white;
    background-color: black;
  }
  .grid-content .prod-name, .grid-content .prod-qty {
    font-family: "MarkOT-Regular" !important;
  }
  .grid-content .reg-price, .grid-content .member-price {
    font-family: "MarkOT-Medium" !important;
  }
  .price-data ul {
    position: relative;
    width: 100%;
    margin: 0;
  }
  .price-data li {
    display: inline-block;
    position: absolute;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #232323;
  }
  .tile-autodelivery {
    position: relative;
    padding: 0 0 0 55px;
  }
  .tile-autodelivery:before {
    width: 55px;
    height: 42px;
    content: url("../img/grid/autodelivery-icn.png");
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
  }
  .tile-autodelivery h4 {
    color: #333;
    font-size: 16px;
    font-size: 1rem;
    font-family: "MarkOT-Regular";
    padding: 0;
    margin: 0 0 5px;
  }
  .tile {
    margin-bottom: 20px;
  }
  .tile-content {
    background: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
  }
  .tile-content:after {
    position: absolute;
    top: 15px;
    right: 20px;
  }
  .kold-tile .tile-content:after {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAWCAYAAAAmaHdCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYNJREFUeNqsVD1LA0EQzWk6DVp6Jq1GsFIOwdZUFmpqf4DxfpEkv8JoYZVaOKK1xtbc2cpiqecMvDleNndB0YXHfs6bNzO7G+R5XvtrC5Skc5dV7TcAB8y10XFYW6ow3ETfEkwFobc+08pI1mC4LdjAmhrvYP1HJO+CA8FYsIU1JUwEUVlYdfLkKJwpiBKsXYEg85ToODUlJt8krwqeBGfY134iWKezuxgX4USQv0ceVNkb5qogoPD2Bfewm8lJT9AX5KiGelshUjW4pvAu/MSOieBccItwOLEjwReMlwUD2BWJbXuXqg3ckOcT5MV550tL/OtmSp7R58jNgMYaZowQNZxL7BdPh6vTQwWM4Ejwgn0NowPluv+J3MxVpw8ibaeCB8EH5g5J7GIes5o6VSci0gl6ezsh1kzZo+AQdoGRNOnaN9Hr7R1iPMQzyMrOmueUyuuwmVB4MbyG3rl00VdgL5YTay+7UVVi/yswyS1S6oeykIS/wlcyrPwig//4qL8FGABkqXMVk7RA0gAAAABJRU5ErkJggg==");
  }
  .hot-tile .tile-content:after {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAWCAYAAAAmaHdCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASpJREFUeNpi/P//PwOlgIkYRc8E5XmAOJkiQ4CgD4hfkm0I0AVaQCoFn1piXFIMxIxA7EKJIV5QOgboKj6iDQEqZofSrEBKAiosCMQlpLikCkr/BeLvSOJFQINFCBoCVKQGDUgGqfcP/wGpI0jS3ECcS4xL0kH6gYYpQ/kT0eRDiDHEBSlWQK7ZCqR2IslrEGOIFpROgaYREMgG4h9Q9n9iDGGB0qCYmQY0iBHomrtA9iSo+FViDHmDxLYH4nAoexaUXk+MIefQ+K1A1zBBXXMPiGcSY8hGNL4SENtC2Q1Aw54TY8hiIP6IJmYKjanFRKVYoMLPQKoZTZibnEIJlMDOIPEfkWwI0DV/oLHyDpou9uLN56AyFhd+KiBnA8QL8akBYUZqFNQAAQYAeEl5fHn6y88AAAAASUVORK5CYII=");
  }
  .list-view .tile {
    width: 100%;
  }
  .list-view .tile-content {
    padding: 30px 30px 30px 30.13393%;
  }
  .list-view .list-hide {
    display: none;
  }
  .list-view .tile-img {
    position: absolute;
    left: 6.13839%;
    top: 58px;
  }
  .list-view h2 {
    margin: 5px 0;
  }
  .list-view ul {
    border-top: 1px solid #d8dce0;
  }
  .list-view li {
    font-size: 16px;
    font-size: 1rem;
  }
  .list-view .price-legend {
    height: 30px;
  }
  .list-view .price-legend li {
    font-size: 13px;
    font-size: 0.8125rem;
    white-space: nowrap;
  }
  .list-view .price-row {
    height: 52px;
  }
  .list-view .price-row li.member-price {
    color: #929aa5;
  }
  .list-view .prod-name {
    width: 36.97479% !important;
    left: 0 !important;
  }
  .list-view .reg-price {
    width: 15.96639% !important;
    left: 36.97479% !important;
  }
  .list-view .member-price {
    width: 21.84874%;
    left: 52.94118%;
  }
  .list-view .prod-qty {
    width: 23.69748%;
    left: 74.78992%;
  }
  .list-view sup {
    top: 0.3em;
    line-height: 0.3em;
  }
  .grid-view .tile {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.333%;
    height: 470px;
    float: left;
    padding-right: 20px;
  }
  .grid-view .tile:nth-child(3n) {
    padding-right: 0;
  }
  .grid-view .tile-content {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding: 70px 20px 20px;
  }
  .grid-view .grid-hide {
    display: none;
  }
  .grid-view h2 {
    position: absolute;
    top: 20px;
    left: 20px;
  }
  .grid-view h3 {
    margin-top: 13px;
    padding-top: 13px;
    border-top: 1px solid #c1c6cc;
  }
  .grid-view button {
    margin: 10px 0 0;
  }
  .grid-view .tile-img {
    text-align: center;
    padding-bottom: 45px;
  }
  .grid-view li {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .grid-view .price-legend {
    height: 32px;
    border-bottom: 1px solid #c1c6cc;
  }
  .grid-view .price-legend li {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 13px;
  }
  .grid-view .price-row {
    height: 20px;
  }
  .grid-view .reg-price {
    width: 24.39024% !important;
    left: 0 !important;
  }
  .grid-view .member-price {
    width: 24.39024%;
    left: 24.39024%;
  }
  .grid-view .prod-name {
    width: 51.21951% !important;
    left: 48.78049% !important;
    text-align: right;
  }
  .grid-view .member-price {
    color: #929aa5;
  }
  .grid-view .price-add-btn {
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    position: absolute;
    bottom: 19px;
  }
  .grid-content .grid-view h3 {
    margin-bottom: 10px;
  }
  .prod-qty.grid-hide.quantity.prod_quantity .qtyProd {
    top: 0;
  }
}
@media screen and (min-width:1024px) {
  .list-view .tile-img {
    left: 8.92857%;
  }
  .list-view .prod-name {
    width: 45.04202% !important;
    left: 0 !important;
  }
  .list-view .reg-price {
    width: 12.60504% !important;
    left: 45.04202% !important;
  }
  .list-view .member-price {
    width: 25.21008%;
    left: 57.64706%;
  }
  .list-view .prod-qty {
    width: 16.97479%;
    left: 82.85714%;
  }
}
@media screen and (min-width:1200px) {
  .list-view .tile-img {
    left: 10.04464%;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */

/* Custom quantity controller */
.decrease, .increase {
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #929aa5;
  color: #929aa5;
  display: inline-block;
  width: 23px;
  height: 23px;
  line-height: 20px;
  overflow: hidden;
  text-align: center;
}
.qtyProd {
  font-family: "MarkOT-Regular";
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 20px;
  text-align: center;
  display: inline-block;
  width: 30px;
  position: relative;
  top: -5px;
  -webkit-outline: none;
  -moz-outline: none;
  -ms-outline: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
}
.qtyDrinkmaker {
  width: 30px !important;
  height: 23px;
  vertical-align: top;
  text-align: center;
  border: none;
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (min-width:745px) {

  /**************************************************/

  /* MODULE_NAME: grid_filter_bar
  /**************************************************/
  .filter-bar {
    width: 100%;
    background: white;
    border-bottom: 1px solid #e5e5e5;
  }
  .filter-bar > .row {
    height: 60px;
    position: relative;
  }
  .grid-pagination, .grid-controls {
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .grid-pagination p, .grid-controls p {
    display: inline-block;
    margin: 0 15px 0 0;
    color: #333;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .grid-pagination a {
    border-bottom: 1px solid #333;
  }
  .grid-controls {
    right: 0;
    text-align: right;
  }
  .grid-controls select {
    margin: 0;
    width: 205px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    padding-left: 17px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKCAYAAABv7tTEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMFJREFUeNpi/P//PwOpgIVx9j0xIJ0FxNP+pyq9wqUQWR0TlFEPxJugEtg0CAOppVB1WSBNF4H4IxCbA/E6dI1QDcuA2BmIPwHxFSagk9YDGYlQjdZQjaJIGpYAsSsQfwbiyUD1axhhAQFU4AekFgExPxDvB+IIIJ4DxD5A/AWIpwA1VIHVIoceUGMAkFoA1bgDiN3RNWBogmoMAlLzoBq/QJ1UhaIIpAkdM8y6Ww/E/4G4B5s8C45omYZGowCAAAMAuUto+guEp8wAAAAASUVORK5CYII=");
    background-position: 94% center;
  }
  .grid-view-btns, .grid-filter-select {
    display: inline-block;
  }
  .grid-view-btns {
    border-right: 1px solid #e5e5e5;
    margin-right: 20px;
  }
  .grid-view-btn, .list-view-btn {
    background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAmCAYAAABUKMJkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA41JREFUeNrsl99LFFEUx+faWvSDqMzSjPY9qIdM+kERuW4UFdFTEpGWkUuUkkVYZoYSFETQSz8orCii+gOCfhgVVFQkSRH0uC+mLgTRD8Ko6XvlTB6P946LzbgrOPLde2Y+Z5w755575x7luq4zWo+I/olGo3PR3IAWQ0+himQymRKsBHoCVYL1CLaU2HawbmJFaK5Dy+l/6vs6g+x8DrUXoVXQZGgddJ75XCE2ycBaiU2A1kDnGLsErSYWhy6EEnkca8X1Uoutj1iarEywuGdgVIadqxg9JTuv06CA+aSEPZuddwt7joV9guax805TB4JIm3rIi8YfqJH5HBHsGGONgjUx1sSYbo8HnTbKW20wlHrSLYKeITId3CkNVkKsXbBimrDPwd4E3fkcesh4yledp6U4H8c6kJsGixtYhLEYZ0FP2JPQfrI3QzOhBjo/A+1lLJ9SSbKNUB50mM5PQ7WM6TlVF3jaICo/YE9k17swzIUUQcm6wQqIfUUzxcK+oJnK2GewvDBWm/+d8MPuQBAPlx+QVovtfbRs7KrF1se1sHK+nlJDrxwPxXJYRy+5DGqDjjJ2ANITcSWxBsYOEtNf4EfQobA6vwWq1nMAWgC9hu4Q2wYliC2EXlnYfOgFdJvYVmgPYy+hm2HsbU7RQxyKVgvzOcFYjmAtgjUz1uxzX6CRnyGuT7PY0ne6YHnMLhQsP6y9jc7z9cynjdmabRDn3I+zB8y+C21i5/fCWm1206T6RQ+tYT7Vgu0TTL9Ar+G+BL1ML/nUhLa3GZWV1NnLt0b0gbW7ygNfbXQ59xj6RsOfz3w89p3YLAP7STnN9/1FlG6a3Rf7/rEyMCNlIFK1f6IpVrKwa3ouKu8zofpLGqSdkpHvEbenLLapDHR8ykDHVAZSr1Tfn8ts1urDUUafDJeB/Kqy2NLHHTxCEbbj++iVelCHyOsPQ7ASYu1iV/nOKwMh/zLQlD6uaJW5814ZWEwT7D30m1huGmwJsQ7GvDJwBe1Y3zI2MMq2F1DpRX5ky0BTJx1D5GW0lXmpTIhbdjK7yodVCrbDYuujgqWD+y+WilqX2fJ6n787KPYZKQNpBRk4AqYUUZypQSOTHWWgKY1sqZUVZaCMtJKrjKtXezFR3SwqA5XfhFUGU2VJGeiatwW+63w2lIH27ljmwcD8z2wZWFtVPlYGRtiOL2bxGYqVWVgX7fFDO/4KMAAP9YH76bA1/gAAAABJRU5ErkJggg==") 0 -19px no-repeat;
    width: 22px;
    height: 20px;
    padding: 0;
    margin: 0 10px 0 5px;
    text-indent: -9999px;
  }
  .grid-view-btn:hover, .grid-view-btn:active, .grid-view-btn:focus, .list-view-btn:hover, .list-view-btn:active, .list-view-btn:focus {
    background-color: transparent;
  }
  .list-view-btn {
    background-position: -21px -19px;
  }
  .list-view-btn:hover, .list-view-btn.active {
    background-position: -21px 0;
  }
  .grid-view-btn.active, .grid-view-btn:hover {
    background-position: 0 0;
  }
}
@media screen and (min-width:1024px) {
  .grid-controls select {
    width: 225px;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (min-width:745px) {

  /**************************************************/

  /* MODULE_NAME: grid_filter_side
  /**************************************************/
  .filter-side {
    width: 100%;
    text-align: left;
    margin: 0;
  }
  .filter-side li {
    list-style: none;
    padding-bottom: 17px;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: normal;
  }
  .filter-side .filter-selected {
    background: #929aa5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 8px 25px 5px 8px;
    margin-bottom: 17px;
    cursor: pointer;
    position: relative;
  }
  .filter-side .filter-selected a {
    color: white;
  }
  .filter-side .filter-selected .cat-num {
    display: none;
  }
  .filter-side .filter-selected:after {
    content: '+';
    position: absolute;
    right: 10px;
    top: 3px;
    color: white;
    font-size: 20px;
    font-size: 1.25rem;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .filter-side a {
    color: #333;
  }
  .filter-side li .cat-num {
    color: #c1c6cc;
  }
  .accordion.filter-side .accordion-navigation {
    width: 100%;
    background: white;
    margin-bottom: 4px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 7px 20px 0;
  }
  .accordion.filter-side .accordion-navigation > a {
    background: transparent;
    font-family: "MarkOT-Medium";
    font-weight: 700;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 15px;
    color: #333;
    padding: 17px 0;
    position: relative;
    text-transform: capitalize;
    letter-spacing: 1px;
  }
  .accordion.filter-side .accordion-navigation > a:after {
    content: '>';
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #929aa5;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 15px;
  }
  .accordion.filter-side .accordion-navigation > .content {
    padding: 0 0 1px 0;
    margin: 0;
  }
  ul.accordion.filter-side li, ul.accordion.filter-side li:first-of-type, ul.accordion.filter-side li:before, ul.accordion.filter-side li:after {
    border: none;
  }
  ul.accordion.filter-side {
    padding: 0 0 0 20px;
  }
  ul.accordion.filter-side li > a {
    padding: 0;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (min-width:745px) {

  /**************************************************/

  /* MODULE_NAME: grid_hero
  /**************************************************/
  .grid-hero {
    background: transparent url("../img/grid/hero-bg.jpg") 50% 100% repeat-x;
    border-bottom: 1px solid #e5e5e5;
  }
  .grid-hero-content {
    width: 100%;
    max-width: 1200px;
    height: 215px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
  }
  .grid-hero-content:after {
    content: " ";
    display: table;
  }
  .grid-hero-content:after {
    clear: both;
  }
  .grid-hero-content h1 {
    width: 100%;
    position: absolute;
    top: 20%;
    left: 0;
    text-align: center;
    font-family: "MarkOT-Regular";
    font-size: 3rem;
    z-index: 200;
  }
  .grid-hero-content h1 sup {
    top: 0.3em;
  }
  .grid-hero-content p {
    position: relative;
    text-align: center;
    top: 70%;
  }
  .grid-hero-content .grid-hero-left-img {
    position: absolute;
    bottom: 0;
    left: 25px;
    z-index: 100;
  }
  .grid-hero-content .grid-hero-right-img {
    position: absolute;
    right: 10px;
    top: 22px;
    z-index: 100;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (max-width:744px) {

  /**************************************************/

  /* MODULE_NAME: hero
  /**************************************************/
  .hero-lp {
    position: relative;
    padding-top: 46.875%;
  }
  .hero-lp-img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .hero-lp-copy {
    padding: 26px 32px;
    text-align: center;
  }
  .hero-lp-copy h1 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 24px;
    font-family: "MarkOT-Regular";
    margin-bottom: 20px;
  }
  .hero-lp-copy p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 19px;
    font-family: "MarkOT-Regular";
    padding: 0 25px;
  }
}
@media screen and (min-width:745px) {
  .hero-lp {
    position: relative;
    overflow: hidden;
    height: 500px;
    z-index: 0;
  }
  .hero-lp img {
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .hero-lp-copy {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    z-index: 200;
    color: white;
    width: 50%;
    margin: 0 25px 0;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .hero-lp-copy.copy-right {
    right: 0;
    margin: 0 50px 0 0;
  }
  .hero-lp-copy h1 {
    color: white;
    font-size: 35px;
    font-size: 2.1875rem;
    line-height: 35px;
    text-align: left;
  }
  .hero-lp-copy h2 {
    color: white;
  }
  .hero-lp-copy p {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 0;
  }
  .hero-lp-copy .primary-cta {
    margin-top: 30px;
    display: inline-block;
  }
}
@media screen and (min-width:1024px) {
  .hero-lp-copy {
    width: 38.75%;
  }
  .hero-lp-copy.copy-left {
    margin: 0 0 0 9.16667%;
  }
  .hero-lp-copy.copy-left p {
    padding-right: 105px;
  }
  .hero-lp-copy.copy-right {
    right: 4.16667%;
    margin-top: 20px;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (min-width:745px) {

  /**************************************************/

  /* MODULE_NAME: kold_landing
  /**************************************************/
  #skrollpos {
    position: fixed;
    left: 0;
    top: 0;
    color: red;
  }
  .kold-landing.modules {
    padding: 0 !important;
  }
  .kold-landing .reg {
    font-size: 0.6em;
    top: 1px;
  }
  .kold-landing .frame-one {
    color: white;
    height: 500px;
    overflow: hidden;
    position: relative;
  }
  .kold-landing .frame-one #bethefirst {
    position: absolute;
    top: 130px;
  }
  .kold-landing .frame-one .new-flag {
    position: absolute;
    top: 0;
    left: 0;
  }
  .kold-landing .frame-one .cta-box {

    /*width: 580px;*/
    float: left;      /*position: absolute;
    left:500px;*/
    opacity: 0;      /*margin-left:40px;*/
    margin-top: 130px;
  }
  .kold-landing .frame-one .cta-box p {
    max-width: 80%;
  }
  .kold-landing .frame-one h2 {
    color: white;
    width: 500px;
    position: absolute;      /*left:550px;*/
    font-size: 50px;
    line-height: 60px;
    z-index: -9999\8;
  }
  .kold-landing .frame-one h3 {
    color: white;
    line-height: 2;
  }
  .kold-landing .frame-one .klogo {
    margin-bottom: 20px;
  }
  .kold-landing .frame-one .drinkmaker-anim {
    height: 415px;
    width: 350px;
    background: transparent url("../img/KOLD_Landing/prelaunch_landing_drinkmaker_cocacola_img.png") no-repeat center;
  }
  .kold-landing .frame-one .down-button {
    background: transparent url("../img/KOLD_Landing/prelaunch_landing_scrollcta.png") no-repeat 0 0;
    width: 76px;
    height: 38px;
    margin: 500px auto 0;
    cursor: pointer;
  }
  .kold-landing .frame-one .down-button:hover {
    background-position: 0 -38px;
  }
  .kold-landing .frame-two .cta-box {
    margin-left: 6%;
    margin-top: 7%;
    padding: 0;
  }
  .kold-landing .frame-two .cta-box p {
    color: #929aa5;
  }
  .kold-landing .frame-two .frame-two-holder {

    /*height:489px;*/
    margin: 0;
    padding: 0;
  }
  .kold-landing .frame-two .drink-frame {

    /*position: relative;*/

    /*float:right;*/

    /*width: 490px;*/

    /*height: 500px;*/

    /*background: $coca-cola;*/
    background: #41b6e6;    /*z-index: 200;*/
    height: 489px;    /*overflow: hidden*/

    /*  .glass{
            margin-left: 80px;
        }
        .cap{
            margin: 51px 51px 0;
        }*/
  }
  .kold-landing .frame-two .drink-frame img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .kold-landing .frame-three {

    /*border: 1px solid red;*/
    background: #41b6e6;
    position: relative;
    padding: 0;
    z-index: 100;    /*height: auto;*/
    top: 0 !important;
  }
  .kold-landing .frame-three .join-beta {
    float: left;
    color: white;      /*left:680px;*/

    /*width: 490px;*/

    /*height: 500px;*/
    height: auto;
  }
  .kold-landing .frame-three .join-beta h2 {
    color: white;
  }
  .kold-landing .frame-three .join-beta .content-box {

    /*width:400px;*/
    margin: 10% 6% 0;
  }
  .kold-landing .frame-three .group-photo {

    /*float: left;*/
    padding: 0;
    height: 500px;
  }
  .kold-landing .modules {
    padding: 0;
  }
  .kold-landing .drinksFPO {
    margin: -50px 0 50px;
  }
  .kold-landing footer .contact-social {
    padding: 0 15px;
  }
  .kold-landing .email-signup {
    margin-top: 3px;
  }
  .kold-landing #email-signup, .kold-landing #beta-cta {
    padding: 50px 15px;
  }
  .kold-landing .first-cta {
    margin-right: 15px;
  }
  .kold-landing p + button {
    margin-top: 10px;
  }
  .kold-landing .videoplayer {
    padding: 50px 0 0 0;
  }
  .kold-landing #rtbs {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  /*
  KOLD-Device Cycle Animation
  ---------------------------*/
  @-webkit-keyframes imageAnimation {
    0% {
      opacity: 0;
      -webkit-animation-timing-function: ease-in;
    }
    8% {
      opacity: 1;
      -webkit-animation-timing-function: ease-out;
    }
    17% {
      opacity: 1;
    }
    25% {
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
  }
  @-moz-keyframes imageAnimation {
    0% {
      opacity: 0;
      -moz-animation-timing-function: ease-in;
    }
    8% {
      opacity: 1;
      -moz-animation-timing-function: ease-out;
    }
    17% {
      opacity: 1;
    }
    25% {
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
  }
  @-o-keyframes imageAnimation {
    0% {
      opacity: 0;
      -o-animation-timing-function: ease-in;
    }
    8% {
      opacity: 1;
      -o-animation-timing-function: ease-out;
    }
    17% {
      opacity: 1;
    }
    25% {
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
  }
  @-ms-keyframes imageAnimation {
    0% {
      opacity: 0;
      -ms-animation-timing-function: ease-in;
    }
    8% {
      opacity: 1;
      -ms-animation-timing-function: ease-out;
    }
    17% {
      opacity: 1;
    }
    25% {
      opacity: 0
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes imageAnimation {
    0% {
      opacity: 0;
      animation-timing-function: ease-in;
    }
    8% {
      opacity: 1;
      animation-timing-function: ease-out;
    }
    17% {
      opacity: 1;
    }
    25% {
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
  }
  #crossfade {
    position: relative;
    height: 450px;
    width: 480px;    /*float: left;*/
    margin-left: 8%;
  }
  #crossfade img {
    height: auto;
    position: absolute;
    top: 60px;
    left: 60px;
  }
  #crossfade > img {
    color: transparent;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 24s linear infinite 0s;
    -moz-animation: imageAnimation 17s linear infinite 0s;
    animation: imageAnimation 17s linear infinite 0s;
  }
  #crossfade img:nth-child(1) {
    opacity: 1;
    -webkit-animation: none;
  }
  #crossfade > img:nth-child(2) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
  }
  #crossfade > img:nth-child(3) {
    -webkit-animation-delay: 6s;
    animation-delay: 5s;
  }
  #crossfade > img:nth-child(4) {
    -webkit-animation-delay: 9s;
    animation-delay: 7s;
  }
  #crossfade > img:nth-child(5) {
    -webkit-animation-delay: 12s;
    animation-delay: 9s;
  }
  #crossfade > img:nth-child(6) {
    -webkit-animation-delay: 15s;
    animation-delay: 11s;
  }
  #crossfade > img:nth-child(7) {
    -webkit-animation-delay: 18s;
    animation-delay: 13s;
  }
  #crossfade > img:nth-child(8) {
    -webkit-animation-delay: 21s;
    animation-delay: 15s;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (min-width:745px) {

  /**************************************************/

  /* MODULE_NAME: modals
  /**************************************************/
  .reveal-modal.gate-modal {
    width: 700px;
  }
  .reveal-modal.gate-modal .columns {
    padding-left: 30px;
    padding-right: 30px;
  }
  .reveal-modal.gate-modal .small-6:first-child {
    border-right: 1px solid #d6d6d6;
  }
  .reveal-modal.gate-modal p {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .reveal-modal.gate-modal p.lead {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    font-family: "MarkOT-Medium";
  }
  .reveal-modal.gate-modal input[type=email], .reveal-modal.gate-modal input[type=password] {
    padding: 0 15px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
  }
  .reveal-modal.gate-modal small.error {
    margin: 0 17px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
  }
  .reveal-modal.gate-modal button {
    margin-bottom: 5px;
    padding-left: 50px;
    padding-right: 50px;
  }
  .reveal-modal.gate-modal button.signinBtn {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAeCAYAAAA2Lt7lAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASlJREFUeNpi/P//PwMBwAfEUUDsDMQiULE3QLwXiJcB8Se8ukEW4MFl/wmDMnxm4DN863/iwVZc5jDiCKKFQByHJnYaGiy/gdgMiN3R5BcBcTwxQRSM5rr3QGyLRZ0cEF9CUxtMTBAdRdLwE4hV8QQjKASuIKk/SsgCNTQXVRBIBCDshaZHDVmeCS3ENNH4GxgIg21A/BCXGegWiCOx3wHxYwbiwBMcZmBYwIwmx0ykBYw4zMCw4B+aJkYyLPiHz4K/SOw/UEwM+IuDzcAC9ZIcEN9HCz82IFYB4kdALIjD4J9A/AOIubHEgSJYLzApVf6nHahggrqSVkCVCVq20Ar8ZmKgMRi1YNSCUQtGLSDSAlpawgSqcLYAsSUQv0Cv7ih0uATIbIAAAwDCtxebUNuE4wAAAABJRU5ErkJggg==");
    background-position: 30px 14px;
    background-repeat: no-repeat;
    background-size: 15px;
  }
  .reveal-modal.gate-modal .gate-links a {
    color: #41b6e6;
    text-decoration: underline;
  }
  .reveal-modal.gate-modal .forgot-pw a {
    font-style: italic;
    text-decoration: none;
  }
  .pdp-success, .pdp-non-member {
    display: none;
  }
  .pdp-non-member, .pdp-success {
    position: relative;
    min-height: 300px;
  }
  .learn-more-gate, .success-login, .join-member-gate {
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .learn-more-gate {
    left: 50%;
  }
}
@media screen and (min-width:1024px) {
  .hero-lp-copy {
    width: 38.75%;
  }
  .hero-lp-copy.copy-left {
    margin: 0 0 0 9.16667%;
  }
  .hero-lp-copy.copy-left p {
    padding-right: 105px;
  }
  .hero-lp-copy.copy-right {
    right: 3.16667%;
    margin-top: 20px;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (max-width:744px) {

  /**************************************************/

  /* MODULE_NAME: quote
  /**************************************************/
  .quote {
    padding: 30px 40px 50px;
    background: #6cc9f0;    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #6cc9f0 0%, #3aabe2 100%);    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #6cc9f0), color-stop(100%, #3aabe2));    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #6cc9f0 0%, #3aabe2 100%);    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #6cc9f0 0%, #3aabe2 100%);    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #6cc9f0 0%, #3aabe2 100%);    /* IE10+ */
    background: radial-gradient(ellipse at center, #6cc9f0 0%, #3aabe2 100%);    /* W3C */
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6cc9f0', endColorstr='#3aabe2', GradientType=1)";    /* IE6-9 fallback on horizontal gradient */
    color: white;
    text-align: center;
    border-bottom: 3px solid white;
    font-family: "MarkOT-Regular";
    letter-spacing: 1px;
  }
  .quote .quote-text {
    position: relative;
    padding: 0 40px;
    margin-bottom: 18px;
  }
  .quote .quote-text:before, .quote .quote-text:after {
    position: absolute;
    width: 14px;
    height: 13px;
    display: inline-block;
    content: ' ';
    background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAaCAIAAAArNqveAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAk1JREFUeNqsVMFuEzEQnZnd9XZTmoYAoVULB1CrcuBAERIckUDwo3wDR5B64gIHVHFCQogSFVoFiUS7Sb072GuyazubhEbMYWNPnp9nnp+NL19/B0Bg/UHQv1ut4PBa/Lafprma6WT1LUcGNUUDxIT3u0INP5xnBhmCFSHhoxvxnQ2dvNcR78/GZm0deuIwbreCJ721JMAc+NMvzHQdSBW+FdKL3cQwqtjbjOLAIZyNg070dDtJSliAeNARJl+SMogQn+8kHVHvEaJeo8thA/FjfzNSKmHdAey1I0FkSHXicS/eiPy6bq8rPSw5KwKErqCH12MPr9BKDT1QNfSSQK33ED+y/KifmTH/JcSq7AdljfX5qhzDu5/jr0MJ5qDutiOfMc3f9DNZMDWpqhq4mQROiuHoNDsZSQMn5ZBbVxxEVrBC5AUjNp/77npgZXXtHweTipHV6atthVvP8WCSWQ6dPaJuTLbCqVRmugALTG3rxE18+S0bmKxOvSXfRjJntrenNdeMQ8mmzAXhLTkf5x6AhIuYVI1j3Q6io6All55OCrsIjaXI7V6qRhhgjppmq5DQ9rwsfEjoeSYi3CrtYtYxwmlaaBMi+nVPN7Xuof5nJNn3/FVBz3YS+/68+jxcLPGhe7WOBxc005z30jEyW3KZ6ssXAX1oNSH4l0CEywR5HlwUvBrpfwpqsIynkvsEoPcMLiHFRldq37IrwTwZsIGUAeeiuakTXEFTXFnT0O3Vceg0i+4+uMxhTO5r6wlWvajL3YSXsBSuIsMfAQYA+pGzimhMDpkAAAAASUVORK5CYII=") 0 0 no-repeat;
    background-size: 100%;
  }
  .quote .quote-text:before {
    left: 0;
    top: 0;
  }
  .quote .quote-text:after {
    right: 0;
    bottom: 4px;
    margin-left: 8px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAaCAIAAAArNqveAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfBJREFUeNrUVMtKw0AUnUkmaWuLtYIVBRVXKkLdKuLOT/Bn/Cd/QHCjO0HsQvAtirRQC32ktM1jkhknTZvMTJv4oC68izwmc0/uuefcgcdXza28DlhA/wIokOLktTdYo8F3AsDRelbeRKP7bdtBKlQ0BQxB6Qg6MTQFynhcKSoEyF/4BtCPQgF/EH8G+hv2NOwjnw3/I/2pB/plHhzzPfesTBqiqdAPpZzSFKD3ntuySYg4qymlgpacc1GzObJ0Z17Pa4I2qOMQgwNdSKtsuKMmTWpNpefyoJt5jcvwU2ShNCi0wKVx1ufqElMwGbOUrgqvjve1iroKpRQZtKALKxb5AjSlwhwSQG0igioQruaEhrCOJ4Ou5eQGGpgi3kkbsygjchkaY9BEyh3lYZnbc7rEveuSqNKlGbU0r0u/rfa9WDNCuF9MZ0TubH+kPmOxu5CSvF83vS4mca08WEwXM6rkhJcOHs7+ShbtFVOSVdhjueHElXm4nJEMH/j3w/QAhP6HuuW5YwVdN5ymTeKO5mrfFd0Juphe1u1o9m2PPg3KDqPcdB7bOEH0uzZ2Obd1MD2rmsxMA81HlnowcGBz06PnNes+ETGo47kTDCt467qnFbPPkR0KZfmbMON208KYfOssvDMcJlS5YdUkh1DwKcAAdhPWQpoyQt0AAAAASUVORK5CYII=");
  }
  .quote .quote-author {
    margin-bottom: 0;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (min-width:745px) {

  /**************************************************/

  /* MODULE_NAME: reserve_spot
  /**************************************************/
  .reservespot h2, .reservespot .reserve-spot-intro {
    text-align: center;
  }
  .reservespot h2 p, .reservespot .reserve-spot-intro p {
    color: #647785;
  }
  .reservespot h2 {
    font-size: 36px;
    font-size: 2.25rem;
  }
  .reservespot .color-pic-q, .reservespot label {
    color: #647785;
    font-size: 16px;
    font-size: 1rem;
    cursor: default;
  }
  .reservespot p {
    margin-bottom: 0;
  }
  .reservespot .reserve-spot-intro {
    margin-bottom: 50px;
  }
  .reservespot .reserve-spot-intro p {
    padding: 0 205px 50px;
  }
  .reservespot .reserve-spot-intro .img {
    margin: 0 80px;
    padding: 0;
  }
  .reservespot form {
    width: 68.33333%;
    margin: 0 auto;
  }
  .reservespot form li {
    border-top: 1px solid #d8dce0;
    list-style: none;
    padding: 20px 0;
  }
  .reservespot form li:after {
    content: " ";
    display: table;
  }
  .reservespot form li:after {
    clear: both;
  }
  .reservespot .color-pic-q, .reservespot .color-pick {
    float: left;
  }
  .reservespot .color-pic-q {
    width: 100%;
  }
  .reservespot .color-pick {
    width: 33.333%;
  }
  .reservespot .color-pick img {
    max-width: 120px;
    display: block;
    margin: 0 auto 10px;
  }
  .reservespot .color-pick input[type=radio] + label, .reservespot .color-pick .containDesc {
    margin: 0 0 0 0;
  }
  .reservespot .left-col, .reservespot .right-col {
    width: 50%;
    float: left;
    margin-bottom: 0;
  }
  .reservespot .right-col {
    text-align: right;
    float: right;
  }
  .reservespot .primary-cta {
    margin-bottom: 10px;
    float: right;
    padding: 0 80px;
  }
  .reservespot .terms-preorder {
    display: block;
    float: right;
    clear: right;
    width: 270px;
    text-align: center;
    font-size: 16px;
    font-size: 1rem;
  }
  .reservespot .terms-preorder a {
    color: #647785;
    text-decoration: underline;
  }
  .reservespot .terms-preorder a:hover {
    text-decoration: none;
  }
  .containDesc {
    margin: 0 0 0 40% !important;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */

/* Custom quantity controller */
.decrease, .increase {
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #929aa5;
  color: #929aa5;
  display: inline-block;
  width: 23px;
  height: 23px;
  line-height: 20px;
  overflow: hidden;
  text-align: center;
}
.qtyProd {
  font-family: "MarkOT-Regular";
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 20px;
  text-align: center;
  display: inline-block;
  width: 30px;
  position: relative;
  top: -5px;
  -webkit-outline: none;
  -moz-outline: none;
  -ms-outline: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
}
.qtyDrinkmaker {
  width: 30px !important;
  height: 23px;
  vertical-align: top;
  text-align: center;
  border: none;
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (max-width:744px) {

  /**************************************************/

  /* MODULE_NAME: taster_details
  /**************************************************/
  .tasterdetails {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f2f2f2;
    margin: 0 15px 25px;
    padding: 22px 0;
    width: auto;
  }
  .tasterdetails:after {
    content: " ";
    display: table;
  }
  .tasterdetails:after {
    clear: both;
  }
  .tasterdetails .row {
    margin: 0;
  }
  .tasterdetails .columns {
    padding: 0 15px;
  }
  .tasterdetails h2 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 24px;
    font-family: "MarkOT-Regular";
    margin-bottom: 20px;
  }
  .tasterdetails h2, .tasterdetails h3, .tasterdetails p {
    padding-left: 100px;
  }
  .tasterdetails h3, .tasterdetails p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 19px;
  }
  .tasterdetails h3 {
    font-family: "MarkOT-Medium";
    font-weight: 700;
    margin: 0 0 2px;
  }
  .tasterdetails p {
    font-family: "MarkOT-Regular";
  }
  .tasterdetails p, .tasterdetails .taster-details-img {
    margin-top: 5px;
    margin-bottom: 20px;
  }
  .taster-details-img {
    width: 80px;
    margin-right: 20px;
    float: left;
  }
}
@media screen and (min-width:745px) {
  .tasterdetails {
    background-color: #f2f2f2;
    text-align: center;
  }
  .tasterdetails h2 {
    font-size: 36px;
    font-size: 2.25rem;
    text-align: center;
  }
  .tasterdetails h3 {
    font-size: 16px;
    font-size: 1rem;
    font-family: 'MarkOT-Bold';
  }
  .tasterdetails p {
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    color: #647785;
  }
}
@media screen and (min-width:1024px) {
  .tasterdetails h3, .tasterdetails p {
    padding: 0 20px;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (max-width:744px) {

  /**************************************************/

  /* MODULE_NAME: taster_program
  /**************************************************/
  .tasterprogram {
    text-align: center;
    margin-bottom: 20px;
  }
  .tasterprogram p {
    padding-left: 30px;
    padding-right: 30px;
  }
  .tasterprogram .perk {
    padding-bottom: 30px;
  }
  .tasterprogram .img {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (min-width:745px) {
  .tasterprogram.modules {
    padding-bottom: 0;
  }
  .tasterprogram h2 {
    text-align: center;
    font-size: 36px;
    font-size: 2.25rem;
    padding-bottom: 55px;
  }
  .tasterprogram p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
  }
  .tasterprogram li a {
    font-size: 12px;
    font-size: 0.75rem;
    display: block;
    padding-bottom: 18px;
  }
  .tasterprogram li a:before {
    content: '>';
    display: inline-block;
    padding-right: 5px;
  }
  .tasterprogram .perk {
    margin-bottom: 100px;
    position: relative;
  }
  .tasterprogram .perk:after {
    content: " ";
    display: table;
  }
  .tasterprogram .perk:after {
    clear: both;
  }
  .tasterprogram .perk:last-child {
    margin-bottom: 0;
  }
  .tasterprogram .perk .taster-copy, .tasterprogram .perk .img {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
  }
  .tasterprogram .perk .taster-copy {
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .tasterprogram .odd .taster-copy {
    right: 0;
  }
  .tasterprogram .odd .img {
    float: left;
  }
  .tasterprogram .even .img {
    float: right;
  }
  .tasterprogram .odd p, .tasterprogram .odd ul, .tasterprogram .even p, .tasterprogram .even ul, .tasterprogram .odd .img {
    padding: 0 50px;
  }
  .tasterprogram sup {
    top: 0.2em;
  }
}
@media screen and (min-width:1024px) {
  .tasterprogram p {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 44px;
  }
  .tasterprogram li a {
    font-size: 16px;
    font-size: 1rem;
  }
  .tasterprogram li a:before {
    padding-right: 10px;
  }
  .tasterprogram .odd p, .tasterprogram .odd ul {
    padding: 0 80px 0 95px;
  }
  .tasterprogram .even p, .tasterprogram .even ul, .tasterprogram .odd .img {
    padding: 0 40px 0 100px;
  }
}

/*
Colors
---------------------------*/

/* KOLD Colors */

/* Beverage Colors */

/* Other colors */

/*
Fonts
---------------------------*/

/* add all styles regarding fonts here, such as base sizes or font families */

/*
z-indexes
---------------------------*/

/* Replace with real stuff */

/* Global nav variables */

/* Filters grid width */

/*
Images in BASE64
---------------------------*/

/* extends the parent div to the entire height when all child elements are floated */

/* removes outlines from form elements */

/* adds text color to input placeholder text */

/* centers content vertically and horizonally; requires the parent element to be relative positioned */

/* centers content vertically; requires the parent element to be relative positioned */

/* More flexbox mixins at this github repo https://github.com/mastastealth/sass-flex-mixin/blob/master/_flexbox.scss */
@media screen and (min-width:745px) {

  /**************************************************/

  /* MODULE_NAME: overrides
  /**************************************************/
  .reg-price {
    font-family: 'MarkOT-Medium' !important;
    font-size: 16px !important;
    line-height: 18px !important;
    color: #333 !important;
  }
  .pod_login_control #email-existing, .pod_login_control #pass-new {
    width: 275px !important;
  }
  #pod_frame {
    height: 290px;
    width: 280px;
  }
  .b_color {
    background-color: white;
    font-size: 14px;
  }
  #error-pod div {
    border-color: #f05656 !important;
    color: #fff !important;
    background-color: #f05656 !important;
    margin-bottom: 5px;
    position: relative !important;
    display: inline-block !important;
    width: auto !important;
    text-align: left !important;
    padding: 0;
    font-size: 14px;
  }
  .pods_login_loading {
    background: url("../images/spinner.gif") no-repeat;
    display: inline-block;
    text-indent: -9999px;
    padding: 0;
    width: 39px;
    height: 39px;
  }
  #addToAutoDeliveryButton {
    width: 100% !important;
  }
  .custom-hieght {
    height: 380px !important;
  }
  .custom-pad {
    margin-bottom: 10px !important;
    text-align: center !important;
    line-height: 0 !important;
  }
  .products-pad {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .products-pad li {
    border-bottom: 1px solid #333 !important;
    padding: 15px 0 0 0 !important;
  }
  .products-pad li:first-of-type {
    border-top: 1px solid #333 !important;
  }
  .p-cta {
    color: #ffffff !important;
    background-color: #41b6e6 !important;
    text-transform: uppercase !important;
  }
  .p-cta:hover {
    background-color: #1182cf !important;
  }
  #nutrition-modal {
    width: 397px;
  }
}

/*for ipad */
@media screen and (max-width:1024px) {

  /**************************************************/

  /* MODULE_NAME: TABLET: brandpromotion 
  /**************************************************/
  .brand-promotion .pods-section .brand-pod:first-child {
    margin-left: 0 !important;
  }

  /**************************************************/

  /* MODULE_NAME: TABLET: beta_CTA
  /**************************************************/
  .beta-cta h2 {
    width: 480px;
  }
  .beta-cta p {
    padding: 0;
  }
  .price-row .prod-name-div {
    width: 41.66667% !important;
  }
  .price-row .prod-qty-div {
    width: 58.33333% !important;
  }
  .hero-lp img {
    height: 500px !important;
  }
}

/*for Galaxy Tab  */
@media (max-device-width:800px) and (orientation:portrait) and (min-resolution:169dpi) {
  #addToAutoDeliveryButton {
    border-width: 3px !important;
  }
}

/**************************************************/

/* TABLET STYLE ENDS
/**************************************************/
.ch-exp-19-pricing-table {
	bottom: 66px;
	position: absolute;
	width: 86%;
}
.ch-exp-19-pricing-table tr, .ch-exp-19-pricing-table td {
	padding: 0.2525rem 0.225rem !important;
}
.ch-exp-19-pricing-table-headers th {
	border-bottom: 1px solid #ebebeb;
	font-size: 12px;
	line-height: 15px;
}
.ch-exp-19-list-price-header {
	font-family: "MarkOT-Medium", Helvetica,Arial,sans-serif;
	text-transform: uppercase;
}
.ch-exp-19-list-pricing-text {
	font-family: "MarkOT-Medium", Helvetica,Arial,sans-serif;
	width: 20px;
}
.ch-exp-19-member-pricing-text {
	color: #929aa5;
	font-family: "MarkOT-Bold", Helvetica,Arial,sans-serif;
	padding-left: 15px;
	width: 20px;
}
.ch-exp-19-pricing-table td {
	font-size: 13px;
}

/**************************************************/

/* Copied from scren2.css
/**************************************************/
.ch-exp-19-pricing-table tbody tr {
	background-color: #fff;
}
.ch-exp-19-pricing-table tbody tr td.ch-exp-19-first-description {
	text-align: right;
}

/**************************************************/

/* Copied from autodelivery_edit.css
/**************************************************/

.ch-exp-19-pricing-table {
	width: 100%;
	position: relative;
	top: -20px;
}
.ch-exp-19-list-price-header {
	font-family: "MarkOT-Medium", Helvetica,Arial,sans-serif;
	text-transform: uppercase;
}
.ch-exp-19-list-pricing-text {
	width: 20px;
	font-family: "MarkOT-Medium", Helvetica,Arial,sans-serif;
}
.ch-exp-19-member-pricing-text {
	color: #929aa5;
	padding-left: 15px;
	width: 20px;
	font-family: "MarkOT-Bold", Helvetica,Arial,sans-serif;
}
.ch-exp-19-pricing-table td {
	font-size: 13px;
}
.ch-exp-19-member-price {
	text-transform: uppercase;
	font-family: "MarkOT-Bold", Helvetica,Arial,sans-serif;
}
.ch-exp-19-no-price {
	margin-top: 13px;
	font-family: "MarkOT-Regular", Helvetica,Arial,sans-serif;
	font-size: 13px;
}
.ch-exp-19-member-pricing-text.out-of-stock {
	width: 100px;
	color: red;
	text-align: center;
	font-size: 9px;
	padding-left: 0px;
}
.ch-exp-19-pricing-table tr.out-of-stock td {
	background-color: #D7D7D7;
	border-bottom: 3px solid #fff;
}
meta.foundation-version {
  font-family: "/5.5.1/";
}
meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0;
}
meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width:744px)/";
  width: 0;
}
meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:745px)/";
  width: 745px;
}
meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:745px) and (max-width:1023px)/";
  width: 745px;
}
meta.foundation-mq-large {
  font-family: "/only screen and (min-width:1024px)/";
  width: 1024px;
}
meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:1024px) and (max-width:1199px)/";
  width: 1024px;
}
meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:1200px)/";
  width: 1200px;
}
meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:1200px) and (max-width:99999999em)/";
  width: 1200px;
}
meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.063em)/";
  width: 120.063em;
}
meta.foundation-data-attribute-namespace {
  font-family: false;
}
.stripTransmitter {
  height: 51px;
  width: auto !important;
  position: relative;
  top: -35px;
  left: 0;
  text-align: center;
  background: transparent;
  border: none;
}
.stripTransmitter ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block;
}
.stripTransmitter ul a {
  display: block;
  padding: 0;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
  width: 20px;
  height: 20px;
  background: transparent url('../images/carousel/empty-circle.png') no-repeat 0 0;
}
.stripTransmitter ul a.current, .stripTransmitter ul a:hover {
  background: transparent url('../images/carousel/full-circle.png') no-repeat 0 0;
  font-weight: normal;
}
#homepage_slider {
  margin: 0 auto;
  max-width: 1200px;
  min-width: 1024px
}
.slider_component {
  height: 400px;
}
.carousel {
  padding-left: 0;
  padding-right: 0;
}
.carousel-prev, .carousel-next {
  position: absolute;
  top: 35%;
  z-index: 1;
  width: 60px;
  height: 0;
  padding-top: 120px;
  overflow: hidden;
}
.carousel-prev {
  left: 0;
  background: transparent url('../images/carousel/carousel-previous.png') 50% 50% no-repeat;
}
.carousel-prev:hover {
  background: transparent url('../images/carousel/carousel-previous-hover.png') 50% 50% no-repeat;
}
.carousel-next {
  right: 0;
  background: transparent url('../images/carousel/carousel-next.png') 50% 50% no-repeat;
}
.carousel-next:hover {
  right: 0;
  background: transparent url('../images/carousel/carousel-next-hover.png') 50% 50% no-repeat;
}
.carousel-item {
  position: relative;
  top: 0;
  left: 0;
}
.carousel-item .secondary-header {
  font-size: 44px;
  font-size: 2.75rem;
  font-family: 'MarkOT-Regular';
  line-height: 50px;
}
.carousel-item .tertiary-header {
  color: #333;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 35px;
  font-family: 'MarkOT-Regular';
}
.carousel-item .body-copy {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: 'MarkOT-Regular';
  line-height: 22px;
}
.carousel-item .button {
  background-color: #ffffff;
  color: #333;
  padding: 20px 30px;
  display: block;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.9375rem;
  font-family: 'MarkOT-Bold';
}
.carousel-item .expiration {
  font-family: 'MarkOT-Regular';
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 14px;
}
.carousel-item .small-title {
  font-family: 'MarkOT-Bold';
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16px;
  text-transform: uppercase;
}
.carousel-item a.shop-now-link {
  font-family: 'MarkOT-Bold';
  font-size: 15px;
  font-size: 0.9375rem;
  color: #333;
  text-transform: uppercase;
  line-height: 18px;
}
.carousel-item a.shop-now-link .carousel-link-arrow {
  color: #F8C612;
}
@media screen and (min-width:745px) {
  .carousel-item.item1 a.shop-now-link {
    position: absolute;
    top: 83%;
    left: 16%;
  }
  .carousel-item.item1 .expiration {
    position: absolute;
    top: 88%;
    left: 25%;
  }
  .carousel-item.item4 .secondary-header {
    position: absolute;
    left: 9%;
    top: 28%;
    color: #fff;
  }
  .carousel-item.item4 .body-copy {
    position: absolute;
    top: 43%;
    left: 9%;
    color: #fff;
    width: 59%;
  }
  .carousel-item.item4 .button {
    position: absolute;
    top: 64%;
    left: 10%;
    background-color: #ffa900;
    color: #fff;
  }
  .carousel-item.item2 .secondary-header {
    color: #333;
    position: absolute;
    top: 31%;
    left: 17%;
    font-size: 48px;
    font-size: 3rem;
  }
  .carousel-item.item2 .body-copy {
    color: #333;
    position: absolute;
    top: 48%;
    left: 23%;
    width: 62%;
    text-align: center;
  }
  .carousel-item.item2 .button {
    position: absolute;
    top: 65%;
    left: 41%;
    background-color: #ffa900;
    color: #fff;
  }
  .carousel-item.item2 .expiration {
    position: absolute;
    top: 83%;
    left: 47%;
    color: #fff;
  }
  .carousel-item.item3 .tertiary-header {
    position: absolute;
    top: 29%;
    left: 46%;
  }
  .carousel-item.item3 .body-copy {
    color: #333;
    position: absolute;
    top: 45%;
    left: 46%;
    width: 47%;
  }
  .carousel-item.item3 .button {
    position: absolute;
    top: 70%;
    left: 46%;
    background-color: #ffa900;    /*width: 47%;*/
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media screen and (max-width:1024px) {
  .carousel-item.item2 .secondary-header {
    color: #333;
    position: absolute;
    top: 14%;
    left: 11%;
    font-size: 48px;
    font-size: 3.00rem;
  }
  .carousel-item.item2 .body-copy {
    color: #333;
    position: absolute;
    top: 32%;
    left: 19%;
    width: 62%;
    text-align: center;
  }
  .carousel-item.item2 .button {
    position: absolute;
    top: 53%;
    left: 41%;
    background-color: #ffa900;
    color: #fff;
  }
  .carousel-item.item2 .expiration {
    position: absolute;
    top: 70%;
    left: 47%;
    color: #fff;
  }
  .carousel-item.item3 .tertiary-header {
    position: absolute;
    top: 31%;
    left: 43%;
  }
  .carousel-item.item3 .body-copy {
    color: #333;
    position: absolute;
    top: 45%;
    left: 44%;
    width: 47%;
  }
  .carousel-item.item3 .button {
    position: absolute;
    top: 70%;
    left: 43%;
    background-color: #c1c6cc;
    width: 47%;
  }
}
/*
## autodelivery edit links on checkout page
********************************************************************/
.autodelivery-edit-link-one {
  margin-left: 20px;
  text-align: center;
}
.autodelivery-edit-link-two {
  margin-left: 35px;
  text-align: center;
}
.autodelivery-edit-link-one:hover {
  color: #f8c612;
}
.autodelivery-edit-link-two:hover {
  color: #f8c612;
}
.productBrewer .productDescription.no-color-choices .pricingInfo > div {
  border: medium none;
}

/**
styles added for auto-delivery welcome message on order confirmation page

footer #ch-thanks-auto-delivery {
    display: none !important;
}
**/
#ch-thanks-auto-delivery {
  background-color: #f1f1f1;
  border: 1px solid #dadbdf;
  width: 100%;
}
.main {
  font-family: inherit;
  margin-top: 29px;
  text-align: center;
}
#headline {
  font-size: 24px;
  margin-bottom: 16px;
}
#subhead {
  font-size: 20px;
  margin-bottom: 9px;
}
#cta {
  font-size: 15px;
}
#cta a {
  color: #ffb00b;
  text-decoration: underline;
}

/* Prodcut cards on listing pages KOLD-569 */
.ch-exp-19-pricing-table {
  width: 100%;
  position: relative;
  top: -20px;
}
.ch-exp-19-pricing-table-headers th {
  border-bottom: 1px solid #ebebeb;
  font-size: 12px;
  line-height: 15px;
}
.product_name.dotdotdot-eligible.product_name.dotdotdot-eligible.product_name.dotdotdot-eligible {
  height: 38px;
}
.ch-exp-19-list-price-header {
  font-family: "MarkOT-Medium", Helvetica,Arial,sans-serif;
  text-transform: uppercase;
}
.ch-exp-19-list-pricing-text {
  width: 20px;
  font-family: "MarkOT-Medium", Helvetica,Arial,sans-serif;
}
.ch-exp-19-member-pricing-text {
  color: #929aa5;
  padding-left: 15px;
  width: 20px;
  font-family: "MarkOT-Bold", Helvetica,Arial,sans-serif;
}
.member-pricing-text {
  display: none;
}
.ch-exp-19-pricing-table td {
  font-size: 13px;
}
.roast_style.roast_style.roast_style {
  display: none;
}
.details_trigger.details_trigger.details_trigger {
  display: none;
}
.coffee_desc {
  display: none;
}
.ch-exp-19-member-price {
  text-transform: uppercase;
  font-family: "MarkOT-Bold", Helvetica,Arial,sans-serif;
}
.ch-exp-19-no-price {
  margin-top: 13px;
  font-family: "MarkOT-Regular", Helvetica,Arial,sans-serif;
  font-size: 13px;
}
.billing-disabled {
  background-color: #d8dce0 !important;
  font-family: 'MarkOT-Bold';
}
.upsell-backdrop {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background: rgba(50, 50, 50, 0.7);
}
.upsell-overlay {
    position: fixed;
    width: 520px;
    height: 500px;
    top: 50%;
    left: 50%;
    margin-left: -260px;
    margin-top: -250px;
    z-index: 9999;
    background-color: #fff;
    text-align: center;
}
.upsell-wrap {
    padding: 10px 10px;
}
.close-upsell-overlay {
    cursor: pointer;
}
.upsell-overlay .icons-close {
    position: absolute;
    top: -15px;
    right: -15px;
}
.upsell-overlay h2 {
    font-size: 36px;
    display: block;
    line-height: 1.1em;
    margin-bottom: 20px;
}
.upsell-overlay p {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 1.2em;
}

/* .upsell-image and .upsell-button-wrapper need to have the same width */
.upsell-image, .upsell-button-wrapper {
    margin: 0 auto;
    width: 420px; /* forcing the width here - max width is 500px */
}
.upsell-image {
    padding-top: 20px;
    border-top: 1px solid #ebebeb;
    height: auto;
}
.upsell-button-wrapper {
    text-align: center;
}
.upsell-button-wrapper.full .k-cup {
}

/* this is just here as a fallback, this element shouldn't ever end up on the page */
.upsell-button-wrapper.full .k-carafe {
    display: none;
}
.upsell-button-wrapper.half .k-cup, .upsell-button-wrapper.half .k-carafe {
    width: 50%;
}
.upsell-button-wrapper.half .k-cup {
    float: left;
}
.upsell-button-wrapper.half .k-carafe {
    float: right;
}
a.readMore {
  display: block;
  color: #f8c612;
  padding-top: 10px;
}
a.readMore:hover {
  text-decoration: underline;
}

/*  style for included content for brewers  */
.ch-exp-8-ul {
  margin-bottom: 15px;
}
.ch-exp-8-li {
  list-style-type: disc;
  font-size: 16px;
  margin: 0 0 0 20px;
  padding: 0;
}

/* webcollage syndicated content on brewer pdp */
.subNav {
  display: block !important;
}
#wc-power-page {
  margin: 0 auto;
  background-color: white;
  overflow: hidden;
  width: 980px;
}
#wc-aplus h2.wc-first-header {
  font-size: 45px !important;
  margin-bottom: 15px !important;
}
#wc-aplus.wc-responsive.wc-responsive {
  overflow: inherit !important;
}
.prodDetails {
  margin-top: 0px !important;
}
.stickyNavPadding {
  padding-top: 0px !important;
}

/*.maxContentWidth:nth-child(2) {
  display: none;
}*/
.user-reviews-container {
  padding-top: 0px !important;
}

/* start style for include link for drinkmaker */
.inclist {
  list-style-type: disc;
}
.pad20 {
  padding-left: 20px;
}

/* end style for include link for drinkmaker*/
/**************************************************/

/* Copied from screen1.css
/**************************************************/

/*************
Styles for minor global font treatment (Copied from screen1.css)
*********/

strong, .bold {
    font-family: "MarkOT-Bold";
    font-weight: normal;
}
.clearfix, .container {
    display: block;
}
.clearfix:after, .container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}
.sectionTitle {
    font-size: 42px;
    margin-bottom: 34px;
    line-height: 34px;
    font-family: MarkOT-Light;
}
h2.sectionTitle {
    font-size: 30px;
    font-family: MarkOT-Regular;
}
.smallCopy {
    font-size: 15px;
    line-height: 17px;
}
header {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 2;
}

/* @media screen and (min-width: 768px) {
    header {
        background: #5B3427;
    }
} */
.page-multiStepCheckoutSummaryPage header, .page-paypal-transfer header {
    background: #fff;
}

/******
  Styles for box links with arrow (Copied from screen1.css)
******/
.text-link-arrow {
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: #333;    /*background: url(../images/global/text-link-arrow.png) no-repeat left;
                                                                                                        padding-left: 10px;*/
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    border: 0;
    -webkit-appearence: none;
    cursor: pointer;
    border-bottom: 2px solid #f1be48;
    font-size: 14px;
    line-height: 18px;
}
.text-link-arrow.reversed {

    /*background-image: url(../images/global/text-link-arrow-reversed.png);*/
}
.text-link-arrow:hover {
    color: #333;
    border-color: #2F4053;
}
.text-link-arrow:active {
    color: #68676B;
    border-color: #68676B;
}

/******
  Styles for common grid.css (Copied from screen1.css)
******/

/* grid.css */
.container {
    width: 100%;
    margin: 0 auto;
}
.showgrid {
    background: url(src/grid.png);
}
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {
    float: left;
    margin: 0;
}
.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23 {
    padding-right: 10px;
}
.last {
    margin-right: 0;
}
.span-1 {
    width: 4.1667%;
}
.span-2 {
    width: 8.3333%;
}
.span-3 {
    width: 12.5%;
}
.span-4 {
    width: 16.6667%;
}
.span-5 {
    width: 20.8333%;
}
.span-6 {
    width: 25%;
}
.span-7 {
    width: 29.1667%;
}
.span-8 {
    width: 33.3333%;
}
.span-9 {
    width: 37.5%;
}
.span-10 {
    width: 41.6667%;
}
.span-11 {
    width: 45.8333%;
}
.span-12 {
    width: 50%;
}
.span-13 {
    width: 54.1667%;
}
.span-14 {
    width: 58.3333%;
}
.span-15 {
    width: 62.5%;
}
.span-16 {
    width: 66.6667%;
}
.span-17 {
    width: 70.8333%;
}
.span-18 {
    width: 75%;
}
.span-19 {
    width: 79.1667%;
}
.span-20 {
    width: 83.3333%;
}
.span-21 {
    width: 87.5%;
}
.span-22 {
    width: 91.6667%;
}
.span-23 {
    width: 95.8333%;
}
.span-24 {
    width: 100%;
}
input[type="text"], input[type="email"], input[type="password"], select, .sbHolder, textarea {
    background-color: #fff;
    border: 1px solid #ebebeb;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    font-size: 15px;
    width: 301px;
    margin: 5px 0;
    height: 31px;
    line-height: 31px;
    color: #333;
    padding: 0 20px 0 20px;
    position: relative;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
    border-collapse: separate;
    border-spacing: 0;
}
.clear {
    clear: both;
}
header nav {
    width: 100%;
    overflow: visible;
    position: relative;
    font-size: 16px;
    padding: 0 20px;
    z-index: 10;
    background: #fff;
    border-bottom: 1px solid #ebebeb;
}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: 'MarkOT-Regular', Arial, sans-serif;
    vertical-align: baseline;
}
body {
    font-size: 18px;
    line-height: 20px;
    color: #333;
    max-width: 100%;
}
p {
    margin: 0 0 1.5em;
    color: #333;
    font-size: 14px;
    font-family: 'MarkOT-Book';
}
sup, sub {
    line-height: 0;
}
sup {
    position: relative;
    top: 0px;
    font-size: 12px;
    left: 0;
}
h1 {
    font-size: 42px;
    text-align: center;
    margin: 50px auto 45px;
    line-height: 42px;
    font-family: 'MarkOT-Light';
    color: #333;
}
h2 {
    font-size: 30px;
    margin-bottom: 0.75em;
    font-family: 'MarkOT-Regular';
    color: #333;
}
h3 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 1em;
    font-family: 'MarkOT-Regular';
    color: #333;
}
h4 {
    font-family: 'MarkOT-Regular';
    font-size: 16px;
    margin-bottom: 1.25em;
    color: #333;
}
h5 {
    margin-bottom: 1.5em;
    font-family: 'MarkOT-Regular';
    color: #333;
}
h5, h6 {
    font-size: 1em;
    font-weight: 700;
    font-family: 'MarkOT-Regular';
    color: #333;
}
p {
    margin: 0 0 1.5em;
    color: #333;
    font-size: 14px;
    font-family: 'MarkOT-Book';
}
.hide {
    display: none !important;
}

/*****************
  Mixins to place arrows centered to box top/bottom/left/right
  ***************/
#globalMessages {
    margin: 0 auto;
    min-width: 1044px;
    max-width: 1480px;
    text-align: left;
}
@media screen and (max-width: 1023px) {
    #globalMessages {
      min-width: inherit;
      width: auto; } }
#globalMessages .alert + .alert {
    margin-left: 20px;
}
.alert.negative {
    border-color: #f05656;
    color: #fff;
    background-color: #f05656;
    margin: 20px;
    position: relative;
    display: inline-block;
    width: auto;
    text-align: left;
    padding: 15px 20px;
}
.alert.negative .corner {
    width: 10px;
    height: 10px;
    border-top: 10px solid #f05656;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    bottom: -20px;
    left: 20px;
}
.alert.neutral {
    border-color: #4c5053;
    color: #fff;
    background-color: #4c5053;
    margin: 20px;
    position: relative;
    display: inline-block;
    width: 815px;
    text-align: left;
    padding: 15px 20px;
}
@media screen and (max-width: 1023px) {
    .alert.neutral {
      width: auto; } }
.alert.neutral .corner {
    width: 10px;
    height: 10px;
    border-top: 10px solid #4c5053;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    bottom: -20px;
    left: 20px;
}
.alert.positive {
    border-color: #50c656;
    color: #fff;
    background-color: #50c656;
    margin: 20px;
    position: relative;
    display: inline-block;
    width: auto;
    text-align: left;
    padding: 15px 20px;
}
.alert.positive .corner {
    width: 10px;
    height: 10px;
    border-top: 10px solid #50c656;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    bottom: -20px;
    left: 20px;
}

/**************************************************/

/* Copied from screen2.css
/**************************************************/
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
    font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
}
*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#wrapper {
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
#content {
    min-height: 420px;
    -moz-transition: height, 0.4s;
    -o-transition: height, 0.4s;
    -webkit-transition: height, 0.4s;
    transition: height, 0.4s;
}
.icons-sprite, .icons-filter, .icons-filter.active, .icons-grid, .icons-grid.active, .icons-list, .icons-list.active, .icons-Carafe-pack-large, .icons-arrow-down, .icons-arrow-left, .icons-arrow-right, .icons-autoenroll, .icons-btn-360, .icons-btn-share, .icons-btn-view-more, .icons-cart-over, .icons-cart, .icons-check, .icons-close-match-border, .icons-close, .icons-cursor, .icons-dollar-sign, .icons-edit-orange, .icons-edit-over, .icons-edit, .icons-email, .icons-facebook, .icons-friends, .icons-giftbox, .icons-google, .icons-help-over, .icons-help, .icons-info-over, .icons-info, .icons-kCup-pack-large, .icons-large-device, .icons-large-envelope, .icons-location, .icons-logged-out, .icons-logo-circle, .icons-minus-over, .icons-minus, .icons-move-to-cart, .icons-percent, .icons-phone, .icons-play, .icons-plus-over, .icons-plus, .icons-point, .icons-reset, .icons-save, .icons-search-close, .icons-search-large, .icons-share-fb, .icons-share-google, .icons-share-twitter, .icons-shipping-box, .icons-shipping-tag, .icons-twitter, .icons-usa, .icons-user-over, .icons-user, .icons-wishlist {
    background: url('../images/icons-s5260be4da3.png') no-repeat;
}
.icons-co-sprite, .icons-co-bill-later, .icons-co-credit-cards, .icons-co-customer-service, .icons-co-faqs-question, .icons-co-lock, .icons-co-paypal, .icons-co-special-notes {
    display: inline-block;
    text-indent: -9999px;
    padding: 0;
}
.icons-co-sprite, .icons-co-bill-later, .icons-co-credit-cards, .icons-co-customer-service, .icons-co-faqs-question, .icons-co-lock, .icons-co-paypal, .icons-co-special-notes {
    background: url('../images/icons-co-s62218f98e2.png') no-repeat;
}
.icons-co-lock {
    background-position: 0 -111px;
    height: 11px;
    width: 9px;
}
.icons-arrow-left {
    background-position: 0 -40px;
    height: 14px;
    width: 9px;
}
.icons-arrow-right {
    background-position: 0 -54px;
    height: 14px;
    width: 9px;
}
.icons-minus-over {
    background-position: 0 -1357px;
    height: 30px;
    width: 30px;
}
.icons-minus {
    background-position: 0 -1387px;
    height: 30px;
    width: 30px;
}
.icons-plus-over {
    background-position: 0 -1589px;
    height: 30px;
    width: 30px;
}
.icons-plus {
    background-position: 0 -1619px;
    height: 30px;
    width: 30px;
}
.icons-sprite, .icons-filter, .icons-filter.active, .icons-grid, .icons-grid.active, .icons-list, .icons-list.active, .icons-Carafe-pack-large, .icons-arrow-down, .icons-arrow-left, .icons-arrow-right, .icons-autoenroll, .icons-btn-360, .icons-btn-share, .icons-btn-view-more, .icons-cart-over, .icons-cart, .icons-check, .icons-close-match-border, .icons-close, .icons-cursor, .icons-dollar-sign, .icons-edit-orange, .icons-edit-over, .icons-edit, .icons-email, .icons-facebook, .icons-friends, .icons-giftbox, .icons-google, .icons-help-over, .icons-help, .icons-info-over, .icons-info, .icons-kCup-pack-large, .icons-large-device, .icons-large-envelope, .icons-location, .icons-logged-out, .icons-logo-circle, .icons-minus-over, .icons-minus, .icons-move-to-cart, .icons-percent, .icons-phone, .icons-play, .icons-plus-over, .icons-plus, .icons-reset, .icons-save, .icons-search-close, .icons-search-large, .icons-share-fb, .icons-share-google, .icons-share-twitter, .icons-shipping-box, .icons-shipping-tag, .icons-twitter, .icons-usa, .icons-user-over, .icons-user, .icons-wishlist, .icons-point {
    display: inline-block;
    text-indent: -9999px;
    padding: 0;
}
.arrow-list li {

    /*list-style: inside url("../images/global/text-link-arrow.png");*/
}
.arrow-list li a {
    color: #68676B;
    border-bottom: 2px solid transparent;
}
.arrow-list li a:hover {
    border-color: #2F4053;
}
.arrow-list li a:active {
    border-color: transparent;
}
.closeBtn {
    background: url(../images/icons/close.png) no-repeat top;
    width: 33px;
    height: 33px;
    position: relative;
    top: -28px;
    right: -28px;
    float: right;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
}
.popup-link {
    font-size: 14px;
    font-family: 'MarkOT-Bold';
    display: inline-block;
}

/*.angleBracket:before {
content: '>';
padding-right: 4px;
padding-left: 4px;
}*/
.angleBracket.bevragesPdP, .popup-link.angleBracket {
    position: relative;
    right: 3px;
    color: #333;
    font-size: 14px;
    line-height: 18px;
    font-family: "MarkOT-Regular";
    border-bottom: 2px solid #f1be48;
    text-decoration: none;
}
.angleBracket.bevragesPdP:hover, .popup-link.angleBracket:hover {
    color: #333;
    border-color: #2F4053;
}
.angleBracket.bevragesPdP:active, .popup-link.angleBracket:active {
    color: #68676B;
    border-color: #68676B;
}

/*.angleBracket.bevragesPdP:before, .popup-link.angleBracket:before {
color: #f8c612;
}*/
.hidden_area {
    visibility: hidden;
    position: absolute;
}
.discounted-price {
    Color: #43ac6a !important;
    font-family: 'MarkOT-Bold';
}
section {
    width: 100%;
    height: auto;
    position: relative;
}
 @keyframes rotate {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }
/*Custom preloader CSS starts*/
#preloaderContainer {
    position: fixed;
    background-color: rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1000000;
    text-align: center;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    .loader {
            width: 50px;
            background: white;
            height: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 0.5em;
        svg{
            animation: rotate 2s linear infinite;
            width: 65%;
        }
    }
}
#preloaderContainer > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*Custom preloader CSS ends*/

/**************************************************/

/* Newly added
/**************************************************/
.maxContentWidth {
    max-width: 1480px;
    margin: auto;
    padding: 0 20px;
}
#expiryNotificationLightBoxContent {
    top: 5px;
    width: 360px;
    left: -360px;
    height: 190px;
    overflow-y: auto;
    z-index: 1010;
    position: relative;
    background-color: #fff;
    box-shadow: 1px 1px 10px 0 rgba(30, 30, 30, .2);
}
#expiryNotificationLightBoxContent .expiryNotificationLightBoxCount {
    font-family: 'MarkOT-Bold';
    padding: 10px 0 5px 15px;
    border-bottom: 1px solid;
    display: inline-block;
    width: 100%;
    color: #737373;
}
#expiryNotificationLightBoxContent ul li.expiryNotificationLightBoxCardInfo {
    font-size: 15px;
    line-height: 15px;
    padding-top: 15px;
}
#expiryNotificationLightBoxContent ul li.expiryNotificationLightBoxCardInfo a {
    background-color: #FFF;
    padding: 0px;
    color: #333;
}
#expiryNotificationTopCount.content {
    border-radius: 50%;
    background-color: #929aa5;
    width: 25px;
    height: 25px;
    color: #fff;
    padding-left: 8px;
    padding-top: 2px;
    position: relative;
    right: 17px;
}
.smallerCopy {
    font-size: 13px;
    line-height: 15px;
}
.no-curosor {
    pointer-events: none;
    cursor: default !important;
}
#cartTotalsSummary li > span.shipping-text, .totals li > span.shipping-text {
    float: none !important;
}
.calender-icon {
    background: url("../images/calender-icon.png") no-repeat left;
    min-width: 23px;
    min-height: 23px;
}
button:focus {
    outline: 1px dotted #212121;
    outline: -webkit-focus-ring-color auto 5px;
    transition: none;
}
#globalMessages div:focus {
    outline: 1px dotted #212121;
    outline: -webkit-focus-ring-color auto 5px;
}
.anchor-links .sub-nav dd .reg-link:focus {
    border: 1px dotted #212121;
    border: -webkit-focus-ring-color auto 5px;
}
.control-group .errorMsg {
    display: block !important;
    position: absolute;
    left: -2000px;
}
.prettycheckbox > a {
    text-indent: -9999px;
}
.sr-only {
    font-size: 0;
}
#contactUsForm .chosen-container.chosen-container-active {
    outline: #85BFFD solid 2px;
}

/*for IE password field*/
.IE-password--container {
    position: relative;
}
.IE-password--container input::-ms-reveal, .IE-password--container input::-ms-clear {
    display: none;
}
.floating-label.IE-password--container input {
    height: 40px;
    width: 232px;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    display: inline-block;
    box-shadow: none;
    color: #68676b;
    font-family: MarkOT-Regular;
    font-size: 14px;
    line-height: 15px;
}


@media screen and (max-width: 767px) {
    .floating-label.IE-password--container input {
        font-size: 13px;
    }
}

.field-icon.toggle-password {
    position: absolute;
    top: 40%;
    right: 10px;
    text-transform: capitalize;
    font-size: 14px;
    cursor: pointer;
    text-decoration: underline;
    z-index: 9999;
}


@media only screen and (min-width:768px) and (max-width:1200px) {
    .nav .sub-nav {
        margin-right: 20px;
    }
    .top-nav-items .nav-search {
        margin-right: 20px;
    }
}

#bvseo-paginationSection .bvseo-paginationItem {
	display: none;
}

.vue-popup-dialog{
    display: none;
}

.view-popup-dialog .vue-popup-dialog  {
    display: block;
}


.ui-dialog.view-popup-dialog {
    background-color: #fff;
    padding: 20px !important;
    border: 1px solid #eee;
    border-radius: 3px !important;
    z-index:10001;
}
@media screen and (min-width: 768px){
    .ui-dialog.view-popup-dialog {
        max-width: 400px !important;
    }
}
.view-popup-dialog .ui-widget-content,
.view-popup-dialog .ui-widget-header {
    border: none;
    background: 0 0
}

.view-popup-dialog .ui-widget-header{
    position: static;
}

.view-popup-dialog .ui-dialog-buttonset {
    text-align: center;
    display: block;
    float: none !important;
}

.view-popup-dialog .ui-dialog-buttonset button{
    font-family: MarkOT-Medium;
}
@media screen and (max-width: 768px) {
    .view-popup-dialog .ui-dialog-buttonset button{
        padding: 11px 25px;
    }
}
.view-popup-dialog .ui-dialog-buttonset button:last-child {
    margin-left: 20px
}

.view-popup-dialog .ui-dialog-title {
    display: none;
}

.view-popup-dialog .dialog-text {
    font-size: 16px;
    margin:0;
}

.view-popup-dialog .ui-dialog-titlebar {
    padding: 0 !important;
    position: static !important;
}

.view-popup-dialog .ui-dialog-titlebar-close {
    position: absolute;
    top: 5px !important;
    right: 5px !important;      
    z-index: 99;
    border: #ffdead;
    cursor: pointer;
    display: inline-block;
    margin:0;
    padding: 0;
    background: transparent;
    border: none;
    width: 32px;
    height: 32px;
}
 
.view-popup-dialog .ui-dialog-titlebar-close:after,
.view-popup-dialog .ui-dialog-titlebar-close:before {
    content: "";
    position: absolute;
    width: 25px !important;
    height: 2px !important;
    border-radius: 3px;
    background-color: #333;
    top:15px;
    left: 3px !important;
}

.view-popup-dialog .ui-dialog-titlebar-close:before {
    transform: rotate(45deg)
}

.view-popup-dialog .ui-dialog-titlebar-close:after {
    transform: rotate(135deg)
}


.view-popup-dialog .ui-dialog-buttonpane{
    margin: 10px 0 0 0 !important;
    cursor: pointer;
    padding: 0 !important;
    font-size: 14px;
    font-family: MarkOT-Medium;
}


.view-popup-dialog .ui-dialog-content{
    padding: 0;
}

.view-popup-dialog .btn-box{
    transition:none;
    -webkit-transition:none;
}

[id^=removePaymentDetails]{
    display: flex;
}


#page .bv-curations-cleanslate *{
    z-index: 0 !important;  
}

#page .bv-curations-cleanslate .fm-carousel a.fm-btn-left, 
#page .bv-curations-cleanslate .fm-carousel a.fm-btn-right{
    z-index: 1 !important;
}

/**
* Styling for responsive height container
*/
.responsive-height-container{
    min-height: 200px !important;
    max-height: unset;
    overflow: hidden;
}

@media screen and (min-width: 768px) {
    .responsive-height-container{
        min-height: unset !important;
    }
}
/*
Keurig Theme - screen.css CSS output file
*/

/* -----------------------------------------------------------------------


Tried to bypass some of the rigidity that is built into blueprint but overwriting certain styles.

This is a copy of the blueprint.css file with changes mostly to span-1 through span-24 using % width instead of pixels

If this is acceptable I imagine the edits to this file will continue as the site is built out


----------------------------------------------------------------------- */

/* reset.css */
html {
    margin: 0;
    padding: 0;
    border: 0;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
    display: block;
}
body {
    line-height: 1.5;
    background: white;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
    float: none !important;
}
table, th, td {
    vertical-align: middle;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
}
blockquote, q {
    quotes: "" "";
}
a img {
    border: none;
}

/*:focus {outline:0;}*/

/* typography.css */
h1 {
    font-size: 3em;
    line-height: 1;
    margin-bottom: 0.5em;
}
h4 {
    font-size: 1.2em;
    line-height: 1.25;
    margin-bottom: 1.25em;
}
h5 {
    font-size: 1em;
    font-family: 'MarkOT-Bold';
    margin-bottom: 1.5em;
}
h6 {
    font-size: 1em;
    font-family: 'MarkOT-Bold';
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
    margin: 0;
}
.left {
    float: left !important;
}
p .left {
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0;
}
.right {
    float: right !important;
}
p .right {
    margin: 1.5em 0 1.5em 1.5em;
    padding: 0;
}
strong, dfn {
    font-family: 'MarkOT-Bold';
}
em, dfn {
    font-style: italic;
}
abbr, acronym {
    border-bottom: 1px dotted #666;
}
address {
    margin: 0;
}
pre {
    margin: 0;
}
pre, code, tt, button, textarea {
    font-family: 'MarkOT-Regular';
}
li ul, li ol {
    margin: 0;
}
ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
dl {
    margin: 0;
}
dl dt {
    font-weight: normal;
}
dd {
    margin-left: 0;
}

/* grid.css */
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {
    border-left-width: 1px;
    border-right-width: 1px;
    padding-left: 5px;
    padding-right: 5px;
}
input.span-1, textarea.span-1 {
    width: 18px;
}
input.span-2, textarea.span-2 {
    width: 58px;
}
input.span-3, textarea.span-3 {
    width: 98px;
}
input.span-4, textarea.span-4 {
    width: 138px;
}
input.span-5, textarea.span-5 {
    width: 178px;
}
input.span-6, textarea.span-6 {
    width: 218px;
}
input.span-7, textarea.span-7 {
    width: 258px;
}
input.span-8, textarea.span-8 {
    width: 298px;
}
input.span-9, textarea.span-9 {
    width: 338px;
}
input.span-10, textarea.span-10 {
    width: 378px;
}
input.span-11, textarea.span-11 {
    width: 418px;
}
input.span-12, textarea.span-12 {
    width: 458px;
}
input.span-13, textarea.span-13 {
    width: 498px;
}
input.span-14, textarea.span-14 {
    width: 538px;
}
input.span-15, textarea.span-15 {
    width: 578px;
}
input.span-16, textarea.span-16 {
    width: 618px;
}
input.span-17, textarea.span-17 {
    width: 658px;
}
input.span-18, textarea.span-18 {
    width: 698px;
}
input.span-19, textarea.span-19 {
    width: 738px;
}
input.span-20, textarea.span-20 {
    width: 778px;
}
input.span-21, textarea.span-21 {
    width: 818px;
}
input.span-22, textarea.span-22 {
    width: 858px;
}
input.span-23, textarea.span-23 {
    width: 898px;
}
input.span-24, textarea.span-24 {
    width: 938px;
}
.append-1 {
    padding-right: 40px;
}
.append-2 {
    padding-right: 80px;
}
.append-3 {
    padding-right: 120px;
}
.append-4 {
    padding-right: 160px;
}
.append-5 {
    padding-right: 200px;
}
.append-6 {
    padding-right: 240px;
}
.append-7 {
    padding-right: 280px;
}
.append-8 {
    padding-right: 320px;
}
.append-9 {
    padding-right: 360px;
}
.append-10 {
    padding-right: 400px;
}
.append-11 {
    padding-right: 440px;
}
.append-12 {
    padding-right: 480px;
}
.append-13 {
    padding-right: 520px;
}
.append-14 {
    padding-right: 560px;
}
.append-15 {
    padding-right: 600px;
}
.append-16 {
    padding-right: 640px;
}
.append-17 {
    padding-right: 680px;
}
.append-18 {
    padding-right: 720px;
}
.append-19 {
    padding-right: 760px;
}
.append-20 {
    padding-right: 800px;
}
.append-21 {
    padding-right: 840px;
}
.append-22 {
    padding-right: 880px;
}
.append-23 {
    padding-right: 920px;
}
.prepend-1 {
    padding-left: 40px;
}
.prepend-2 {
    padding-left: 80px;
}
.prepend-3 {
    padding-left: 120px;
}
.prepend-4 {
    padding-left: 160px;
}
.prepend-5 {
    padding-left: 200px;
}
.prepend-6 {
    padding-left: 240px;
}
.prepend-7 {
    padding-left: 280px;
}
.prepend-8 {
    padding-left: 320px;
}
.prepend-9 {
    padding-left: 360px;
}
.prepend-10 {
    padding-left: 400px;
}
.prepend-11 {
    padding-left: 440px;
}
.prepend-12 {
    padding-left: 480px;
}
.prepend-13 {
    padding-left: 520px;
}
.prepend-14 {
    padding-left: 560px;
}
.prepend-15 {
    padding-left: 600px;
}
.prepend-16 {
    padding-left: 640px;
}
.prepend-17 {
    padding-left: 680px;
}
.prepend-18 {
    padding-left: 720px;
}
.prepend-19 {
    padding-left: 760px;
}
.prepend-20 {
    padding-left: 800px;
}
.prepend-21 {
    padding-left: 840px;
}
.prepend-22 {
    padding-left: 880px;
}
.prepend-23 {
    padding-left: 920px;
}
.border {
    padding-right: 4px;
    margin-right: 5px;
    border-right: 1px solid #ddd;
}
.colborder {
    padding-right: 24px;
    margin-right: 25px;
    border-right: 1px solid #ddd;
}
.pull-1 {
    margin-left: -40px;
}
.pull-2 {
    margin-left: -80px;
}
.pull-3 {
    margin-left: -120px;
}
.pull-4 {
    margin-left: -160px;
}
.pull-5 {
    margin-left: -200px;
}
.pull-6 {
    margin-left: -240px;
}
.pull-7 {
    margin-left: -280px;
}
.pull-8 {
    margin-left: -320px;
}
.pull-9 {
    margin-left: -360px;
}
.pull-10 {
    margin-left: -400px;
}
.pull-11 {
    margin-left: -440px;
}
.pull-12 {
    margin-left: -480px;
}
.pull-13 {
    margin-left: -520px;
}
.pull-14 {
    margin-left: -560px;
}
.pull-15 {
    margin-left: -600px;
}
.pull-16 {
    margin-left: -640px;
}
.pull-17 {
    margin-left: -680px;
}
.pull-18 {
    margin-left: -720px;
}
.pull-19 {
    margin-left: -760px;
}
.pull-20 {
    margin-left: -800px;
}
.pull-21 {
    margin-left: -840px;
}
.pull-22 {
    margin-left: -880px;
}
.pull-23 {
    margin-left: -920px;
}
.pull-24 {
    margin-left: -960px;
}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {
    float: left;
    position: relative;
}
.push-1 {
    margin: 0 -40px 1.5em 40px;
}
.push-2 {
    margin: 0 -80px 1.5em 80px;
}
.push-3 {
    margin: 0 -120px 1.5em 120px;
}
.push-4 {
    margin: 0 -160px 1.5em 160px;
}
.push-5 {
    margin: 0 -200px 1.5em 200px;
}
.push-6 {
    margin: 0 -240px 1.5em 240px;
}
.push-7 {
    margin: 0 -280px 1.5em 280px;
}
.push-8 {
    margin: 0 -320px 1.5em 320px;
}
.push-9 {
    margin: 0 -360px 1.5em 360px;
}
.push-10 {
    margin: 0 -400px 1.5em 400px;
}
.push-11 {
    margin: 0 -440px 1.5em 440px;
}
.push-12 {
    margin: 0 -480px 1.5em 480px;
}
.push-13 {
    margin: 0 -520px 1.5em 520px;
}
.push-14 {
    margin: 0 -560px 1.5em 560px;
}
.push-15 {
    margin: 0 -600px 1.5em 600px;
}
.push-16 {
    margin: 0 -640px 1.5em 640px;
}
.push-17 {
    margin: 0 -680px 1.5em 680px;
}
.push-18 {
    margin: 0 -720px 1.5em 720px;
}
.push-19 {
    margin: 0 -760px 1.5em 760px;
}
.push-20 {
    margin: 0 -800px 1.5em 800px;
}
.push-21 {
    margin: 0 -840px 1.5em 840px;
}
.push-22 {
    margin: 0 -880px 1.5em 880px;
}
.push-23 {
    margin: 0 -920px 1.5em 920px;
}
.push-24 {
    margin: 0 -960px 1.5em 960px;
}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {
    float: left;
    position: relative;
}
div.prepend-top, .prepend-top {
    margin-top: 1.5em;
}
div.append-bottom, .append-bottom {
    margin-bottom: 1.5em;
}
.box {
    padding: 1.5em;
    margin-bottom: 1.5em;
    background: #e5eCf9;
}
hr {
    background: #ddd;
    color: #ddd;
    clear: both;
    float: none;
    width: 100%;
    height: 1px;
    margin: 0 0 1.45em;
    border: none;
}
hr.space {
    background: #fff;
    color: #fff;
    visibility: hidden;
}
hr.simple {
    background: #ebebeb;
    margin: 40px 0 43px;
}
.ui-datepicker {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: rgba(0, 0, 0, 0.13) 0 0 18px 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.13) 0 0 18px 0;
    box-shadow: rgba(0, 0, 0, 0.13) 0 0 18px 0;
    background: #fff;
    display: none;
    padding: 20px;
}
.ui-datepicker-append {
    padding-left: 10px;
}
.ui-datepicker .ui-datepicker-next {
    float: right;
}
.ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar th span, .ui-datepicker-today a, a.ui-state-active {
    font-family: "MarkOT-Bold";
}
a.ui-state-active {
    color: #f8c612;
}
.ui-datepicker select {
    width: auto;
}
.ui-datepicker .ui-datepicker-calendar td, .ui-datepicker .ui-datepicker-calendar th {
    padding: 1px 3px;
    text-align: center;
}
.ui-datepicker .ui-datepicker-unselectable {
    color: #929aa5;
}
ul.bulleted li {
    list-style: disc;
}
ol.numbered {
    list-style: decimal;
}
ul.bulleted li, ol.numbered li {
    padding-bottom: 20px;
    margin-left: 80px;
}
.flowing-items .item {
    float: left;
    padding-right: 60px;
}
ul.inline-list {
    margin-bottom: 20px;
}
ul.inline-list li {
    clear: both;
}

/*******************/
#page {
    padding: 0;
    width: 100%;
}
.section1 {
    margin: 0;
}

/*******************/
#header, #nav_main, #breadcrumb {
    font-size: 12px;
}
.jcarousel-container {
    background: transparent;
}
.jcarousel-container .jcarousel-skin .jcarousel-next-horizontal {
    right: 0;
}
.jcarousel-container .scroller {
    right: 0;
}
.jcarousel-skin .jcarousel-next-horizontal {
    right: 0;
}
.span-24.maxContentWidth, .span-24.edgeBoth {
    float: none;
}
.span-24 > .scroller.edgeBoth {
    padding: 40px 20px;
}
input[type="text"].qty {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: auto;
}

/***************
    Product Landing
            ************/

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

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

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

/* @group Base */
.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    zoom: 1;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
    left: 0;
}
.chosen-container a {
    cursor: pointer;
}

/* @end */

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

/* @end */

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

/* @end */

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

/* @end */

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

/* @end */

/* @group Disabled Support */
.chosen-disabled {
    cursor: default;
}
.chosen-disabled.chosen-container-single .chosen-single {
    background: #e8e8e8;
}
.chosen-disabled.chosen-container-single .chosen-single b {
    display: none;
}
.chosen-disabled .chosen-single {
    cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default;
}

/* @end */

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

/* @end */

/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:144dpi) {
    .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span {

        /*background-image: url('chosen-sprite@2x.png') !important; */
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important;
    }
}

/* @end */
.nano {
    position: relative;
    width: 100%;
    max-height: 400px;
    overflow: hidden;
}
.nano > .nano-content {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.nano > .nano-content:focus {
    outline: none;
}
.nano > .nano-content::-webkit-scrollbar {
    visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
    visibility: visible;
}
.nano > .nano-pane {
    background: #ebebeb;
    position: absolute;
    width: 3px;
    right: 15px;
    top: 0;
    bottom: 0;
    visibility: hidden \9;    /* Target only IE7 and IE8 with this hack */
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    opacity: 0.01;
    -moz-transition: all, 0.2s;
    -o-transition: all, 0.2s;
    -webkit-transition: all, 0.2s;
    transition: all, 0.2s;
    overflow: visible;
    height: 95%;
}
.nano > .nano-pane > .nano-slider {
    background: #FFF;
    position: relative;
    margin: 0 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 3px solid #ebebeb;
    width: 12px;
    left: -5px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
    visibility: visible \9;    /* Target only IE7 and IE8 with this hack */
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
    opacity: 0.99;
}
.cover-image {
    background-size: cover;
    background-position: 50% 0;
    background-repeat: no-repeat;
    clear: both;
    min-height: 290px;
    padding: 140px 5% 0;
    overflow: hidden;
    text-align: center;
}
.cover-image.white-text, .cover-image.white-text h1, .cover-image.white-text h2, .cover-image.white-text h3, .cover-image.white-text h4, .cover-image.white-text p, .cover-image .white-text {
    color: #fff;
}
.cover-image.account {
    padding: 30px 20px;
}
.cover-image h1 {
    color: #333;
    font-size: 42px;
    line-height: 42px;
    margin: 0 0 10px;
    position: relative;
    bottom: 56px;
    font-family: 'MarkOT-Light';
}
.cover-image h1 sup {
    font-size: 22px;
}
.cover-image h2 {
    color: #333;
    font-size: 30px;
    line-height: 34px;
    margin: 0 0 10px;
    position: relative;
    bottom: 56px;
}
.card_holder.generic + .headings-container, .card_bg + .headings-container {
    padding-top: 0;
}
.headings-container {
    padding: 80px 0 75px;
    text-align: center;
    margin: 0 auto;
    max-width: 900px;
}
.headings-container h1 {
    font-size: 48px;
    line-height: normal;
    margin: 30px 0;
}
.headings-container h2 {
    font-size: 20px;
    line-height: 24px;
    padding: 0 175px;
}
.flat-bg-container {
    display: block;
    padding: 45px 75px 60px;
}
.flat-bg-container.white {
    background: #fff;
}
.flat-bg-container.latte {
    background: #FBF3EB;
}
.flat-bg-container.light-grey {
    background: #f1f1f1;
}
.flat-bg-container.full {
    padding: 0;
}
.search-tips {
    color: #333;
    margin: 0 auto;    /*   min-width: 485px; */
    max-width: 900px;
}
.search-tips .left {
    width: 43%;
}
.search-tips .right {
    width: 40%;
}
.search-tips ul, .search-tips p {
    font-size: 18px;
    line-height: 28px;
}
.search-tips ul {
    padding-left: 20px;
}
.search-tips ul, .search-tips li {
    list-style: disc outside;
}
.headings-container h1 + .large-icon-holder {
    padding-top: 40px;
}
.large-icon-holder {
    font-size: 0;
}
.large-icon-holder .icon {
    margin-bottom: 30px;
}
.large-icon-holder h5 {
    font-size: 22px;
    margin-bottom: 15px;
}
.large-icon-holder ul {
    font-size: 18px;
}
.large-icon-holder li {
    display: inline-block;
    margin: 0 60px 20px;
    width: 280px;
}
.large-icon-holder p {
    font-size: 18px;
    line-height: 23px;
}
.large-icon-holder p span.smaller {
    font-size: 15px;
}
.autoWrapContent {
    word-break: break-all;
    word-wrap: break-word;
}

/*@font-face {
    font-family: 'MarkOT-Light';
    src: url('../fonts/MarkOT-Light/MarkOT-Light.eot');
    src: url('../fonts/MarkOT-Light/MarkOT-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/MarkOT-Light/MarkOT-Light.woff') format('woff'), url('../fonts/MarkOT-Light/MarkOT-Light.ttf') format('truetype');
}

@font-face {
    font-family: "MarkOT-Regular";
    src: url('/_ui/shared/fonts/MarkOT-Light-regular.eot?1400260016');
    src: url('/_ui/shared/fonts/MarkOT-Light-regular.eot?&1400260016#iefix') format('embedded-opentype'), url('/_ui/shared/fonts/MarkOT-Light-regular.woff?1400260016') format('woff'), url('/_ui/shared/fonts/MarkOT-Light-regular.ttf?1400260016') format('truetype'), url('/_ui/shared/fonts/MarkOT-Light-regular.svg?1400260016') format('svg');
}

@font-face {
    font-family: "MarkOT-Bold";
    src: url('/_ui/shared/fonts/MarkOT-Light-bold.eot?1400260016');
    src: url('/_ui/shared/fonts/MarkOT-Light-bold.eot?&1400260016#iefix') format('embedded-opentype'), url('/_ui/shared/fonts/MarkOT-Light-bold.woff?1400260016') format('woff'), url('/_ui/shared/fonts/MarkOT-Light-bold.ttf?1400260016') format('truetype'), url('/_ui/shared/fonts/MarkOT-Light-bold.svg?1400260016') format('svg');
}

@font-face {
    font-family: "MarkOT-Medium";
    src: url('/_ui/shared/fonts/MarkOT-Light-medium.eot?1400260016');
    src: url('/_ui/shared/fonts/MarkOT-Light-medium.eot?&1400260016#iefix') format('embedded-opentype'), url('/_ui/shared/fonts/MarkOT-Light-medium.woff?1400260016') format('woff'), url('/_ui/shared/fonts/MarkOT-Light-medium.ttf?1400260016') format('truetype'), url('/_ui/shared/fonts/MarkOT-Light-medium.svg?1400260016') format('svg');
}

@font-face {
    font-family: "MarkOT-Italic";
    src: url('/_ui/shared/fonts/MarkOT-Light-regular-italic.eot?1400260016');
    src: url('/_ui/shared/fonts/MarkOT-Light-regular-italic.eot?&1400260016#iefix') format('embedded-opentype'), url('/_ui/shared/fonts/MarkOT-Light-regular-italic.woff?1400260016') format('woff'), url('/_ui/shared/fonts/MarkOT-Light-regular-italic.ttf?1400260016') format('truetype'), url('/_ui/shared/fonts/MarkOT-Light-regular-italic.svg?1400260016') format('svg');
}

@font-face {
    font-family: "MarkOT-Bold Italic";
    src: url('/_ui/shared/fonts/MarkOT-Light-bold-italic.eot?1400260016');
    src: url('/_ui/shared/fonts/MarkOT-Light-bold-italic.eot?&1400260016#iefix') format('embedded-opentype'), url('/_ui/shared/fonts/MarkOT-Light-bold-italic.woff?1400260016') format('woff'), url('/_ui/shared/fonts/MarkOT-Light-bold-italic.ttf?1400260016') format('truetype'), url('/_ui/shared/fonts/MarkOT-Light-bold-italic.svg?1400260016') format('svg');
}

@font-face {
    font-family: "MarkOT-MediumItalic";
    src: url('/_ui/shared/fonts/MarkOT-Light-medium-italic.eot?1400260016');
    src: url('/_ui/shared/fonts/MarkOT-Light-medium-italic.eot?&1400260016#iefix') format('embedded-opentype'), url('/_ui/shared/fonts/MarkOT-Light-medium-italic.woff?1400260016') format('woff'), url('/_ui/shared/fonts/MarkOT-Light-medium-italic.ttf?1400260016') format('truetype'), url('/_ui/shared/fonts/MarkOT-Light-medium-italic.svg?1400260016') format('svg');
}*/

/*****************************************************************************
*                              UX2.0 Fonts                             *
****************************************************************************
*/
@font-face {
    font-family: "MarkOT-Bold";
    src: url("/_ui/shared/fonts/mo-5423411/8706c0b6-b423-44f7-ae1a-dd0aabd8a542.eot?#iefix");
    src: url("/_ui/shared/fonts/mo-5423411/8706c0b6-b423-44f7-ae1a-dd0aabd8a542.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423411/41c8162d-c2a6-49b0-8139-8bebab187588.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423411/4fe94f2e-7892-4785-9663-0350a7adf8c0.woff") format("woff"), url("/_ui/shared/fonts/mo-5423411/3a7daddb-0a78-4734-a699-6fe08d0e8b99.ttf") format("truetype");
}
@font-face {
    font-family: "MarkOT-MediumItalic";
    src: url("/_ui/shared/fonts/mo-5423424/ad36e979-6b98-48d2-8eba-94a849628bd1.eot?#iefix");
    src: url("/_ui/shared/fonts/mo-5423424/ad36e979-6b98-48d2-8eba-94a849628bd1.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423424/d44fc9c2-f445-413e-ade7-cb1c89014c2b.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423424/4027035d-040d-4459-ae90-c3d806bbbe69.woff") format("woff"), url("/_ui/shared/fonts/mo-5423424/3b6e00f9-7247-4af9-9ba4-84f75513f11f.ttf") format("truetype");
}
@font-face {
    font-family: "MarkOT-Medium";
    src: url("/_ui/shared/fonts/mo-5423441/fbdcf9c3-5ae6-4d9a-a599-3764f7c806be.eot?#iefix");
    src: url("/_ui/shared/fonts/mo-5423441/fbdcf9c3-5ae6-4d9a-a599-3764f7c806be.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423441/bca028ce-c27d-4e7d-aa28-f173d521ad14.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423441/37554929-783d-48b4-9346-54af9bdaa5c7.woff") format("woff"), url("/_ui/shared/fonts/mo-5423441/48f92810-bb37-4032-9967-4fc12c9a022c.ttf") format("truetype");
}
@font-face {
    font-family: "MarkOT-Italic";
    src: url("/_ui/shared/fonts/mo-5423458/ff63cbb4-2977-4340-86d8-aea5b5edd54d.eot?#iefix");
    src: url("/_ui/shared/fonts/mo-5423458/ff63cbb4-2977-4340-86d8-aea5b5edd54d.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423458/7deb3b8f-92a6-4d1f-9367-f78fa976d7e6.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423458/795d721b-69d6-4453-92af-a54e6d1895e3.woff") format("woff"), url("/_ui/shared/fonts/mo-5423458/415bf4a9-7f2e-48c9-bf55-4378aaa5d221.ttf") format("truetype");
}
@font-face {
    font-family: "MarkOT-Regular";
    src: url("/_ui/shared/fonts/mo-5423476/85892bf5-3ec3-4b41-962d-b9c2d3dab2ad.eot?#iefix");
    src: url("/_ui/shared/fonts/mo-5423476/85892bf5-3ec3-4b41-962d-b9c2d3dab2ad.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423476/3b985398-c848-456f-8878-6a5c2a72b82a.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423476/260903aa-66f6-4578-8f4e-aed460e46563.woff") format("woff"), url("/_ui/shared/fonts/mo-5423476/aee5511e-bc73-45e1-9963-0ff9e501ba59.ttf") format("truetype");
}
@font-face {
    font-family: "MarkOT-Book";
    src: url("/_ui/shared/fonts/mo-5423512/54057d6c-ad55-40c0-aa2d-4b1348b3195c.eot?#iefix");
    src: url("/_ui/shared/fonts/mo-5423512/54057d6c-ad55-40c0-aa2d-4b1348b3195c.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423512/f1b16fb3-8503-4dce-80bc-07d3e0c30bd9.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423512/f242993f-4782-491e-a08d-79a4e639df80.woff") format("woff"), url("/_ui/shared/fonts/mo-5423512/1ccc3f71-d610-4aa1-ad7f-33d6aa9687be.ttf") format("truetype");
}
@font-face {
    font-family: "MarkOT-Light";
    src: url("/_ui/shared/fonts/mo-5423556/c053118e-d248-4983-a758-a8c6e40b30c0.eot?#iefix");
    src: url("/_ui/shared/fonts/mo-5423556/c053118e-d248-4983-a758-a8c6e40b30c0.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423556/b97a8e0e-6cbd-4d13-87ec-633b3b66372f.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423556/0a9b15a7-4d29-4f81-b95e-01a521f3fb50.woff") format("woff"), url("/_ui/shared/fonts/mo-5423556/bbe0fd08-b480-4132-bce1-5722077c377b.ttf") format("truetype");
}

/*************
    Styles for minor global font treatment
    *********/
.smallerCopy {
    font-size: 13px;
    line-height: 15px;
}
.smallestCopy {
    font-size: 12px;
    line-height: 14px;
}
.largeCopy {
    font-size: 24px;
    line-height: 26px;
}
.caps {
    text-transform: uppercase;
}
.disclaimer {
    color: #929aa5;
    font-size: 13px;
    line-height: 18px;
}
#userInvalid:focus {
    outline: 2px solid #85BFFD;
}
.orangeText {
    color: #f8c612;
}
.italic {
    font-family: "MarkOT-Italic";
}
.alignR {
    text-align: right;
}
.alignL {
    text-align: left;
}
.alignC {
    text-align: center;
}
input.email-input {
    height: 31px \9 !important;
}
.pstrength-bar-holder {
    clear: both;
    width: 247px;
}
input[type="text"].error, input[type="email"].error, input[type="password"].error, select.error, .sbHolder.error, textarea.error {
    border-color: red;
}
input[type="text"].count, input[type="email"].count, input[type="password"].count, select.count, .sbHolder.count, textarea.count {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
input[type="text"][disabled], input[type="email"][disabled], input[type="password"][disabled], select[disabled], .sbHolder[disabled], textarea[disabled] {
    background: #e8e8e8;
}
textarea {
    height: 175px;
    line-height: 17px;
    padding: 5px 20px;
}
.field {
    padding-bottom: 10px;
}
.field .field {
    padding-bottom: 0;
}
.field label {
    display: inline-block;
    padding-left: 20px;
}
.field .prettyradio label, .field .prettycheckbox label {
    padding-left: 0;
}
.field .chosen-container {
    margin: 5px 0;
}
.field + .help-inline {
    margin-top: -15px;
    margin-bottom: 10px;
}
.field .field + .help-inline {
    margin-top: -5px;
    margin-bottom: 0;
}
*:focus {
}

/* removed display: none; by default errors happen on page refresh.
If we need error display for ajax functions create another style or set not
display on startup*/
.errorMsg {
    display: none;
    color: #c90400;
    font-size: 15px;
    padding-left: 5px;
}
.page-signin .errorMsg, #forgottenPwdForm .errorMsg, .page-my-replenishment-orders .errorMsg {
    display: block;
    position: absolute;
    left: -20000px;
}
.chosen-container {

    /*   vertical-align: baseline; */
    margin: 15px 0;
    font-size: 15px;
    width: 301px;
}
.chosen-container.chosen-with-drop .chosen-drop {
    box-shadow: none;
    border: 1px solid #ebebeb;
    border-top: 0;
}
.chosen-container .chosen-results {
    padding-left: 20px;
}
.chosen-container .chosen-results.custom_scroll {
    max-height: none;
    overflow-y: visible;
}
.chosen-container .chosen-results li {
    border-top: 1px solid #ebebeb;
    font-size: 15px;
    padding: 10px 0;
    width: 85%;
}
.chosen-container .chosen-results li.highlighted {
    color: #f8c612;
    background: none;
}
.chosen-container .chosen-results li.img_option {
    display: table;
    position: relative;
}
.chosen-container .chosen-results li.img_option.highlighted {
    background: #f1f1f1;
    color: #333;
}
.chosen-container .chosen-results li.img_option.result-selected:before {
    content: '';
    background: url(../images/global/ico_check.png) no-repeat;
    width: 19px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -9px;
}
.chosen-container .chosen-results li.img_option img {
    display: table-cell;
    margin: 0 20px 0 40px;
}
.chosen-container .chosen-results li.img_option .prod_info {
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
}
.chosen-container .chosen-results li.img_option .prod_info .prod_title {
    display: block;
    font-family: 'MarkOT-Medium';
    font-size: 15px;
}
.chosen-container .chosen-results li.img_option .prod_info .prod_desc {
    display: block;
    font-size: 15px;
}
.chosen-container-single .chosen-single {
    background: #fff;
    border: 1px solid #ebebeb;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    height: 31px;
    line-height: 31px;
    padding: 0 20px 0 21px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.chosen-container-single .chosen-single div b {
    position: relative;
}
.chosen-container-single .chosen-single div b:after, .chosen-container-single .chosen-single div b:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.chosen-container-single .chosen-single div b:after {
    border-top-color: white;
    border-width: 6px;
    margin-left: -6px;
}
.chosen-container-single .chosen-single div b:before {
    border-top-color: #c1c6cc;
    border-width: 7px;
    margin-left: -7px;
}
.chosen-container-single .chosen-single div b:after, .chosen-container-single .chosen-single div b:before {
    left: 0;
    top: 50%;
    margin-top: -3px;
}
.chosen-container-single .chosen-single span {
    font-size: 15px;
}
.chosen-container-single .chosen-drop {
    -moz-border-radius-bottomleft: 18px;
    -webkit-border-bottom-left-radius: 18px;
    border-bottom-left-radius: 18px;
    -moz-border-radius-bottomright: 18px;
    -webkit-border-bottom-right-radius: 18px;
    border-bottom-right-radius: 18px;
}
.chosen-container-active.chosen-with-drop .chosen-single {
    background: #fff;
    box-shadow: none;
    border: 1px solid #ebebeb;
}
.chosen-container-active .chosen-single {
    box-shadow: none;
}
.prettyradio, .prettycheckbox {
    display: inline-block;
    padding: 0;
    margin: 0;
}
.prettyradio > a, .prettycheckbox > a {
    display: block;
    float: left;
    cursor: pointer;
    margin: 5px;
    width: 15px;
    height: 15px;
}
.prettyradio > a:focus, .prettycheckbox > a:focus {
    outline: 0 none;
}
.prettyradio label, .prettycheckbox label {
    display: block;
    float: left;
    margin: 3px 2px;
    cursor: pointer;
    font-size: 15px;
}
.prettyradio a.disabled, .prettyradio label.disabled, .prettycheckbox a.disabled, .prettycheckbox label.disabled {
    cursor: not-allowed;
}
.prettycheckbox > a {
    width: 17px;
    height: 16px;
}
.prettyradio > a {
    background: url(../images/radio/radio_off.png) no-repeat;
}
.prettyradio > a.checked {
    background: url(../images/radio/radio_on.png) no-repeat;
}
.largeRadio .prettyradio > a {
    height: 28px;
    width: 28px;
    background: url(../images/radio/radio_large_off.png) no-repeat;
    margin-top: -2px;
}
.largeRadio .prettyradio > a.checked {
    background: url(../images/radio/radio_large_on.png) no-repeat;
}
.largeRadio .prettyradio label {
    width: 70%;
}
.prettycheckbox > a {
    background: url(../images/radio/box-unchecked.png) no-repeat bottom left;
}
.prettycheckbox > a.checked {
    background: url(../images/radio/box-checked.png) no-repeat bottom left;
}
.prettycheckbox.circleCheck > a {
    background: url(../images/radio/radio_off.png) no-repeat;
}
.prettycheckbox.circleCheck > a.checked {
    background: url(../images/radio/radio_on.png) no-repeat;
}
.prettycheckbox {
    position: relative;
}
.prettycheckbox input[name='emailOptIn'] {
    display: block !important;
    position: absolute;
    left: -18px;
    top: -5px;
    opacity: 0.01;
    z-index: 100;
}
label#emailOptIn {
    padding-left: 20px;
}
.prettycheckbox > input[name='emailOptIn'] + a {
    display: none;
}
.prettycheckbox input[name='emailOptIn'] + a + label[for='emailOptIn'], .prettycheckbox input[name='emailOptIn'] + a + label[for='emailOptIn-guest']  {
    margin-top: 0;
}
.prettycheckbox input[name='emailOptIn'] + a + label[for='emailOptIn']:before, .prettycheckbox input[name='emailOptIn'] + a + label[for='emailOptIn-guest']:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0px;
    left: -20px;
    background: url(../images/radio/box-unchecked.png) no-repeat bottom left;
}
.prettycheckbox input[name='emailOptIn']:checked + a + label[for='emailOptIn']:after, .prettycheckbox input[name='emailOptIn']:checked + a + label[for='emailOptIn-guest']:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0px;
    left: -20px;
    background: url(../images/radio/box-checked.png) no-repeat bottom left;
}
.prettycheckbox input[name='emailOptIn']:focus + a + label[for='emailOptIn']:before, .prettycheckbox input[name='emailOptIn']:focus + a + label[for='emailOptIn']:after, .prettycheckbox input[name='emailOptIn']:focus + a + label[for='emailOptIn-guest']:before,  .prettycheckbox input[name='emailOptIn']:focus + a + label[for='emailOptIn-guest']:after{
    outline: 2px solid #85BFFD;
}
.img_checkbox {
    position: relative;
    width: 44px;
    height: 52px;
}
.img_checkbox label {
    display: none;
}
.img_checkbox > a {
    background: none;
}
.img_checkbox > a.checked {
    background: none;
}
.img_checkbox > a.checked span {
    display: inline;
}
.img_checkbox > a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 44px;
    margin: 0;
}
.img_checkbox > a span {
    display: none;
    background: url(../images/brewer_swatches/brewer_swatch_selected.png) no-repeat center bottom;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.apply_radio {
    width: 100%;
    border: 1px solid #ebebeb;
    margin: 0 0 5px;
    padding: 10px;
}
.apply_radio label {
    font-family: 'MarkOT-Bold';
    font-size: 14px;
    color: #999;
    line-height: 15px;
}
.apply_radio label span {
    display: block;
    font-family: 'MarkOT-Regular';
}
.radio_hidden {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    overflow: hidden;
    z-index: -1;
}
.custom-check {
    background: url(../images/global/custom-check-unchecked.png) no-repeat top left;
    color: #929aa5;
    cursor: pointer;
    display: block;
    margin-bottom: 20px;
    font-size: 15px;
    padding-left: 27px;
    position: relative;
    overflow: hidden;
}
.custom-check.checked {
    color: #333;
}
.custom-check.rad {
    background: url(../images/global/custom-check-unchecked.png) no-repeat 0 2px;
}
.custom-check.rad.checked {
    background-image: url(../images/global/custom-check.png);
}
.custom-check.check {
    background: url(../images/radio/box-unchecked.png) no-repeat 0 2px;
}
.custom-check.check.checked {
    background-image: url(../images/radio/box-checked_2.png);
}
.custom-check input[type="checkbox"], .custom-check input[type="radio"] {
    position: absolute;
    top: -200px;
    height: 0;
    width: 0;
    -webkit-appearance: none;
}

body.expandNav .cover {
    visibility: visible;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: 0.8;
}
body.expandNav.storeNav .menu_holder {
    top: 109px;
}
body.expandNav.searchDropdown .cover {
    top: 0;
    z-index: 3;
}
body.expandNav.searchDropdown header nav {
    z-index: 2;
}
.cover {
    background: #333;
    visibility: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -moz-transition: opacity, 0.4s;
    -o-transition: opacity, 0.4s;
    -webkit-transition: opacity, 0.4s;
    transition: opacity, 0.4s;
}
.menu_holder {
    width: 100%;
    position: absolute;
    left: 0;
    top: -525px;
    background: #FFF;
    z-index: 2;
    -moz-transition: top, 0.4s;
    -o-transition: top, 0.4s;
    -webkit-transition: top, 0.4s;
    transition: top, 0.4s;
}
.menu_holder, .menu_holder > .content {
    height: 525px;
}
.menu_holder .dropdown_cat {
    padding-bottom: 95px;
    padding-right: 0;
    position: relative;
    overflow: hidden;
    height: 100%;
}
.menu_holder .dropdown_cat.beverages {
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
}
.menu_holder .dropdown_hero {
    height: 220px;
    margin-bottom: 20px;
    overflow: hidden;
}
.menu_holder .dropdown_hero.brewers {
    background-image: -moz-linear-gradient(#e6e7e9, #f1f2f3);
    background-image: -webkit-linear-gradient(#e6e7e9, #f1f2f3);
    background-image: linear-gradient(#e6e7e9, #f1f2f3);
}
.menu_holder .dropdown_hero.brewers img {
    margin-left: -194px;
}
.menu_holder .dropdown_hero.beverages img {
    position: static;
    width: 100%;
    min-width: 670px;
    margin: 0 auto;
}
.menu_holder .dropdown_hero.accessories {
    background-image: -moz-linear-gradient(#e6e7e9, #f1f2f3);
    background-image: -webkit-linear-gradient(#e6e7e9, #f1f2f3);
    background-image: linear-gradient(#e6e7e9, #f1f2f3);
}
.menu_holder .dropdown_hero.accessories img {
    margin-left: -100px;
}
.menu_holder .dropdown_hero img {
    position: relative;
    top: 0;
    left: 50%;
}
.menu_holder .dropdown_header {
    font-size: 20px;
    font-family: "MarkOT-Medium";
    margin-top: 20px;
    margin-left: 20px;
    color: #333;
    display: block;
}
.menu_holder .dropdown_links {
    display: inline-block;
    margin-right: 40px;
    vertical-align: top;
    margin-top: 5px;
}
.menu_holder .dropdown_links:first-of-type {
    margin-left: 20px;
}
.menu_holder .dropdown_links:last-of-type {
    margin-right: 0;
}
.menu_holder .dropdown_links li {
    margin-top: 10px;
}
.menu_holder .dropdown_links li a {
    font-size: 18px;
    font-family: "MarkOT-Regular";
    text-decoration: none;
    color: #333;
    -moz-transition: color, 0.2s;
    -o-transition: color, 0.2s;
    -webkit-transition: color, 0.2s;
    transition: color, 0.2s;
}
.menu_holder .dropdown_links li a:hover {
    color: #f8c612;
}
.menu_holder .shop_all {
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -150px !important;
    white-space: nowrap;
    min-width: 300px;
}
@media screen and (max-width:1200px) {
    .menu_holder .dropdown_links {
        margin-right: 30px;
    }
    .menu_holder .dropdown_links li a {
        font-size: 16px;
    }
}
body.expandNav.searchDropdown #searchDropdown {
    top: 0;
    z-index: 25;
}
#searchDropdown {
    -moz-transition: top, 0.4s;
    -o-transition: top, 0.4s;
    -webkit-transition: top, 0.4s;
    transition: top, 0.4s;
    background: #f3f3f3;
    max-height: 330px;
    left: auto;
    overflow: hidden;
    padding: 15px 0 0 40px;
    position: absolute;
    right: 58px;
    top: -830px;
    width: 600px;
}
#searchDropdown .searchBg {
    background: #fff;
    margin: 0 40px 20px 0;
}
#searchDropdown input#searchField {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-color: #fff;
    color: #323234;
    font-family: "MarkOT-Regular";
    font-size: 36px;
    height: 55px;
    line-height: 55px;
    margin: 0;
    width: 420px;
}

/*input::-ms-clear {*/

/*display: none;*/

/*}*/
#searchDropdown a[href="#close"] {
    float: right;
    margin: 12px 8px 0 0;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
#searchDropdown a[href="#close"]:hover {
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    opacity: 0.75;
}
#searchDropdown input[type="submit"] {
    border: 0;
    float: right;
    margin: 12px 17px 0 0;
    cursor: pointer;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
#searchDropdown input[type="submit"]:hover {
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    opacity: 0.75;
}
#searchDropdown .searchResults {
    font-size: 18px;
    line-height: 24px;
}
#searchDropdown .searchResults .title {
    font-size: 16px;
}
#searchDropdown .searchResults .results {
    padding-top: 10px;
    position: relative;
}
#searchDropdown .searchResults .searchSuggestions {
    border-right: 1px solid #d8dce0;
    float: left;
    height: 240px;
    width: 166px;
}
#searchDropdown .searchResults .searchProducts {
    float: left;
    padding-left: 10px;
    width: 393px;
}
#searchDropdown .searchResults .searchSuggestions .results {
    display: block;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    width: 100%;
    text-align: left;
}
#searchDropdown .searchResults .searchSuggestions .results .ui-state-focus {
    color: #333;
    background: #f8c612;
    outline: none;
}
#searchDropdown .searchResults .searchSuggestions .results .ui-autocomplete {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    max-height: 300px;
    overflow-y: auto;    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    position: relative;
    width: 90% !important;
    left: 0 !important;
    top: 0 !important;
    text-align: left;
}
#searchDropdown .searchResults .searchSuggestions .results .ui-autocomplete li {
    width: 100%;
    display: block;
    float: none;
    clear: both;
    text-align: left;
}
#searchDropdown .searchResults .searchSuggestions .results .ui-autocomplete li a {
    font-family: 'MarkOT-Bold';
    font-size: 14px;
    line-height: normal;
    color: #929aa5;
    text-decoration: none;
    cursor: pointer;
    padding: 0 0 10px;
}
#searchDropdown .searchResults .searchSuggestions .results .ui-autocomplete li a:hover {
    font-family: 'MarkOT-Bold';
    font-weight: normal;
}
#searchDropdown .searchResults .searchSuggestions .results .ui-autocomplete li a span {
    color: #333;
    font-family: 'MarkOT-Bold';
}
#searchDropdown .searchResults .searcholdProducts {
    position: relative;
    padding-right: 40px;
}
#searchDropdown .searchResults .searchProducts .results {

    /*  position: absolute;
      height: 520px;
      width: 855px;*/
}
#searchDropdown .cards {
    text-align: left;
}
#searchDropdown .cards .card {
    margin: 0 5px;
}
#searchDropdown .keurig_card {
    height: 205px;
    max-height: 205px;
    position: relative;
    width: 113px;
}
#searchDropdown .keurig_card .front {
    background: transparent;
    padding: 0;
}
#searchDropdown .top_content {
    font-family: "MarkOT-Regular";
    font-size: 12px;
    height: auto;
    line-height: 14px;
    margin: 0;
    max-height: 134px;
    overflow: hidden;
    text-align: center;
    width: auto;
}
#searchDropdown .top_content img {
    height: 90px;
    max-height: 90px;
    max-width: 100%;
}
#searchDropdown .keurig_card .front .top_content .brand_name {
    left: auto;
    margin-top: -4px;
    height: 32px;
    overflow: hidden;
    padding-top: 4px;
    position: relative;
    top: auto;
}
#searchDropdown .keurig_card .product_name, #searchDropdown .product_label {
    font-family: "MarkOT-Bold";
    font-size: 14px;
    line-height: 18px;
    max-height: 58px; /*3 lines, adjusted for +4 padding for sups */
    text-align: center;
}

/*display none transformations for cards in search */
#searchDropdown .keurig_card .front .top_content .points-price, #searchDropdown .keurig_card .back, #searchDropdown .inner, #searchDropdown .keurig_card_shiv, #searchDropdown .card_bottom_content, #searchDropdown .keurig_card .roast_style, #searchDropdown .border {
    display: none;
}
footer {
    border-top: 1px solid #f1f1f1;
    position: relative;
    background-color: #FFF;
    color: #929aa5;
    padding: 15px;
    font-size: 15px;
    margin: 0;
}
footer .links {
    padding: 15px;
}
footer a {
    color: #929aa5;
    text-decoration: none;
}
footer a:before {
    content: '> ';
    padding: 0 5px 0 0;
    font-size: 13px;
}
footer ul {
    width: 16.66667%;
    display: block;
    float: left;
    padding: 0 5px 40px 0;
}
footer ul lh {
    color: #444444;
    padding-bottom: 34px;
    display: block;
    padding-top: 40px;
}
footer ul lh.email, footer ul lh.call, footer ul lh.store {
    padding: 35px 0 15px;
}
footer ul .social, footer ul .select-country {
    margin-top: -10px;
}
footer ul .social a {
    margin-right: 7px;
}
footer #emailSignup {
    background: url(../images/global-mobile/non-retina/ico_mail.png) #f7f7f7 10px 50% no-repeat;
    padding-left: 40px;
}
footer .find-store a:before, footer .select-country a:before {
    display: none;
}
footer .icons-location, footer .flag {
    margin: 0 8px -11px 0;
}
footer .icons-phone {
    margin: 0 8px -4px 0;
}
footer input, footer input[type='email'] {
    max-width: 85%;
    width: 85%;
}
footer .copy {
    border-top: 1px solid #ebebeb;
    padding: 15px 0 25px;
    text-align: center;
    clear: both;
}

/******
  Styles for IE9 and below
******/
.ie9- .menu_holder .dropdown_links {
    margin: 5px 20px;
}
.ie9- .menu_holder .shop_all.btn-box.btn-orange {
    padding-left: 0;
    padding-right: 0;
    min-width: 240px;
    margin-left: -120px !important;
}
.ie9- .menu_holder .dropdown_hero.beverages img {
    height: 100%;
}

/******
  Styles for box links
******/
.btn-box, .user-reviews-container .pr-submit-button, .user-reviews-container .pr-cancel-button {
    font-size: 14px;
    color: #FFF;
    padding: 14px 35px 13px;
    text-transform: uppercase;
    text-align: center;
    font-family: 'MarkOT-Medium';
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    text-decoration: none;
    display: inline-block;
    border: 2px solid transparent;
    border-radius: 2px;
}
.btn-box:hover {
    color: #FFF;
}
.btn-box:disabled {
    color: #FFF;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    opacity: 0.6;
}
.user-reviews-container .pr-submit-button {
    background: #f1be48;
    color: #333;
}
.btn-box.btn-orange:hover{
    cursor: pointer;

}
.user-reviews-container .pr-submit-button:hover {
    cursor: pointer;
    background: #2F4053;
    color: #FFF;
}
.user-reviews-container .pr-submit-button:active {
    background-color: #68676B;
    color: #FFF;
}

.btn-box.btn-grey {

    cursor: pointer;
}

.btn-box.btn-grey:disabled {

    cursor: default;
}

.btn-box.btn-white, .user-reviews-container .pr-cancel-button {
    background: transparent;
    color: #333;
    border: 2px solid #f1be48;
}
.btn-box.btn-white:hover, .user-reviews-container .pr-cancel-button:hover {
    border-color: #2F4053;
}
.btn-box.btn-white:active, .user-reviews-container .pr-cancel-button:active {
    border-color: #68676B;
}
.btn-box.btn-white-alt {

    font-size: 14px;
}
.btn-box.btn-green, .btn-box.btn-green:hover {
    background: #68676B !important;
    color: #FFF !important;
}
.same-width-buttons .btn-box {
    margin: 0 auto 10px;
    width: 250px;
}

/******
  Styles for text links
******/
.textLinks {
    clear: both;
    padding: 15px 0;
    margin: 0;
}

/******
  Styles for link within Copy
******/
.copy-link {
    color: #9fa6b0;
    text-decoration: underline;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.copy-link:hover {
    color: #f8c612;
}

/******
  Styles for Circle links with background images in span tags
******/
.circle-link {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    height: 28px;
    line-height: 28px;
    width: 28px;
    padding: 0;
    text-align: center;
    display: inline-block;
    position: relative;
    text-decoration: none;
    background: #fff;
    color: #929aa5;
    border: 1px solid #929aa5;
    font-size: 15px;
}
.circle-link:hover {
    background: #929aa5;
    color: #fff;
}
.circle-link-image, .extraInfo, .circle-link-image, .extraInfo1 {
    text-decoration: none;
    color: #333;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;    /*height: 30px;*/
    position: relative;    /*****
      specific to circle links with text the right
    ******/

    /*****
      specific to help button with info popup on hover
    ******/
}
.extraInfo.cart-special, .extraInfo1.cart-special {
    height: 0;
    width: 100%;
}
.circle-link-image {
    cursor: pointer;
}
.circle-link-image .hover, .extraInfo .hover, .circle-link-image .hover, .extraInfo1 .hover {
    display: inline-block;
}
.circle-link-image .hover span, .extraInfo .hover span, .circle-link-image .hover span, .extraInfo1 .hover span {
    display: block;
    float: left;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
}
.circle-link-image:hover, .extraInfo:hover {
    color: #f8c612;
}
.circle-link-image:hover .hover span, .extraInfo:hover .hover span {
    filter: "progid:DXImageTransform.Microsoft.Alpha(enabled=false)";
    opacity: 1;
}
.circle-link-image.text .hover, .extraInfo.text .hover, .circle-link-image.text .hover, .extraInfo1.text .hover {
    margin: 0 10px -10px 0;
}
.circle-link-image .msg, .circle-link-image .msg1 {
    width: 320px;
}
.circle-link-image .msg, .extraInfo .msg, .circle-link-image .msg1, .extraInfo1 .msg1 {
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    display: block;
    position: absolute !important;
    left: -145px;
    border: 0;
    top: 45px;
    height: 0;
    text-align: left;
    font-size: 15px;
    color: black !important;
    background: white !important;
    overflow: hidden;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    z-index: 0;
}
.circle-link-image .msg p, .extraInfo .msg p, .circle-link-image .msg1 p, .extraInfo1 .msg1 p {
    margin: 15px;
}
.circle-link-image .msg img, .extraInfo .msg img, .circle-link-image .msg1 img, .extraInfo1 .msg1 img {
    display: block;
    width: 100%;
}
.circle-link-image:hover .msg, .extraInfo:hover .msg, .cart-special .msg, .circle-link-image:hover .msg1, .extraInfo1:hover .msg1, .cart-special .msg1 {
    overflow: visible;
    height: auto;
    border: 1px solid #c1c6cc;
    filter: "progid:DXImageTransform.Microsoft.Alpha(enabled=false)";
    opacity: 1;
    z-index: 10;
    line-height: 18px;
    padding: 12px 18px 11px;
}
.msg-position {
    display: inline-block;
    position: relative;
}
.cart-special .msg {
    bottom: auto;
    font-family: 'MarkOT-Bold';
    left: 100%;
    margin-left: 15px;
    text-align: left;
    top: -12px;
    width: 200px;
}
.circle-link-image.help, .extraInfo.help {
    font-size: 25px;
}
.circle-link-image.help:hover .msg, .extraInfo.help:hover .msg, .circle-link-image.help:hover .msg1, .extraInfo1.help:hover .msg1 {
    position: relative;
}
.circle-link-image.help:hover .msg:after, .circle-link-image.help:hover .msg:before, .extraInfo.help:hover .msg:after, .extraInfo.help:hover .msg:before, .circle-link-image.help:hover .msg1:after, .circle-link-image.help:hover .msg1:before, .extraInfo1.help:hover .msg1:after, .extraInfo1.help:hover .msg1:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.circle-link-image.info:hover .msg, .extraInfo.info:hover .msg {
    position: relative;
    top: auto;
    bottom: 45px;
}
.circle-link-image.info1:hover .msg1, .extraInfo1.info1:hover .msg1 {
    bottom: 50px;
    position: relative;
    top: auto;
}
.circle-link-image.help:hover .msg:before, .extraInfo.help:hover .msg:before, .circle-link-image.help:hover .msg1:before, .extraInfo1.help:hover .msg1:before {
    border-bottom-color: #c1c6cc;
    border-width: 11px;
    margin-left: -11px;
}
.circle-link-image.info:hover .msg:after, .circle-link-image.info:hover .msg:before, .extraInfo.info:hover .msg:after, .extraInfo.info:hover .msg:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.circle-link-image.info1:hover .msg1:after, .circle-link-image.info1:hover .msg1:before, .extraInfo1.info1:hover .msg1:after, .extraInfo1.info1:hover .msg1:before {
    top: 100%;
    left: 25%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.circle-link-image.info:hover .msg:after, .extraInfo.info:hover .msg:after, .circle-link-image.info1:hover .msg1:after, .extraInfo1.info1:hover .msg1:after {
    border-top-color: white;
    border-width: 10px;
    margin-left: -10px;
}
.circle-link-image.info:hover .msg:before, .extraInfo.info:hover .msg:before, .circle-link-image.info1:hover .msg1:before, .extraInfo1.info1:hover .msg1:before {
    border-top-color: #c1c6cc;
    border-width: 11px;
    margin-left: -11px;
}
.cart-special .msg:before, .cart-special .msg:after {
    right: 100%;
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.cart-special .msg:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 10px;
    margin-top: -10px;
}
.cart-special .msg:before {
    border-color: rgba(193, 198, 204, 0);
    border-right-color: #c1c6cc;
    border-width: 11px;
    margin-top: -11px;
}
.quantity a {
    float: left;
}
.quantity input.count {
    float: left;
    line-height: 30px;
    height: 30px;
    display: block;
    width: 28px;
    text-align: center;
    margin: 0 5px;
    padding: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
}
.pill_holder {
    margin-bottom: 40px;
}
.bottom_content {
    background: #FFF;
    width: 100%;
    clear: both;
    margin-bottom: 80px;
    padding-top: 100px;
}
#productTabs ul.tabs-list li a {
    padding: 0;
    font-size: 15px;
}
.pill, .tabs-list {
    list-style: none;
    position: relative;
    z-index: 1;
}
.pill.steps li, .tabs-list.steps li {
    border-right: none;
    background: #c8cbce;
    position: relative;
    padding: 10px 40px;
    text-align: center;
}
.pill.steps li:after, .pill.steps li:before, .tabs-list.steps li:after, .tabs-list.steps li:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.pill.steps li:after, .tabs-list.steps li:after {
    border-left-color: #c8cbce;
    border-width: 20px;
    margin-top: -20px;
}
.pill.steps li:before, .tabs-list.steps li:before {
    border-left-color: white;
    border-width: 22px;
    margin-top: -22px;
}
.pill.steps li:first-of-type, .tabs-list.steps li:first-of-type {
    -moz-border-radius-topleft: 18px;
    -webkit-border-top-left-radius: 18px;
    border-top-left-radius: 18px;
    -moz-border-radius-bottomleft: 18px;
    -webkit-border-bottom-left-radius: 18px;
    border-bottom-left-radius: 18px;
}
.pill.steps li:before, .pill.steps li:after, .tabs-list.steps li:before, .tabs-list.steps li:after {
    left: 0;
}
.pill.steps li:first-of-type:before, .pill.steps li:first-of-type:after, .tabs-list.steps li:first-of-type:before, .tabs-list.steps li:first-of-type:after {

    /* display: none; */
}
.pill.steps li.active, .tabs-list.steps li.active {
    position: relative;
    background: #FFF;
}
.pill.steps li.active:after, .pill.steps li.active:before, .tabs-list.steps li.active:after, .tabs-list.steps li.active:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.pill.steps li.active:after, .tabs-list.steps li.active:after {
    border-top-color: white;
    border-width: 8px;
    margin-left: -8px;
}
.pill.steps li.active:before, .tabs-list.steps li.active:before {
    border-top-color: white;
    border-width: 12px;
    margin-left: -12px;
}
.pill.steps li.active:before, .pill.steps li.active:after, .tabs-list.steps li.active:before, .tabs-list.steps li.active:after {
    position: absolute;
    top: 150%;
    display: block;
}
.pill.steps li.next_step, .tabs-list.steps li.next_step {
    position: relative;
}
.pill.steps li.next_step:after, .pill.steps li.next_step:before, .tabs-list.steps li.next_step:after, .tabs-list.steps li.next_step:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.pill.steps li.next_step:after, .tabs-list.steps li.next_step:after {
    border-left-color: #fff;
    border-width: 20px;
    margin-top: -20px;
}
.pill.steps li.next_step:before, .tabs-list.steps li.next_step:before {
    border-left-color: #f1f1f1;
    border-width: 22px;
    margin-top: -22px;
}
.pill.steps li.next_step:before, .pill.steps li.next_step:after, .tabs-list.steps li.next_step:before, .tabs-list.steps li.next_step:after {
    left: 0;
}
.pill.steps li.prev_step:after, .pill.steps li.prev_step:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}
.pill.steps li.prev_step:after {
    border-left-color: #c8cbce;
    border-width: 20px;
    margin-top: -20px;
}
.pill.steps li.prev_step:before {
    border-left-color: #f1f1f1;
    border-width: 22px;
    margin-top: -22px;
}
.pill.dark li, .tabs-list.dark li {
    background: #f1f1f1;
    padding: 10px 30px;
}
.pill.dark li.active, .tabs-list.dark li.active {
    background: #2b2d2e;
    position: relative;
}
.pill.dark li.active:after, .pill.dark li.active:before, .tabs-list.dark li.active:after, .tabs-list.dark li.active:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.pill.dark li.active:after, .tabs-list.dark li.active:after {
    border-top-color: #2b2d2e;
    border-width: 8px;
    margin-left: -8px;
}
.pill.dark li.active:before, .tabs-list.dark li.active:before {
    border-top-color: #2b2d2e;
    border-width: 12px;
    margin-left: -12px;
}
.pill.dark li.active a, .tabs-list.dark li.active a {
    color: #FFF;
}
.pill.dark li a, .tabs-list.dark li a {
    color: #2b2d2e;
}
.pill li, .tabs-list li {
    background: #FFF;
    border-right: 1px solid #ebebeb;
    padding: 10px 20px;
    font-size: 15px;
    float: left;
    position: relative;
}
.pill li:first-of-type, .tabs-list li:first-of-type {
    -moz-border-radius-topleft: 18px;
    -webkit-border-top-left-radius: 18px;
    border-top-left-radius: 18px;
    -moz-border-radius-bottomleft: 18px;
    -webkit-border-bottom-left-radius: 18px;
    border-bottom-left-radius: 18px;
}
.pill li:last-of-type, .tabs-list li:last-of-type {
    -moz-border-radius-topright: 18px;
    -webkit-border-top-right-radius: 18px;
    border-top-right-radius: 18px;
    -moz-border-radius-bottomright: 18px;
    -webkit-border-bottom-right-radius: 18px;
    border-bottom-right-radius: 18px;
    border-right: none;
}
.pill li.active, .tabs-list li.active {
    position: relative;
    background: #FFF;
}
.pill li.active:after, .pill li.active:before, .tabs-list li.active:after, .tabs-list li.active:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.pill li.active:after, .tabs-list li.active:after {
    border-top-color: white;
    border-width: 8px;
    margin-left: -8px;
}
.pill li.active:before, .tabs-list li.active:before {
    border-top-color: white;
    border-width: 12px;
    margin-left: -12px;
}
.pill li.active a, .tabs-list li.active a {
    color: #f8c612;
}
.pill li a, .tabs-list li a {
    color: #333;
    text-decoration: none;
}
.pill.steps li a:hover {
    color: #fff;
}
.pill.nav li a:hover, .pill li.active a:hover, .tabs-list li.active a:hover {
    color: #f8c612;
}
.accordion_holder {
    margin-top: 20px;
}
ul.accordion {
    list-style: none;
    width: 100%;
    padding: 30px 20px;
}
ul.accordion.grey {
    background: #f1f1f1;
}
ul.accordion li {
    border-bottom: 1px solid #ebebeb;
    font-size: 15px;
    padding: 10px 0;
    position: relative;
}
ul.accordion li:after, ul.accordion li:before {
    top: 15px;
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
ul.accordion li:after {
    border-top-color: white;
    border-width: 6px;
    margin-left: -12px;
}
ul.accordion li:before {
    border-top-color: #f8c612;
    border-width: 7px;
    margin-left: -13px;
}
ul.accordion li.active:before {
    border-top-color: rgba(255, 255, 255, 0);
    border-bottom-color: #f8c612;
    margin-top: -2px;
}
ul.accordion li.active:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
}
ul.accordion.grey li:after {
    border-top-color: #f1f1f1;
}
ul.accordion.grey li:before {
    border-top-color: #f8c612;
}
ul.accordion.grey li.active:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #f1f1f1;
}
ul.accordion.grey li.active:before {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #f8c612;
}
ul.accordion li:first-of-type {
    border-top: 1px solid #ebebeb;
}
ul.accordion li.active a {
    color: #333;
}
ul.accordion li > a {
    color: #333;
    display: block;
    text-decoration: none;
}
ul.accordion li > a:hover {
    color: #f8c612;
}
ul.accordion li > a, ul.accordion li .content {
    padding: 0 20px;
}
ul.accordion li .content {
    display: none;
}
ul.accordion li.active .content {
    display: block;
}

/* out of stock expand section */
div.out-of-stock {
    margin-top: 0;
    padding-right: 20px;
    padding-top: 35px;
}
div.out-of-stock .out-of-stock-expand {
    margin-top: 20px;
}
div.out-of-stock .out-of-stock-expand input[type="text"] {
    max-width: 100%;
}
div.out-of-stock .button-row {
    border-top: 1px solid #d8dce0;
    margin-top: 10px;
    padding-top: 20px;
}
div.out-of-stock a.js-out-of-stock {
    color: #e53d4d;
    display: block;
    font-family: "MarkOT-Medium";
    font-size: 13px;
    line-height: normal;
    text-align: center;
    text-decoration: underline;
}
div.out-of-stock .button-row .btn-box {
    margin: 0;
    min-width: 160px;
    padding-top: 7px;
    padding-bottom: 6px;
    width: 160px;
}
div.out-of-stock .button-row .text-link-arrow {
    margin-top: 6px;
}
.page-productDetails div.out-of-stock {
    margin-top: 48px;
    padding-bottom: 0px;
    padding-right: 0;
    margin-bottom: -25px;
}
.page-productDetails div.out-of-stock .button-row .btn-box {
    min-width: 0;
    width: auto;
}
input.strength {
    margin-bottom: 5px !important;
    float: left;    /* padding-left: 5px; */
}
.link-create {
    float: left;
    color: white !important;
}
.column-header {
    font-weight: 600;
    line-height: 30px;
    font-size: 15px;
}
.shipReview .gift {
    float: left;
    word-break: break-all;
}
div.createAccount.contentPadding .field {
    position: relative;
}
div.createAccount.contentPadding .field div.pstrength-minchar {
    top: 10px;
    position: absolute;
    left: 260px;
}
.rewardsProductCardBtn {
    padding: 14px 15px 13px;
}
.showErrorMsg {
    display: block;
    color: red;
    font-size: 15px;
    padding-left: 5px;
}
div.checkout_information_content div {
    word-wrap: break-word;
    margin-right: 2px;
    width: 139px;
}
.variantOption_img {
    position: absolute;
    left: -80px;
    display: none;
}
.reg-price {
    font-family: 'MarkOT-Medium' !important;
    font-size: 16px !important;
    font-size: 1rem !important;
    line-height: 18px !important;
    color: #333 !important;
}
.pod_login_control #email-existing, .pod_login_control #pass-new {
    width: 275px !important;
}
#pod_frame {
    height: 290px;
    width: 280px;
}
.b_color {
    background-color: white;
    font-size: 14px;
}
#error-pod div {
    border-color: #f05656 !important;
    color: #fff !important;
    background-color: #f05656 !important;
    margin-bottom: 5px;
    position: relative !important;
    display: inline-block !important;
    width: auto !important;
    text-align: left !important;
    padding: 0;
    font-size: 14px;
}
.card_bottom_content .primary-cta {
    color: #ffffff;
    background-color: #41b6e6;
    font-family: "MarkOT-Medium";
    font-size: 14px;
}
.card_bottom_content .primary-cta:hover {
    background-color: #1182cf;
}
.card_bottom_content .full-width {
    padding: 0 !important;
    width: 100% !important;
    text-align: center !important;
}
#checkoutContentPanel .span-20 {
    width: 66.6667% !important;
}
.button_auto_orange {
    background: #f1be48;
    border-color: transparent;
    font-family: 'MarkOT-Bold';
    color: #333;
}
.button_auto_orange:hover {
    cursor: pointer;
    background: #2F4053;
    color: #FFF;
}
.upsell-backdrop-cartPopup, .upsell-backdrop-editgiftcard {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background: rgba(50, 50, 50, 0.7);
}
.upsell-overlay-lightbox {
    position: fixed;
    width: 540px;
    height: 537px;
    top: 50%;
    left: 50%;
    margin-left: -260px;
    margin-top: -250px;
    z-index: 9999;
    background-color: #fff;
    text-align: center;
}
.upsell-overlay-editgiftcard {
    position: fixed;
    width: 695px;
    height: 600px;
    top: 3%;
    left: 20%;    /*margin-left: -260px;
    margin-top: -450px;*/
    z-index: 9999;
    background-color: #fff;   /* text-align: center;*/
}
#PreviewGiftCard #closeBtn {
    right: 20px;
    position: absolute;
    cursor: pointer;
}
#recDet {
    width: 302px;
    height: 350px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
}
#eGiftSubmit button {
    position: absolute;
    right: 40px;
    bottom: 40px;
}
#custDet {
    width: 302px;
    height: 400px;
    overflow: hidden;
    margin-left: 20px;
}
.upsell-overlay-lightbox .icons-close {
    position: absolute;
    top: -15px;
    right: -15px;
}

/*changes for DOR_001 */
#content .autoDeliveryIconImage {
    background-image: url('../images/autoDeliveryIcon_img.png');
    background-repeat: no-repeat;
    cursor: pointer;
    text-indent: -999em;
    width: 40px;
    position: relative;
    top: 23px;
    left: 10px;
}
.autoDeliveryIconImage.bottomDeliveryIcon {
    display: inline-block;
    height: 30px;
    left: 0 !important;
    margin-right: 10px;
    top: 11px !important;
}

/* Fix for KCOM-2430*/
#termsChecknew {
    display: block;
    margin-bottom: -20px;
}
label[for=termsChecknew] {
    margin-left: 20px;
}
#card_cardType_chosen {
    pointer-events: none;
}
#card_cardType {
    pointer-events: none;
}
/*
Keurig Theme - screen.css CSS output file
*/

/***** Address Form Includes Business Address Checkbox *****/
#business-address-form-container {
    width: 100%;
}
table#business-address-form-container td { 
    border: 0;
    padding: 0;
    vertical-align: top;
}
table#business-address-form-container td#container-left {
    width: 1%;
    white-space: nowrap;
    padding-right: 30px;
}
#business-address-form-container #container-right div.control-group {
    position: relative;
    top: 184px;
}
#business-address-form-container #container-right div.prettycheckbox {
    position: relative;
    top: 5px;
}
#sopPaymentDetailsForm div.prettycheckbox, #billingToDetailsForm div.prettycheckbox {
    position: relative;
    top: 5px;
}
.checkoutProcess {
    background: #f1f1f1;
}
.checkoutProcess a.qty-augmenter {
    font-size: 14px;
    line-height: 18px;
    font-family: "MarkOT-Regular";
    color: #68676B;
}
.checkoutProcess a.qty-augmenter:hover {
    border-bottom: 1px solid #2F4053;
}
.checkoutProcess a.qty-augmenter:active {
    border-bottom: 0px;
}
.checkoutProcess span.circle-link-image {
    white-space: nowrap;
}
.checkoutProcess #checkoutProgress {
    margin-right: -20px;
}

/**/
#faqSection ul.accordion li {
    border: none;
    padding: 0;
}
#faqSection ul {
    padding: 0;
}
.checkoutProcess ul {
    list-style: none;
    position: relative;
}
.checkoutProcess ul li {
    position: relative;
}
.checkoutProcess .icons-co-lock {
    margin-right: 5px;
}
.checkoutProcess .icons-co-paypal {
    position: relative;
    left: 4px;
    top: 2px;
}
.checkoutProcess .contentPadding {
    padding-left: 7%;
}
.checkoutProcess .billInfo.contentPadding {
    padding-bottom: 50px;
}
.checkoutProcess .cartItems {
    background: #f1f1f1;
    padding: 55px 20px;
    width: 100%;
    margin: auto;
}
.checkoutProcess .cartItems .cart-header {
    margin-bottom: 40px;
}
.checkoutProcess .cartItems .sectionTitle {
    margin-top: 0;
}
.sectionTitle {
    text-align: left;
    display: block;
}
.cart-banner {
    margin-bottom: -10px;
}
.cart-banner img {
    width: 100%;
    max-width: 800px;
}
.checkoutProcess .prodCount {
    float: none !important;
    clear: both;
}
.checkoutProcess .prodCount:before {
    content: ' (';
}
.checkoutProcess .prodCount:after {
    content: ') ';
}
.checkoutProcess .zip, .checkoutProcess .formInstructions {
    clear: both;
}
.checkoutProcess .zip input, .checkoutProcess .formInstructions input {
    float: left;
}
.checkoutProcess .zip span, .checkoutProcess .formInstructions span {
    display: block;
    float: left;
    margin: 7px 5px;
}
.checkoutProcess .zip .errorMsg, .checkoutProcess .formInstructions .errorMsg {
    float: none;
}
.checkoutProcess .totals .btn-box {
    width: 100%;
}
.checkoutProcess .totals li {
    border-bottom: 1px solid #ebebeb;
    padding: 10px 0;
    min-height: 35px;    /*  line-height: 35px;*/
}
.checkoutProcess .totals li:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}
.checkoutProcess .totals li > span {
    float: right;
    color: #9fa6b0;
}
.checkoutProcess .totals li > span.promo-label {
    color: #333;
    display: inline-block;
    float: none;
    margin-top: 10px;
}
.checkoutProcess .totals li .promo {
    width: 70%;
    display: block;
}
.checkoutProcess .totals li .apply {
    width: 25%;
    padding: 0;
    height: 36px;
    cursor: pointer;
}
.checkoutProcess .totals li .subTotal:before, .checkoutProcess .totals li .savings:before, .checkoutProcess .totals li .total:before {

    /*  content: '$'; */
}
.checkoutProcess .totals li .total {
    font-family: "MarkOT-Bold";
}
.checkoutProcess .totals .help .msg {
    left: -290px;
}
.checkoutProcess .totals .help .msg:before, .checkoutProcess .totals .help .msg:after {
    left: 305px;
}
.checkoutProcess .totals .discounts div {
    text-align: right;
}
.checkoutProcess .totals .ssl {
    margin: 40px 0;
}
.checkoutProcess .addInfo {
    padding: 10px;
}
.checkoutProcess .addInfo div {
    padding: 10px 0;
}
.checkoutProcess .addInfo div span {
    display: block;
    float: left;
    width: 30px;
}
.checkoutProcess .addInfo div .text {
    font-size: 15px;
    width: 85%;
    margin-left: 10px;
}
.checkoutProcess .addInfo div .text .title {
    width: 100%;
    margin: 0;
    padding: 0;
}
.checkoutProcess .addInfo a {
    margin-left: 30px;
}
.checkoutProcess .pill li a {
    text-transform: uppercase;
    white-space: nowrap;
}
.cart-copy ul.icon-holder > li {
    padding-bottom: 45px;
    margin-left: 30px;
}
.cart-copy ul.icon-holder li.notice {
    list-style-image: url("../images/icons-co/special-notes.png");
}
.cart-copy ul.icon-holder li.faq {
    list-style-image: url("../images/icons-co/faqs-question.png");
}
.cart-copy ul.icon-holder li.service {
    list-style-image: url("../images/icons-co/customer-service.png");
}
.checkoutProcess .cart-copy .title {
    font-family: "MarkOT-Medium";
    display: block;
}
.checkoutProcess .key {
    clear: both;
    padding: 40px 0 10px;
    text-transform: uppercase;
}
.checkoutProcess .item {
    padding-bottom: 20px;
    width: 100%;
}
.checkoutProcess .item > li {
    padding: 20px 10px 0 0;
    display: table;
    min-height: 170px;
}

/* Start review auto delivery section alignment on order review page */
.checkoutProcess .item.item-review {
    width: 25%;
    display: block;
    float: left;
    padding: 20px 0 0;
    margin: 0;
}
.checkoutProcess .item-review > li.img, .checkoutProcess .item-review > li.name {
    float: left;
    padding: 0;
    display: block;
    overflow: hidden;
    min-height: 100px;
}
.checkoutProcess .item-review > li.img {
    width: 33.333%;
}
.checkoutProcess .item-review > li.name {
    width: 66.666%;
}
.checkoutProcess .item.item-review > li.img img {
    width: 120%;
    max-width: 120%;
    margin: -10% 0 0 -10%;
}

/* End review auto delivery section alignment on order review page */
.checkoutProcess .item > li.subTot {
    padding-right: 0;
}
.checkoutProcess .item > li > div {
    display: table-cell;
    vertical-align: middle;
}
.checkoutProcess .item .delivery {

    /*margin-top: 15px;*/
}
.checkoutProcess .item > li.img img {
    max-width: 95%;
    max-height: 150px;
    display: inline-block;
    margin: auto;
}
.checkoutProcess .item > li .price {
    color: #9fa6b0;
}
.checkoutProcess .item > li .price:before {

    /* content: '$'; */
}
.checkoutProcess .item > li.bottom {
    clear: both;
    min-height: 30px;
    padding: 0;
    text-align: right;
}
.checkoutProcess .item > li.autoShip {
    height: auto;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    display: block;
    margin: 15px 0;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.checkoutProcess .item > li.autoShip div {
    display: inline-block;
}
.checkoutProcess .item > li.autoShip select.dd {
    width: 165px;
    margin-left: 35px;
}
.checkoutProcess .item.autoShip .autoShip {
    overflow: visible;
    max-height: 50px;
}
.checkoutProcess .item.transit {
    position: absolute;
    width: 86%;
}
.checkoutProcess .subTotal, .subTot {
    text-align: right;
}
.checkoutProcess .subTot {
    color: #9fa6b0;
}
.checkoutProcess .subTot div:before {

    /*   content: '$'; */
}
.checkoutProcess .beverage li.img img {
    width: auto;
    margin: auto;
}
.checkoutProcess .remove {
    text-decoration: none;
    color: #9fa6b0;
}
.checkoutProcess .shipInfo input, .checkoutProcess .shipInfo .chosen-container, .checkoutProcess .billInfo input, .checkoutProcess .billInfo .chosen-container {
    display: block;
}
.checkoutProcess .steps li {
    min-width: 195px;    /*   max-width: 315px; */
}
.checkoutProcess .summary {
    background: #fff;
    font-size: 15px;
    padding-bottom: 50px;
}
.checkoutProcess .summary .content {
    padding: 0 20px;
}
.checkoutProcess .summary .title {
    padding: 25px 20px 7px;
    border-bottom: 2px solid #f1f1f1;
    text-transform: uppercase;
    display: block;
}
.checkoutProcess .summary .print {
    width: 100%;
}
.checkoutProcess .summary .sectionTitle {
    padding: 18px 20px;
    border-top: 2px solid #f1f1f1;
    border-bottom: 1px solid #d8dce0;
    display: block;
    margin: 0;
}
.checkoutProcess .summary .totals {
    padding: 0 20px;
}
.checkoutProcess .summary .totals.content .content {
    padding-left: 0;
    padding-right: 0;
}
.checkoutProcess .summary .addInfo {
    border-top: 2px solid #f1f1f1;
    padding: 48px 20px;
}
.checkoutProcess .summary .cartItms {
    border-bottom: 1px solid #f1f1f1;
}
.checkoutProcess .summary .cartItms .item {
    padding: 22px 0;
}
.checkoutProcess .summary .cartItms .item:first-child {
    border: 0;
}
.checkoutProcess .summary .cartItms .item .img {
    float: left;
    width: 25%;
    display: block;
}
.checkoutProcess .summary .cartItms .item .img img {
    display: inline-block;
    width: 100%;
}
.checkoutProcess .summary .cartItms .item .copy {
    width: 70%;
    float: left;
    margin-left: 10px;
}
.checkoutProcess .summary .cartItms .item .copy .type {
    margin: 0;
    display: inline;
}
.checkoutProcess .summary .cartItms .item .copy .price {
    color: #929aa5;
}
.checkoutProcess .summary .prodType {
    margin: 18px 0;
    display: block;
}
#wishlistdiv {
    text-align: left;
    margin-top: 10px;
}
.cart-container {
    font-size: 15px;
}
.cart-container .totals .btn-box {
    width: 100%;
    margin: 5px 0;
}
.cart-container .cartItems .btn-box {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin: 5px 0;
    border-radius: 2px;
}
.cart-container ul.bundledesc {
    padding-left: 10px;
}
.cart-container ul.bundledesc li {
    list-style-type: disc !important;
}
.cart-container .cartItems .emptyCart .btn-box {
    width: 280px;
}
.checkout-buttons {
    margin-bottom: 20px;
}
.cart-container h1 {
    text-align: left;
}
.cart-container h1 + .continue-shopping {
    clear: left;
    float: left;
    margin-top: -20px;
}
.cart-container .emptyCart {
    border-top: 1px solid #ebebeb;
    padding: 150px 0;
    margin: 0 0 0;    /*  display: none; */
}
.cart-container .emptyCart a {
    margin-top: 50px;
}
.cart-container .totalInfo {
    background: #fff;
    padding: 55px 7%;
    width: 100%;
    clear: both;
}
.cart-container .saved {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ebebeb;
}
#paypalDiv {
    margin: 5px 0;
}
#paypalBottomDiv {
    margin: 0 0 5px;
}
#paypalDiv img, #paypalBottomDiv img {
    height: auto;
    vertical-align: bottom;
    width: 100%;
    margin: 0 0 5px;
}
#paypalDiv img {
    width: 270px;
}
.suggestions {
    background: url(../images/checkout/suggestion-bg.png) no-repeat top;
    background-size: 100% auto;
    min-height: 460px;
    clear: both;
    display: block;
    position: relative;
    padding-bottom: 50px;
}
.suggestions .sectionTitle {
    color: #fff;
    text-align: center;
    padding: 55px;
    margin: auto 0;
}
.cart-copy > ul > li {
    padding-bottom: 45px;
    margin-left: 30px;
}
.cart-copy > ul > li.notice {
    list-style-image: url("../images/icons-co/special-notes.png");
}
.cart-copy > ul > li.faq {
    list-style-image: url("../images/icons-co/faqs-question.png");
}
.cart-copy > ul > li.service {
    list-style-image: url("../images/icons-co/customer-service.png");
}
.cart-copy .title {
    font-family: "MarkOT-Medium";
    display: block;
}
.strike {
    text-decoration: line-through;
}
.page-signin {
    font-size: 15px;    /*margin-bottom: 40px;*/
}
.page-signin .sec {
    width: 321px;
    margin: auto;
}
.page-signin .sec .title {
    font-size: 30px;
    border-bottom: 1px solid #ebebeb;
    line-height: 31px;
    padding-bottom: 15px;
    margin-bottom: 45px;
    display: block;
}
.page-signin .sec.edgeRight {
    margin: 0;
}
.page-signin .new {
    padding: 0 .0486%;
    border: 1px solid #ebebeb;
    border-width: 0 1px;
}
.page-signin .sec.edgeBoth {
    width: 341px;
}
.page-signin .new .info {
    margin-left: 10px;
}
.page-signin .button-row {
    margin: 35px 0 55px;
}
.page-signin .btn-box {
    width: 275px;
    display: block;
}
.page-signin input {
    display: block;
}
.page-signin #password-forgotten {
    margin-bottom: 5px;
}
.page-signin .yCmsContentSlot {
    font-size: 15px;
}
.page-signin .chosen-container {
    margin-top: 0;
}
.page-signin .forgot-password-container {
    margin-top: 10px;
}
.page-signin .prettyradio > a, .page-signin .prettycheckbox > a {
    margin: 0;
}
#content #body.page-signin-reorder {
    font-size: 15px;
    background-image: url('/_ui/desktop/common/images/KeurigKCupsBG.jpg') !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    color: #fff;
    padding-bottom: 100px;
    z-index: initial !important;
}
.page-signin-reorder .maxContentWidth {

    /*padding-left: 108px;*/
    margin-top: 140px;
}
.page-signin-reorder .maxContentWidth h1 {
    color: #fff;
    text-align: left;
    font-size: 43px;
    margin: 0;
}
.page-signin-reorder .maxContentWidth h3 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 44px;
}
#body.page-signin-reorder #password-forgotten {
    color: #fff;
}
.page-signin-reorder .maxContentWidth p {
    margin-bottom: 5px;
}
.page-signin-reorder .disclaimer, .page-signin-reorder .control-label, .page-signin-reorder .forgot-password-container  a {
    color: #fff;
}
.page-signin-reorder .control-label, .page-signin-reorder .forgot-password-container  a {
    font-size: 18px;
}
.page-signin-reorder .control-group input {
    border: 2px solid #faad1d;
}
.page-signin-reorder .form-actions {
    padding-left: 13px;
}
.semi-transparent-overlay {
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .4);
    z-index: -1;
}
.pstrength-minchar {
    margin-bottom: 20px;
}
.shipping-container .shipInfo {
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.shipping-container .shipInfo .chooseAddress {
    font-size: 15px;
    color: #c1c6cc;
    margin: 50px 0;
}
.shipping-container .shipInfo .chooseAddress .select {
    width: 321px;
    float: left;
}
.shipping-container .shipInfo .chooseAddress .edit {
    width: 250px;
    float: left;
    padding-top: 30px;
}
.shipping-container .shipInfo .chooseAddress .edit a {
    color: #c1c6cc;
    font-size: 14px;
}
.shipping-container .shipInfo .chooseAddress .edit a:hover {
    color: #db9623;
}
.shipping-container .addressInfo {
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.shipping-container .continue {
    width: 460px;
    height: 47px;
}
.shipping-container .shipMethod {
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.shipping-container .shipMethod .prettyradio {
    padding-bottom: 25px;
}

/*.shipping-container .largeRadio label {*/

/*width: 465px;*/

/*}*/

.shipping-container label {
    display: block;
    color: #333;
    font-size: 18px;
}
.shipping-container .giftMsg {
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.shipping-container .giftMsg input, .shipping-container .giftMsg textarea {
    width: 275px;
    display: block;
}
.shipping-container .giftMsg .prettyradio label {
    margin-top: 2px;
}
.shipping-container.shipEdit .shipInfo .chooseAddress {
    margin-bottom: 0;
    color: #333;
}
.shipping-container.shipEdit .shipInfo .chooseAddress .sectionTitle {
    font-family: "MarkOT-Medium";
    font-size: 24px;
    margin: 0;
}
.shipping-container.shipEdit .enter .btn-box {
    height: 33px;
    line-height: 10px;
    margin-left: 10px;
}
.shipping-container.shipNewUser .addressInfo {
    margin-top: 50px;
}
.payment-container .billInfo h2 {
    display: block;
    font-size: 30px;
    padding: 0;
    margin: 0 0 30px;
}
.with-cc-icons {
    position: relative;
}
.payment-container .icons-co-credit-cards-container {
    left: 321px;
    position: absolute;
    top: 26px;
}
#paymentAndBillingDetails .icons-co-credit-cards-container .cc {
    background: url('../images/icons-co-s62218f98e2.png') no-repeat;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    height: 28px;
    text-indent: -999em;
    vertical-align: top;
}
.icons-co-credit-cards-container .cc + .cc {
    margin-left: 3px;
}
#content #paymentAndBillingDetails .icons-co-visa {
    background-position: 0 -37px;
    width: 45px;
}
#content #paymentAndBillingDetails .icons-co-mc {
    background-position: -48px -37px;
    width: 42px;
}
#content #paymentAndBillingDetails .icons-co-amex {
    background-position: -94px -37px;
    width: 45px;
}
#content #paymentAndBillingDetails .icons-co-disc {
    background-position: -143px -37px;
    width: 44px;
}
.payment-container .radios {
    padding: 20px 0 30px;
    font-size: 15px;
}
.payment-container .radios + .what-is-paypal {
    margin: -20px 0 30px 158px;
}
.what-is-paypal, .what-is-paypal a {
    font-size: 12px;
}
.what-is-paypal a {
    margin-right: 30px;
}
.payPalOr {
    font-size: 15px;
    margin: 0 0 8px 0;
    text-align: center;
    text-transform: uppercase;
}
#paypalBottomDiv .payPalOr {
    margin: 0 0 5px;
}
.payment-container .radios .or {
    position: relative;
    top: -8px;
}
.payment-container .radios .paypal {
    position: relative;
    top: 2px;
}
.payment-container .radios .bill-later {
    position: relative;
    top: 12px;
}
.payment-container .radios .paypalezpaycredit {
    position: relative;
    top: 12px;
}
.payment-container .radios .bill-later img, .payment-container .radios .paypal img, .payment-container .radios .paypalezpaycredit img {
    vertical-align: middle;
}
.payment-container .radios .paypal {
    position: relative;
    top: 8px;
}
.payment-container .radios .paypal label {
    margin-top: -7px;
}
.payment-container .radios .bill-later label {
    margin-top: -10px;
}
.payment-container .radios .paypalezpaycredit label {
    margin-top: -10px;
}
.payment-container .giftCard {
    margin-top: 15px;
    width: 465px;
    padding-bottom: 15px;
}
.payment-container .collapse-plus, .payment-container .collapse-minus {
    width: 20px;
    height: 20px;
    display: inline-block;
    float: left;
    background-size: cover;
    margin-top: 2px;
    background: url(../images/plus-minus.png) no-repeat center bottom;
}
.payment-container .collapse-plus {
    background-position: -2px -3px !important;
}
.payment-container .collapse-minus {
    background-position: -24px -3px !important;
}
.payment-container .giftCard input {
    width: 265px;
    display: inline-block;
}
.payment-container .giftCard .btn-box {
    min-width: 177px;    /*   height: 33px; */

    /*   line-height: 10px; */
    margin-left: 8px;
    padding-top: 6px;
    padding-bottom: 7px;
    display: inline-block;
}
.payment-container .brdrTop {
    padding-top: 50px;
}
.payment-container .billAddress .sectionTitle {
    font-size: 30px;
    margin: 50px 0;
    display: block;
}
.payment-container .billAddress .reqFields {
    padding-top: 10px;
    display: inline-block;
}
.payment-container .billAddress .ship4bill {
    margin: 10px 60px;
}
.payment-container .fields {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.payment-container .fields .billInfo {
    font-size: 15px;
    position: absolute;
    top: 0;
    right: 0;
    width: 215px;
}
.payment-container .fields .reqFields {
    padding-bottom: 20px;
    display: block;
}
.payment-container .expDate {

    /*padding-top: 15px;*/
}
.payment-container #card_cvNumber {

    /*width: 100px;*/
}
.payment-container .expDate .expMp, .payment-container .expDate .expYear {
    float: left;    /*width: 275px;*/
    margin-right: 20px;
}
.payment-container .expDate .expMp select, .payment-container .expDate .expMp .chosen-container, .payment-container .expDate .expYear select, .payment-container .expDate .expYear .chosen-container {
    width: 150px;
}
.payment-container .expDate .chosen-container {
    float: left;
    margin-right: 5px;
}
.payment-container .secCode #secCode {
    width: 150px;
    display: inline-block;
}
.payment-container .secCode {
    position: relative;
}
.payment-container .secCode .info {
    position: absolute;
    left: 308px;
    top: 32px;
}
.payment-container .continue {
    width: 460px;
    position: relative;
    margin-top: 20px;
}
.payment-container .billReview .address, .payment-container .billReview .method {
    margin-bottom: 20px;
}

/*.payment-container .continue:before {
  content: " ";
  display: block;
  top: -30px;
  left: 0;
  border-top: 1px solid #ebebeb;
  width: 100%;
  position: absolute;
}*/
.review-container {
    font-size: 15px;
}
.review-container .contentPadding {
    width: 100%;
    padding: 0 7%;
}
.review-container h2 {
    font-size: 30px;
    margin: 50px 0 0;
    padding: 35px 0 0;
    display: block;
    border-top: 1px solid #ebebeb;
}
.review-container .totalInfo {
    background: #fff;
}
.review-container .totals {
    padding-top: 40px;
}
.review-container .step {
    padding: 35px 0;
    clear: both;
    position: relative;
}
.review-container .step .span-8 {
    position: relative;
}
.review-container .step p {
    width: 250px;
}
.review-container .step .edit {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 245px;
    text-align: left;
}
.review-container .step.review p, .review-container .step.giftMsg p {
    width: 50%;
}
.review-container .step div.content {
    padding: 50px 0;
}
.review-container .billReview, .review-container .shipReview {
    min-height: 175px;
    padding: 35px 0;
    margin: 35px 0;
    position: relative;
}
.review-container .billReview .address, .review-container .billReview .method, .review-container .shipReview .address, .review-container .shipReview .method {
    width: 25%;
    display: block;
    float: left;
}
.review-container .billReview .address span, .review-container .billReview .method span, .review-container .shipReview .address span, .review-container .shipReview .method span {
    padding-bottom: 35px;
    display: block;
}
.review-container .order {
    width: 460px;
}

/*.review-container .placeOrder {
padding-top: 16px;
}*/
.review-container .quantity a {
    visibility: hidden;
}
.review-container .submitted-message {
    clear: both;
    color: #a5a5a4;
    font-family: "MarkOT-Bold";
    font-size: 16px;
    margin-top: 5px;
}
.confirmation-container .confirmMsg .header {
    background-size: cover;
    background: url(../images/checkout/thankYouBg.jpg) 50% 50%;
    padding: 40px 0;
    text-align: center;
}
.confirmation-container .confirmMsg .header h1 {
    margin: 0;
    padding: 0;
    font-size: 42px;
    line-height: 68px;
    font-family: "MarkOT-Light";
    color: #333;
}
.confirmation-container .confirmMsg .header p {
    max-width: 564px;
    margin: auto;
    padding-bottom: 30px;
    text-align: center;
    font-family: "MarkOT-Book";
    font-size: 14px;
    color: #333;
}
.confirmation-container .confirmMsg .email {
    display: block;
    padding: 0;
    margin: 0;
}
.confirmation-container .confirmMsg .orderNumber {
    font-family: "MarkOT-Medium";
    font-size: 30px;
    line-height: 30px;
    padding: 40px;
}
.confirmation-container .confirmMsg .orderNumber a {
    color: #f8c612;
}
.confirmation-container .confirmMsg .orderNumber span {
    color: #f8c612;
}
.confirmation-container .confirmMsg .sectionTitle {
    margin: 50px 0;
    text-align: center;
    font-size: 30px;
    font-family: "MarkOT-Regular";
    color: #333;
}
.confirmation-container .confirmMsg .setUpAccount {
    text-align: center;
    padding-bottom: 50px;
}
.confirmation-container .confirmMsg .setUpAccount p {
    max-width: 500px;
    margin: auto;
    padding-bottom: 30px;
    text-align: center;
}
.confirmation-container .confirmMsg .setUpAccount .createBtn {
    text-align: center;
}
.confirmation-container .confirmMsg .setUpAccount .createBtn a {
    width: 500px;
    margin: auto;
}
.confirmation-container .confirmMsg .setUpAccount .createAccount {
    -moz-transition: all, 1s;
    -o-transition: all, 1s;
    -webkit-transition: all, 1s;
    transition: all, 1s;
    text-align: left;
    max-height: 0;
    overflow: hidden;
}
.confirmation-container .confirmMsg .setUpAccount .createAccount .sectionTitle {
    padding: 0;
    margin: 0;
    text-align: left;
}
.confirmation-container .confirmMsg .setUpAccount .createAccount input {
    display: block;
}
.confirmation-container .confirmMsg .setUpAccount .createAccount .disclaimer {
    padding: 50px 0 25px;
    display: block;
}
.confirmation-container .confirmMsg .setUpAccount .createAccount .createBtn {
    margin: 90px 0;
}
.confirmation-container .confirmMsg .setUpAccount.createOpen .createAccount {
    max-height: 750px;
}
.confirmation-container .confirmMsg .setUpAccount.createOpen .createBtn {
    text-align: left;
    margin-left: 7%;
}
.confirmation-container .confirmMsg .benefits {
    width: 85%;
    margin: auto;
    font-size: 15px;
    padding-bottom: 70px;
}
.confirmation-container .confirmMsg .benefits li {
    width: 50%;
    float: left;
    display: block;
    text-align: left;
    height: 60px;
    position: relative;
}
.confirmation-container .confirmMsg .benefits li span {
    display: block;
    float: left;
}
.confirmation-container .confirmMsg .benefits li span.copy {
    position: absolute;
    top: 0;
    margin-left: 45px;
    padding-right: 10px;
}
.confirmation-container .summary {
    padding-top: 30px;
}
.confirmation-container .summary .print {
    margin-top: 20px;
}
.confirmation-container .summary .sectionTitle {
    font-size: 24px;
}
.confirmation-container .summary .title {
    padding-top: 25px;
    margin-top: 40px;
    margin-bottom: 40px;
    border: solid #f1f1f1;
    border-width: 2px 0 0;
}
.confirmation-container .summary .totals li:last-child {
    border: 0;
}
.confirmation-container .summary .shipReview, .confirmation-container .summary .billReview {
    clear: both;
}
.confirmation-container .summary .shipReview .address, .confirmation-container .summary .shipReview .method, .confirmation-container .summary .billReview .address, .confirmation-container .summary .billReview .method {
    width: 48%;
    float: left;
}
.confirmation-container .summary .cartItms .brewer.item {
    padding: 22px 0;
}
.confirmation-container .summary .cartItms .brewer.item:first-child {
    border: 0;
}
.confirmation-container .summary .cartItms .brewer.item .img {
    float: left;
    width: 21%;
    display: block;
}
.confirmation-container .summary .cartItms .brewer.item .img img {
    display: block;
    width: 100%;
}
.confirmation-container .summary .cartItms .brewer.item .copy {
    width: 125px;
    float: left;
    margin-left: 10px;
}
.confirmation-container .summary .cartItms .brewer.item .copy .type {
    margin: 0;
    display: inline;
}
.confirmation-container .summary .cartItms .brewer.item .copy .price {
    color: #929aa5;
}
.confirmation-container .summary .cartItms .brewer.item .customization {
    float: left;
    width: 140px;
}
.confirmation-container .summary .cartItms .brewer.item .customization .icon {
    float: left;
    margin-right: 5px;
}

/*for catagory cards, used originally on store*/
.category-cards {
    width: 100%;
}
.category-cards.five-wide ul li {

    /*height: 534px;*/
    float: left;
    width: 20%;
}
.category-cards .image-holder img {

    /*height: 338px;*/
    vertical-align: top;
    width: 100%;
}
.category-cards.five-wide ul li .image-holder {
    max-height: 338px;
    overflow: hidden;
    text-align: center;
}
.category-cards.five-wide ul li .content {
    border-left: 1px solid #b1b1b1;
    height: 195px;
    overflow: hidden;
    padding: 18px 25px 48px;
    position: relative;
}
.category-cards.five-wide ul li:first-child .content {
    border-left: none;
}
.category-cards.five-wide ul li .desc {
    max-height: 88px;
}
.category-cards.five-wide ul li .content h4 {
    font-family: "MarkOT-Regular";
    font-size: 24px;
    margin-bottom: 0;
}
.category-cards.five-wide ul li .content p {
    font-size: 15px;
}
.category-cards.five-wide ul li .content h4, .category-cards.five-wide ul li .content p {
    line-height: 22px;
}
.category-cards.five-wide ul li .content .link {
    bottom: 50px;
    font-size: 15px;
    position: absolute;
}
.category-cards.five-wide ul li .content .link a {
    font-family: "MarkOT-Medium";
}
.category-cards.two-wide ul li {
    float: left;
    border-right: 1px solid #b1b1b1;
    width: 50%;
}
.category-cards.two-wide ul li:nth-child(even) {
    border-left: 1px solid #b1b1b1;
    border-right: 0;
    margin-left: -1px;
}
.category-cards.two-wide ul li .image-holder {
    max-height: 470px;
    overflow: hidden;
    text-align: center;
}
.category-cards.two-wide ul li .content, .category-cards.three-wide ul li .content {
    height: 392px;
    padding: 25px 30px;
}
.category-cards.two-wide ul li .content h3, .category-cards.three-wide ul li .content h3 {
    color: #131313;
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 20px;
}
.category-cards.two-wide ul li .content p, .category-cards.three-wide ul li .content p {
    color: #333;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 25px;
}
.category-cards.two-wide .price, .category-cards.three-wide .price {
    color: #333;
    margin-bottom: 25px;
}
.category-cards.two-wide .price .descriptor, .category-cards.three-wide .price .descriptor {
    display: block;
    font-size: 12px;
    line-height: 22px;
    text-transform: uppercase;
}
.category-cards.two-wide .price .value, .category-cards.three-wide .price .value {
    font-size: 34px;
    line-height: 32px;
}
.category-cards.two-wide .btn-box, .category-cards.three-wide .btn-box {
    padding: 10px 40px 9px;
}
.category-cards.three-wide ul li {
    float: left;
    border-right: 1px solid #b1b1b1;
    width: 33.33%;
}
.category-cards.three-wide ul li:nth-child(3n) {
    border-left: 1px solid #b1b1b1;
    border-right: 0;
    margin-left: -1px;
}
.category-cards.three-wide ul li .image-holder {
    max-height: 310px;
    overflow: hidden;
    text-align: center;
}
.card_holder {
    clear: both;    /*font-size: 0;*/
    max-width: 1440px;
    margin: 0 auto;
    padding: 20px 10px 100px 5px;
    z-index: 1;
}
.withPadding .card_holder {
    margin-right: -10px;
    max-width: 1410px;
    padding-left: 0;
    padding-right: 0;
}
.card_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #525252;
    z-index: 900;
    visibility: hidden;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -moz-transition: opacity, 0.4s;
    -o-transition: opacity, 0.4s;
    -webkit-transition: opacity, 0.4s;
    transition: opacity, 0.4s;
}
.card_bg.active {
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
    visibility: visible;
}
.card_holder.generic {
    text-align: center;
    padding: 0 20px 100px;
    width: 1080px;
}
.card_holder.generic.full {
    width: 1280px;
}
.card_holder.generic ul {
    font-size: 0;
    text-align: center;
}
.card_holder.generic ul li {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #cecece;
    display: inline-block;
    font-size: 15px;
    margin: 0 7px 14px;
    min-height: 427px;
    padding: 38px 20px 20px;
    text-align: left;
    vertical-align: top;
    width: 330px;
}
.card_holder.generic.full ul li {
    min-height: 459px;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 30px;
    padding-right: 30px;
    width: 280px;
}
.card_holder.generic .img-holder {
    margin-bottom: 60px;
    text-align: center;
}
.card_holder.generic .img-holder .tall-adjust {
    margin-top: 14px;
}
.card_holder.generic h4 {
    font-family: "MarkOT-Medium";
    font-size: 18px;
    margin-bottom: 9px;
}
.cards {
    text-align: center;
}
.card {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    font-size: 13px;
    position: relative;
    margin: 0 10px 20px 0;
    text-align: left;
    z-index: 0;
}
.card .icons-close {
    position: absolute;
    top: -15px;
    right: -15px;
}
.card.active {
    z-index: 1000;
}
.card .product_name, .card .roast_style, .card p {
    text-align: left;
}
.card .product_name {
    font-size: 18px;
    margin: 0;
    line-height: 18px;
    display: block;
}
.card .roast_style {
    font-size: 13px;
    color: #999;
    margin-bottom: 20px;
    display: block;
}
.cards.list {
    text-align: left;
    padding-right: 20px;
}
.cards.list .card {
    background: #fff;
    margin: 0 0 20px;
    padding: 25px 2.857% 40px 1.785%;
    width: 100%;
}
.cards.list .card h5 {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 30px;
}
.cards.list .card h6 {
    font-weight: normal;
}
.cards.list .card .col-left, .cards.list .card .col-center, .cards.list .card .col-right {
    float: left;
}
.cards.list .card .col-left {
    margin-right: 8.988%;
    width: 17.378%;
}
.cards.list .card .col-left .hero-holder {
    margin-bottom: 15px;
    text-align: center;
}
.cards.list .card .col-left .hero-holder img {
    width: 100%;
}
.cards.list .card .col-center {
    margin-right: 8.089%;
    width: 27.191%;
}
.cards.list .card .col-right {
    width: 38.352%;
}
.cards.list .card .col-right .product_name, .cards.list .card .col-right .prod_price, .cards.list .card .col-right p.mem_price, .cards.list .card .col-right .prod_quantity {
    float: left;
    font-size: 17px;
    margin-bottom: 10px;
    min-width: 0;
}
.cards.list .card .col-right .prod_quantity {
    float: right;
}
.cards.list .card .product-labels {
    border-top: 1px solid #ebebeb;
    padding-top: 10px;
}
.cards.list .card .header_price {
    display: block;
    float: left;
    margin-left: 34.116%;
    width: 17.07%;
}
.cards.list .card .header_price.mem_price {
    margin-left: 0;
    width: 34.764%;
}
.cards.list .card .products li {
    padding: 15px 0 5px;
}
.cards.list .card .prod_info .product_name {
    width: 34.116%;
}
.cards.list .card .prod_price {
    width: 17.07%;
}
.cards.list .card p.mem_price {
    width: 16.507%;
}
.cards.list .card .prod_quantity {
    top: -7px;
    white-space: nowrap;
    min-width: 19.257%;    /*   width: 19.257%; */
}
.cards.list .card .prod_quantity .quantity {
    min-width: 88px;
    padding-top: 5px;
}
.cards.list .card .prod_quantity input {
    border: 0;
    padding: 0;
    width: 26px;
    margin-top: -5px;
}
.cards.list .card section {
    background: transparent;
    font-size: 14px;
    line-height: normal;
}
.cards.list .card section.about {
    min-height: 207px;
}
.cards.list .card section.full-details {
    border-top: 1px solid #ebebeb;
    padding: 15px 0;
}
.cards.list .card section p, .cards.list .card section a {
    font-size: 15px;
    line-height: 18px;
}
.cards.list .card section h6 {
    border-bottom: 1px solid #ebebeb;
    font-size: 12px;
    line-height: normal;
    margin-bottom: 25px;
    padding-bottom: 5px;
}
.cards.list .button-row {
    padding-top: 20px;
    overflow: auto;
}
.cards.list .button-row .disclaimer, .cards.list .button-row .disclaimer:before {
    color: #9399a3;
    font-size: 12px;
    line-height: 12px;
}
.cards.list .button-row .disclaimer {
    float: left;
    padding-left: 10px;
    position: relative;
    width: 48%;
}
.cards.list .button-row .disclaimer:before {
    content: "*";
    left: 0;
    position: absolute;
    top: 0;
}
.cards.list .button-row .btn-orange {
    float: right;
    min-width: 48%;
    width: auto;
}
.keurig_card_shiv {
    width: 272px;
    height: 450px;
    position: relative;
}
.keurig_card {
    width: 272px;
    height: 460px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: .8em;
    margin: 0;
    -moz-perspective: 2400px;
    -webkit-perspective: 2400px;
    perspective: 2400px;
    -moz-transition: all, 0.4s;
    -o-transition: all, 0.4s;
    -webkit-transition: all, 0.4s;
    transition: all, 0.4s;
}
.keurig_card .alert {
    font-size: 12px;
}

/*brewer card edits*/

/*
.brewer-cards .keurig_card,
.brewer-cards .keurig_card_shiv {
height: 632px;
width: 460px;
}
.brewer-cards .top_content {
height: 316px;
width: 460px;
}
*/
.brewer-cards {
    padding: 20px 0 0 0;
}
.keurig_card.flip .front {
    z-index: 900;
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    width: 272px;
    height: 460px;
    overflow: hidden;
}
.keurig_card.flip .back {
    z-index: 1000;
    padding: 36px;
    -moz-transform: rotateY(0deg) translateX(-345px) translateZ(0px);
    -ms-transform: rotateY(0deg) translateX(-345px) translateZ(0px);
    -webkit-transform: rotateY(0deg) translateX(-345px) translateZ(0px);
    transform: rotateY(0deg) translateX(-345px) translateZ(0px);
}
.keurig_card.flip .card_bottom_content {
    padding: 0 36px 36px;
}
.keurig_card.grow {
    width: 345px;
    height: 633px;
}
.keurig_card.grow .front {
    width: 345px;
    height: 633px;
}
.keurig_card.product.grow .front .top_content {
    -moz-transition: height, 0.4s;
    -o-transition: height, 0.4s;
    -webkit-transition: height, 0.4s;
    transition: height, 0.4s;
    height: 254px;
}
.keurig_card.product .front {
    padding: 0;
}
.keurig_card.product .front .top_content {
    text-align: center;
    height: 220px;
    overflow: hidden;
}
.keurig_card.product .front .top_content img.hero {
    position: static;
    left: auto;
    top: auto;
    margin: 60px 0 0;
}
.keurig_card .front .top_content .brand_name, .keurig_card .front .top_content .points-price {
    display: block;
    position: absolute;
    z-index: 10;
    top: 24px;
    left: 20px;
}
.keurig_card .top_content.with-points .brand_name, .keurig_card .top_content.with-points .points-price {
    width: 45%;
    word-wrap: break-word;
}
.keurig_card .front .top_content.with-points .points-price {
    color: #929aa5;
    text-align: right;
    right: 20px;
    left: auto;
}
.keurig_card.product .front .rating {
    padding-left: 20px;
}
.keurig_card.product .front .border {
    margin: 0 20px 10px;
}
.keurig_card.product .front .product_name, .keurig_card.product .front .roast_style, .keurig_card.product .front .roast_profile {
    padding: 0 20px;
}
.keurig_card.product .back {
    padding: 0;
    background-color: #e9e9eb;
}
.keurig_card.product .back .top_content {
    background: url(../images/keurig_card/prod_hero_highlight.png) no-repeat center bottom -60px;
    height: 348px;
}
.keurig_card.product .back .top_content img.hero, .keurig_card.product .back .top_content img.hero_custom {
    position: absolute;
    left: 50%;
    top: 60px;
    margin-left: -80px;
    margin-top: 0;
    opacity: 1;
    height: auto;
    -moz-transition: opacity, 0.3s;
    -o-transition: opacity, 0.3s;
    -webkit-transition: opacity, 0.3s;
    transition: opacity, 0.3s;
}
.keurig_card.product .back .top_content img.hero.dead, .keurig_card.product .back .top_content img.hero_custom.dead {
    opacity: 0;
}
.keurig_card.product .back .top_content .brand_name {
    display: block;
    position: relative;
    z-index: 10;
    padding: 36px 0 0 36px;
}
.keurig_card.product .back .rating {
    padding-left: 36px;
}
.keurig_card.product .back .product_name, .keurig_card.product .back .roast_style, .keurig_card.product .back .roast_profile {
    padding: 0 36px;
}
.keurig_card.product .back a, .keurig_card.product .back p {
    margin-left: 36px;
}
.keurig_card.product .back .border {
    margin: 0 36px 10px;
}
.keurig_card.product .back .product_name {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 20px;
}
.keurig_card.product .back .description {
    font-size: 15px;
    margin-bottom: 20px;
    padding-right: 36px;
}
.keurig_card.product .inner {
    background: #FFF;
    padding: 36px 0 0;
}
.keurig_card.product .inner .customize_content {
    padding: 0 36px;
    position: relative;
    height: 348px;
    overflow: hidden;
}
.keurig_card.product .inner .pricing_info {
    width: 100%;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 20px 0 10px;
    text-align: left;
}
.keurig_card.product .inner .pricing_info .price_label {
    font-size: 18px;
}
.keurig_card.product .inner .pricing_info .big-price {
    font-size: 24px;
    color: #999;
}
.keurig_card.product .inner .prod_cust_option {
    padding: 20px 0;
    text-align: left;
    border-bottom: 1px solid #ebebeb;
    vertical-align: top;
    text-decoration: none;
    position: relative;
}
.keurig_card.product .inner .prod_cust_option.choose_college .icons-brewer-custom-ico_selected {
    top: 20px;
}
.keurig_card.product .inner .prod_cust_option.optional .opt_type {
    margin-top: 0;
}
.keurig_card.product .inner .prod_cust_option.optional .opt_choice {
    display: inline-block;
}
.keurig_card.product .inner .prod_cust_option.optional.chosen_option .opt_type {
    margin-top: 0;
}
.keurig_card.product .inner .prod_cust_option.optional.chosen_option img {
    margin-top: 15px;
}
.keurig_card.product .inner .prod_cust_option img {
    float: left;
    margin-right: 20px;
}
.keurig_card.product .inner .prod_cust_option .icons-brewer-custom-ico_selected {
    visibility: hidden;
    position: relative;
    top: 30px;
    margin-right: 20px;
    vertical-align: top;
    float: left;
}
.keurig_card.product .inner .prod_cust_option .icons-brewer-custom-ico_selected.active {
    visibility: visible;
}
.keurig_card.product .inner .prod_cust_option .icons-brewer-custom-ico_selected.dead {
    display: none;
}
.keurig_card.product .inner .prod_cust_option .arrow_right {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -9px;
}
.keurig_card.product .inner .opt_type {
    vertical-align: top;
    font-size: 15px;
    line-height: 14px;
    color: #333;
    display: block;
    margin-bottom: 10px;
}
.keurig_card.product .inner .opt_choice {
    font-size: 14px;
    line-height: 13px;
    color: #999;
    display: inline-block;
    margin-top: 5px;
}
.keurig_card.product .inner .opt_choice.get_started {
    position: relative;
    padding-left: 25px;
}
.keurig_card.product .inner .opt_choice.get_started.dead {
    padding-left: 0;
}
.keurig_card.product .inner .opt_choice.get_started.dead:before {
    background: none;
    position: static;
}
.keurig_card.product .inner .opt_choice.get_started:before {
    content: '';
    width: 18px;
    height: 27px;
    position: absolute;
    left: 0;
    top: -10px;
    background: url("../images/brewer-landing/ico_custom_brewer.png") no-repeat;
}
.keurig_card.product .inner .brewer_options {
    position: absolute;
    top: 54px;
    left: 345px;
    width: 100%;
    height: 294px;
    background: #FFF;
    text-align: left;
    padding: 0 36px 10px;
    overflow-x: hidden;
    overflow-y: auto;
    -moz-transition: left, 0.4s;
    -o-transition: left, 0.4s;
    -webkit-transition: left, 0.4s;
    transition: left, 0.4s;
}
.keurig_card.product .inner .brewer_options.active {
    left: 0;
}
.keurig_card.product .inner .brewer_options .mod_type {
    padding: 10px 0;
    margin-left: 30px;
    position: relative;
    display: block;
    text-decoration: none;
}
.keurig_card.product .inner .brewer_options .mod_type .opt_type {
    font-size: 18px;
    line-height: 17px;
    margin-bottom: 0;
}
.keurig_card.product .inner .brewer_options .swatch_holder {
    border-top: 1px dashed #ebebeb;
    padding-top: 10px;
}
.keurig_card.product .inner .brewer_options .swatch_holder form {
    margin-bottom: 10px;
}
.keurig_card.product .inner .brewer_options .swatch_holder .circle-link-image.info .icons-info {
    vertical-align: middle;
}
.keurig_card.product .inner .brewer_options .swatch_holder .circle-link-image.info .msg {
    top: auto;
    left: -31px;
    bottom: 40px;
}
.keurig_card.product .inner .brewer_options .swatch_holder .circle-link-image.info .msg:before, .keurig_card.product .inner .brewer_options .swatch_holder .circle-link-image.info .msg:after {
    left: 45px;
}
.keurig_card.product .inner .brewer_options .prettyradio {
    margin: 2px;
}
.keurig_card.product .inner .brewer_options .prettyradio:nth-of-type(5n) {
    margin-right: 0;
}
.keurig_card.product .inner .brewer_options .prettyradio:nth-of-type(1), .keurig_card.product .inner .brewer_options .prettyradio:nth-of-type(6n) {
    margin-left: 0;
}
.keurig_card.product .inner .brewer_options .arrow_left {
    position: absolute;
    left: -30px;
    top: 50%;
    margin-top: -9px;
}
.keurig_card.product .inner .add_to_wishlist {
    margin-top: 5px;
}
.keurig_card .front, .keurig_card .back {
    -moz-transition: all, 0.4s;
    -o-transition: all, 0.4s;
    -webkit-transition: all, 0.4s;
    transition: all, 0.4s;
    background: #FFF;
    box-sizing: border-box;
    padding: 20px;
    -moz-backface-visibility: visible;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -moz-transform-origin: -10px 0;
    -ms-transform-origin: -10px 0;
    -webkit-transform-origin: -10px 0;
    transform-origin: -10px 0;
}
.keurig_card .front {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    text-align: center;    /*cursor: pointer;*/
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.keurig_card .coffee_desc {
    line-height: 17px;
    max-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*
.brewer-cards .keurig_card .coffee_desc {
max-height: 30px;
}*/
.keurig_card .front .coffee_desc p {
    margin-bottom: 0;
}
.keurig_card .front .coffee_desc ul {
    display: none;
}
.keurig_card .front .details_trigger, .keurig_card .front .coffee_desc {
    opacity: 0;
    -moz-transition: opacity, 0.4s;
    -o-transition: opacity, 0.4s;
    -webkit-transition: opacity, 0.4s;
    transition: opacity, 0.4s;
}
.keurig_card .front:hover .details_trigger, .keurig_card .front:hover .coffee_desc {
    opacity: 1;
}
.details_trigger {
    display: none;
}
.coffee_desc {
    display: none;
}
.keurig_card .back {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 800;
    width: 345px;
    height: 633px;
    box-sizing: border-box;    /*cursor: pointer;*/
    text-align: left;
    -moz-transform: rotateY(180deg) translateX(-293px) translateZ(0px);
    -ms-transform: rotateY(180deg) translateX(-293px) translateZ(0px);
    -webkit-transform: rotateY(180deg) translateX(-293px) translateZ(0px);
    transform: rotateY(180deg) translateX(-293px) translateZ(0px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.keurig_card .back div.description {
    max-height: 105px; /*multiple of 15px (line-height) at time of creation*/

    /*height: auto;*/
}
.keurig_card .details_trigger {
    text-align: left;
}
.keurig_card .product_name, .keurig_card .roast_style, .keurig_card p, .keurig_card .packTypes {
    text-align: left;
}
.keurig_card .product_name, .product_label {
    font-size: 16px;
    line-height: 19px;
    max-height: 42px;
    overflow: hidden;
    display: block;
    padding-top: 4px;
    margin: -4px 0 5px;
    font-family: "MarkOT-Medium";
}
.keurig_card .roast_style {
    font-size: 13px;
    color: #999;
    line-height: 20px;
    margin-bottom: 20px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}
.brewer-cards .keurig_card .roast_style {
    margin-bottom: 12px;
}
.keurig_card .roast_profile {
    text-align: center;
    margin: 30px 0 5px;
    font-size: 11px;
    color: #999;
}
.keurig_card p {
    margin-bottom: 5px;
}
.keurig_card p.ico_kcup {
    position: relative;
    left: 32px;
    line-height: 14px;
    margin-bottom: 15px;
}
.keurig_card p.ico_kcup:before {
    content: '';
    width: 27px;
    height: 24px;
    position: absolute;
    left: -32px;
    background: url(../images/keurig_card/ico_k_cup.png) no-repeat;
}
.keurig_card p.description {
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: 0.8;
}
.top_content {
    height: auto;
    margin: -20px -20px 10px;    /*overflow: hidden;*/

    /*correct image sizes need to be used on cards or they will break, change made becasue of customize overflown */
    position: relative;
    text-align: left;
    -moz-transition: all, 0.4s;
    -o-transition: all, 0.4s;
    -webkit-transition: all, 0.4s;
    z-index: 1;
}
@media (max-width: 667px) {
    .top_content {width: 272px;}
}
.badge-Kold {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 18px;
    height: 22px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAWCAYAAAAmaHdCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYNJREFUeNqsVD1LA0EQzWk6DVp6Jq1GsFIOwdZUFmpqf4DxfpEkv8JoYZVaOKK1xtbc2cpiqecMvDleNndB0YXHfs6bNzO7G+R5XvtrC5Skc5dV7TcAB8y10XFYW6ow3ETfEkwFobc+08pI1mC4LdjAmhrvYP1HJO+CA8FYsIU1JUwEUVlYdfLkKJwpiBKsXYEg85ToODUlJt8krwqeBGfY134iWKezuxgX4USQv0ceVNkb5qogoPD2Bfewm8lJT9AX5KiGelshUjW4pvAu/MSOieBccItwOLEjwReMlwUD2BWJbXuXqg3ckOcT5MV550tL/OtmSp7R58jNgMYaZowQNZxL7BdPh6vTQwWM4Ejwgn0NowPluv+J3MxVpw8ibaeCB8EH5g5J7GIes5o6VSci0gl6ezsh1kzZo+AQdoGRNOnaN9Hr7R1iPMQzyMrOmueUyuuwmVB4MbyG3rl00VdgL5YTay+7UVVi/yswyS1S6oeykIS/wlcyrPwig//4qL8FGABkqXMVk7RA0gAAAABJRU5ErkJggg==') no-repeat;
}
.badge-Hot {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 18px;
    height: 22px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAWCAYAAAAmaHdCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASpJREFUeNpi/P//PwOlgIkYRc8E5XmAOJkiQ4CgD4hfkm0I0AVaQCoFn1piXFIMxIxA7EKJIV5QOgboKj6iDQEqZofSrEBKAiosCMQlpLikCkr/BeLvSOJFQINFCBoCVKQGDUgGqfcP/wGpI0jS3ECcS4xL0kH6gYYpQ/kT0eRDiDHEBSlWQK7ZCqR2IslrEGOIFpROgaYREMgG4h9Q9n9iDGGB0qCYmQY0iBHomrtA9iSo+FViDHmDxLYH4nAoexaUXk+MIefQ+K1A1zBBXXMPiGcSY8hGNL4SENtC2Q1Aw54TY8hiIP6IJmYKjanFRKVYoMLPQKoZTZibnEIJlMDOIPEfkWwI0DV/oLHyDpou9uLN56AyFhd+KiBnA8QL8akBYUZqFNQAAQYAeEl5fHn6y88AAAAASUVORK5CYII=');
}
.grow .back .top_content {
    margin: -20px 0 10px;
}
.grow .top_content, .shrink .top_content {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
.top_content img.hero {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    position: relative;
    z-index: 9;
}
.top_content .brand_name {
    left: 20px;
    position: absolute;
    top: 16px;
    z-index: 100;
}
.top_content .client_name {
    font-size: 12px;
    text-align: left;
    position: relative;
    z-index: 100;
}
.top_content .customize {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff url('../images/brewer-landing/ico_custom_brewer.png') 50% 50% no-repeat;
    border: 1px solid rgba(146, 154, 165, 0.8);
    bottom: -26px;
    color: #929aa5;
    display: inline-block;
    height: 52px;
    left: 50%;
    line-height: 36px;
    margin: 0 3px 0 -26px;
    position: absolute;
    overflow: hidden;
    text-indent: -999em;
    width: 52px;
    z-index: 100;
}
.rating {
    list-style: none;
    width: 100%;
    display: block;
    padding-bottom: 26px;
}
.rating li {
    float: left;
    padding-right: 5px;
}
.num-of-colors {
    color: #9399a3;
    float: right;
    font-size: 13px;
    font-family: 'MarkOT-Regular';
}
.num-of-colors strong {
    font-family: 'MarkOT-Bold';
}
.border {
    border-bottom: 1px solid #ebebeb;
    margin: 0 0 10px;
    box-sizing: border-box;
}
.card_bottom_content {
    -moz-transition: all, 0.4s;
    -o-transition: all, 0.4s;
    -webkit-transition: all, 0.4s;
    transition: all, 0.4s;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    padding: 0 20px 3px;
    box-sizing: border-box;
    width: 100%;
}
.card_bottom_content .btn-box.btn-white {
    color: #333;
    font-size: 13px;
}
.card_bottom_content .check-holder {
    margin-top: 10px;
    text-align: center;
}
.card_bottom_content .custom-check {
    display: inline-block;
    margin: 0;
    padding-left: 20px;
    text-align: center;
}
.btn-box.btn-white:hover {
    border-color: transparent;
    border-bottom-color: transparent;
    background: #f1be48;
    color: #fff;
}
.full_btn {
    width: 100% !important;
}
.member_pricing {
    padding: 10px;
    border: 1px solid #181818;
    margin-top: 0;
    margin-bottom: 15px;
}
.inner {
    width: 345px;
    height: 633px;
    padding: 36px;
    box-sizing: border-box;
    background: #f1f1f1;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    -moz-transition: all, 0.4s;
    -o-transition: all, 0.4s;
    -webkit-transition: all, 0.4s;
    transition: all, 0.4s;
    -moz-transform: rotateY(-40deg) translateX(0px) translateZ(0px);
    -ms-transform: rotateY(-40deg) translateX(0px) translateZ(0px);
    -webkit-transform: rotateY(-40deg) translateX(0px) translateZ(0px);
    transform: rotateY(-40deg) translateX(0px) translateZ(0px);
    -moz-transform-origin: 0px 0px;
    -ms-transform-origin: 0px 0px;
    -webkit-transform-origin: 0px 0px;
    transform-origin: 0px 0px;
}
.inner.flip {
    -moz-transform: rotateY(0deg) translateX(0px) translateZ(0px);
    -ms-transform: rotateY(0deg) translateX(0px) translateZ(0px);
    -webkit-transform: rotateY(0deg) translateX(0px) translateZ(0px);
    transform: rotateY(0deg) translateX(0px) translateZ(0px);
}
.inner.active {
    opacity: 1;
    visibility: visible;
}
.inner span.header_price {
    font-size: 12px;
    font-family: "MarkOT-Bold", Helvetica, Arial, sans-serif;
    width: 33%;
    float: left;
    display: block;
    text-align: left;
}
.inner span.header_price.mem_price {
    width: 66%;
    color: #929aa5;
}
.inner p {
    line-height: 15px;
    margin-bottom: 0;
}
.inner p.legal {
    color: #999;
    font-size: 12px;
    margin: 10px 0 15px;
}
.inner p.free_shipping {
    position: relative;
    left: 28px;
    margin-top: 10px;
    font-size: 13px;
}
.inner p.free_shipping:before {
    content: '';
    width: 26px;
    height: 29px;
    position: absolute;
    top: 0;
    left: -28px;
    background: url(../images/keurig_card/ico_free_ship.png) no-repeat;
}
.arrow_right {
    background: url(../images/keurig_card/ico-arrow-right.png) no-repeat;
    width: 11px;
    height: 17px;
}
.arrow_left {
    background: url(../images/keurig_card/ico-arrow-left.png) no-repeat;
    width: 11px;
    height: 17px;
}
.products {
    list-style: none;
}
.products li {
    border-bottom: 1px solid #ebebeb;
    padding: 15px 0;
    text-align: left;
}
.products li:first-of-type {
    border-top: 1px solid #ebebeb;
}
.products li .product_name {
    font-size: 17px;
    display: block;
    margin-bottom: 8px;
}
.products li .prod_info {
    width: 100%;
    margin-top: 5px;
    position: relative;
    overflow: hidden;
}
.products li .prod_info p {
    min-width: 30%;
    font-size: 17px;
    color: #333;
    font-family: "MarkOT-Bold", Helvetica, Arial, sans-serif;
    float: left;
    margin-bottom: 15px;
}
.products li .prod_info p.mem_price {
    color: #929aa5;
    font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
}
.products li .prod_info p.counter_copy {
    font-size: 17px;
    line-height: 17px;
    display: inline-block;
    float: none;
}
.products li .prod_info .prod_quantity {
    float: right;
    min-width: 39%;
    margin-top: 0px;
    white-space: nowrap;
}
.products li .prod_info .prod_quantity > div {
    vertical-align: middle;
}
.products li .prod_info .prod_quantity input {

    /*  margin: 0; */
}
.new-price-prod-card {
    color: #D51510 !important;
    font-weight: 700;
    margin-top: 10px;
    display: block;
}
div.roast_profile {
    text-align: center;
}
div.roast_profile img {
    width: 100%;
}
.roast_indicator_holder {
    width: 100%;
    max-width: 283px;
    position: relative;
    margin: auto;
}
.roast_indicator_holder .roast_indicator {
    top: 5px;
    left: 10%;
    position: relative;
    -moz-transition: left, 0.3s;
    -o-transition: left, 0.3s;
    -webkit-transition: left, 0.3s;
    transition: left, 0.3s;
}
.roast_indicator_holder .roast_indicator:after, .roast_indicator_holder .roast_indicator:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.roast_indicator_holder .roast_indicator:after {
    border-bottom-color: #f1be48;
    border-width: 6px;
    margin-left: -6px;
}
.roast_indicator_holder .roast_indicator:before {
    border-bottom-color: #f1be48;
    border-width: 9px;
    margin-left: -9px;
}
.roast_indicator_holder .roast_indicator.pos_1 {
    left: 5%;
}
.roast_indicator_holder .roast_indicator.pos_2 {
    left: 15%;
}
.roast_indicator_holder .roast_indicator.pos_3 {
    left: 25%;
}
.roast_indicator_holder .roast_indicator.pos_4 {
    left: 35%;
}
.roast_indicator_holder .roast_indicator.pos_5 {
    left: 45%;
}
.roast_indicator_holder .roast_indicator.pos_6 {
    left: 55%;
}
.roast_indicator_holder .roast_indicator.pos_7 {
    left: 65%;
}
.roast_indicator_holder .roast_indicator.pos_8 {
    left: 75%;
}
.roast_indicator_holder .roast_indicator.pos_9 {
    left: 85%;
}
.roast_indicator_holder .roast_indicator.pos_10 {
    left: 95%;
}
.roast_indicator_holder .roast_indicator span {
    position: absolute;
    width: 100px;
    margin-left: -50px;
    font-size: 11px;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: 0.8;
}
.product .calculation_content {
    background: #fbfbfb;
    padding: 10px 36px 0;
    text-align: left;
    border-top: 1px solid #ebebeb;
    height: 213px;
}
.product .calculation_content .prod_info {
    margin-bottom: 10px;
}
.product .calculation_content .prod_price {
    float: left;
    padding-top: 10px;
}
.product .calculation_content .prod_quantity {
    float: right;
}
.product .calculation_content .price_label {
    font-family: "MarkOT-Bold";
}
.product .calculation_content .big-price {
    font-size: 24px;
    color: #f8c612;
}
.product .calculation_content .prod_total {
    padding: 10px 0;
    border-top: 1px solid #ebebeb;
}
.product .customize_content {
    padding: 0 20px;
    position: relative;
    height: 348px;
    overflow: hidden;
}
.product .pricing_info {
    width: 100%;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 20px 0 10px;
    text-align: left;
}
.product .pricing_info .price_label {
    font-size: 18px;
}
.product .pricing_info .big-price {
    font-size: 24px;
    color: #999;
}
.product .calculation_content {
    background: #fbfbfb;
    padding: 10px 36px 0;
    text-align: left;
    border-top: 1px solid #ebebeb;
    height: 213px;
}
.product .calculation_content .prod_info {
    margin-bottom: 10px;
}
.product .calculation_content .prod_price {
    float: left;
    padding-top: 10px;
}
.product .calculation_content .prod_quantity {
    float: right;
}
.product .calculation_content .price_label {
    font-family: "MarkOT-Bold";
}
.product .calculation_content .big-price {
    font-size: 24px;
    color: #f8c612;
}
.product .calculation_content .prod_total {
    padding: 10px 0;
    border-top: 1px solid #ebebeb;
}
.product .opt_type {
    vertical-align: top;
    font-size: 15px;
    line-height: 14px;
    color: #333;
    display: block;
    margin-top: 15px;
    margin-bottom: 10px;
    min-height: 26px;
}
.product .opt_choice {
    font-size: 14px;
    line-height: 13px;
    color: #999;
    display: block;
    margin-top: 5px;
    min-height: 26px;
    white-space: normal;
}
.product .opt_choice.get_started {
    position: relative;
    padding-left: 25px;
}
.product .opt_choice.get_started.dead {
    padding-left: 0;
}
.product .opt_choice.get_started.dead:before {
    background: none;
    position: static;
}
.product .opt_choice.get_started:before {
    content: '';
    width: 18px;
    height: 27px;
    position: absolute;
    left: 0;
    top: -10px;
    background: url("../images/brewer-landing/ico_custom_brewer.png") no-repeat;
}
.product .add_to_wishlist {
    margin-top: 5px;
}
.product .prod_cust_option {
    padding: 20px 0;
    text-align: left;
    border-bottom: 1px solid #ebebeb;
    vertical-align: middle;
    text-decoration: none;
    position: relative;
}
.product .prod_cust_option.choose_college .icons-brewer-custom-ico_selected {
    top: 20px;
}
.product .prod_cust_option.optional .opt_type {
    margin-top: 0;
}
.product .prod_cust_option.optional .opt_choice {
    display: inline-block;
}
.product .prod_cust_option.optional.chosen_option .opt_type {
    margin-top: 0;
}
.product .prod_cust_option.optional.chosen_option img {
    margin-top: 15px;
}
.product .prod_cust_option img {
    float: left;
    margin-right: 20px;
}
.product .prod_cust_option .icons-brewer-custom-ico_selected {
    visibility: hidden;
    position: relative;
    top: 30px;
    margin-right: 13px;
    vertical-align: top;
    float: left;
}
.product .prod_cust_option .icons-brewer-custom-ico_selected.active {
    visibility: visible;
}
.product .prod_cust_option .icons-brewer-custom-ico_selected.dead {

    /*display: none;*/
}
.product .prod_cust_option .arrow_right {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -9px;
}
.product .brewer_options {
    position: absolute;
    top: 54px;
    left: 345px;
    width: 100%;
    height: 294px;
    background: #FFF;
    text-align: left;
    padding: 0 0 10px;
    overflow-x: hidden;
    overflow-y: auto;
    -moz-transition: left, 0.4s;
    -o-transition: left, 0.4s;
    -webkit-transition: left, 0.4s;
    transition: left, 0.4s;
}
.product .brewer_options.active {
    left: 0;
}
.product .brewer_options .mod_type {
    padding: 10px 0;
    margin-left: 30px;
    position: relative;
    display: block;
    text-decoration: none;
}
.product .brewer_options .mod_type .opt_type {
    font-size: 18px;
    line-height: 17px;
    margin-bottom: 0;
}
.product .brewer_options .swatch_holder {
    border-top: 1px dashed #ebebeb;
    padding-top: 10px;
}
.product .brewer_options .swatch_holder form {
    margin-bottom: 10px;
}
.product .brewer_options .swatch_holder .circle-link-image.info .icons-info {
    vertical-align: middle;
}
.product .brewer_options .swatch_holder .circle-link-image.info .msg {
    top: auto;
    left: -31px;
    bottom: 210px;
}
.product .brewer_options .swatch_holder .circle-link-image.info .msg:before, .product .brewer_options .swatch_holder .circle-link-image.info .msg:after {
    left: 45px;
}
.product .brewer_options .prettyradio {
    margin: 2px;
}
.product .brewer_options .prettyradio:nth-of-type(5n) {
    margin-right: 0;
}
.product .brewer_options .prettyradio:nth-of-type(1), .product .brewer_options .prettyradio:nth-of-type(6n) {
    margin-left: 0;
}
.product .brewer_options .apply_radio {
    width: 100%;
    border: 1px solid #ebebeb;
    margin: 0 0 5px;
    padding: 10px;
}
.product .brewer_options .apply_radio label {
    font-family: 'MarkOT-Bold';
    font-size: 14px;
    color: #999;
    line-height: 15px;
}
.product .brewer_options .apply_radio label span {
    display: block;
    font-family: 'MarkOT-Regular';
}
.product .brewer_options .arrow_left {
    position: absolute;
    left: -30px;
    top: 50%;
    margin-top: -9px;
}
.page-productDetails .productDetailsPanel {
    position: relative;
    background: #fff;
}
.page-productDetails .productDetailsPanel > div {
    position: relative;
    padding-top: 45px;
    padding-bottom: 45px;
}
.page-productDetails .productDetailsPanel > div.productImage {
    width: 32%;
    margin: 0 13%;    /*padding-bottom: 86px;*/
}
.page-productDetails .productDetailsPanel h1 {
    text-align: left;
}
.page-productDetails .productDetailsPanel .productSummary .brand {
    border-top: 1px solid #bbbfbe;
    color: #4f4f4f;
    font-size: 14px;
    padding-top: 3px;
    text-transform: uppercase;
    display: block;
}
.page-productDetails .productDetailsPanel .productSummary .desc1Line {
    display: block;
    color: #929aa5;
    font-size: 24px;
}
.packTypes {
    font-size: 10px;
    padding: 0 0 43px;
}
.packTypes span {
    margin-right: 10px;
}
.back .packTypes {
    padding-bottom: 18px;
}
.compatibility-icon {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #c8cdd3;
    color: #fff;
    display: inline-block;
    font-family: "MarkOT-Bold", Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin-bottom: 3px;
    padding: 4px 10px;
}
.page-productDetails .productDetailsPanel .productSummary .rating {
    display: block;
    padding-bottom: 10px;
}
.page-productDetails .productDetailsPanel .productSummary .rating li {
    margin-right: 6px;
}
.page-productDetails .productDetailsPanel .productSummary .prodReview {
    margin-bottom: 45px;
}
.page-productDetails .productDetailsPanel .productSummary .prodReview a {
    font-size: 12px;
    color: #333;
    text-decoration: none;
}
.page-productDetails .productDetailsPanel .productSummary .prodReview .count, .page-productDetails .productDetailsPanel .productSummary .prodReview .write {
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: 0.8;
}
.page-productDetails .productDetailsPanel .productSummary .prodReview .count {
    padding: 0;
}
.page-productDetails .productDetailsPanel .productSummary .prodReview .write {
    background: none;
    border-left: 1px solid #333;
    padding-left: 10px;
    margin-left: 10px;
}
.page-productDetails .productDetailsPanel .productSummary .summary {
    font-size: 14px;
    line-height: 18px;
    max-width: 300px;
    margin-bottom: 100px;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: 0.8;
}
.page-productDetails .productDetailsPanel .productSummary .summary .textLinks {
    text-decoration: none;
}
.page-productDetails .productDetailsPanel .productSummary .summary .orangeText {
    font-family: "MarkOT-Medium";
    text-decoration: none;
}
.page-productDetails .productDetailsPanel .productSummary .attributes {
    padding: 3px;
    position: relative;
}
.page-productDetails .productDetailsPanel .productSummary .attributes .extraInfo .msg, .attributes .extraInfo1 .msg1 {
    bottom: 48px;
    left: 0;
    text-indent: 0;
}
.page-productDetails .productDetailsPanel .productSummary .attributes .extraInfo .msg:before, .page-productDetails .productDetailsPanel .productSummary .attributes .extraInfo .msg:after, .attributes .extraInfo1 .msg1:before, .attributes .extraInfo1 .msg1:after {
    left: 18px;
}
.page-productDetails .productDetailsPanel .roast_profile {
    height: 50px;
    font-size: 11px;
}
.page-productDetails .productDetailsPanel .roast_profile span {
    display: block;
}
.page-productDetails .productDetailsPanel .roast_profile .textGrey {
    padding-bottom: 15px;
}
.page-productDetails .productDetailsPanel .roast_profile img {
    width: 80%;
}
.page-productDetails .productDetailsPanel .roast_profile .left, .page-productDetails .productDetailsPanel .roast_profile .right {
    color: #4e2b00;
    width: 10%;
}
.page-productDetails .productDetailsPanel .roast_profile .roast_indicator_holder {
    width: 80%;
    position: relative;
    margin: auto;
}
.page-productDetails .productDetailsPanel .roast_profile .roast_indicator_holder .roast_indicator {
    top: 5px;
    left: 10%;
    position: relative;
    -moz-transition: left, 0.3s;
    -o-transition: left, 0.3s;
    -webkit-transition: left, 0.3s;
    transition: left, 0.3s;
}
.page-productDetails .productDetailsPanel .roast_profile .roast_indicator_holder .roast_indicator:after, .page-productDetails .productDetailsPanel .roast_profile .roast_indicator_holder .roast_indicator:before {
    bottom: 100%;
    left: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.page-productDetails .productDetailsPanel .roast_profile .roast_indicator_holder .roast_indicator:after {
    border-bottom-color: #f8c612;
    border-width: 6px;
    margin-left: -6px;
}
.page-productDetails .productDetailsPanel .roast_profile .roast_indicator_holder .roast_indicator:before {
    border-bottom-color: #f8c612;
    border-width: 9px;
    margin-left: -9px;
}
.page-productDetails .productDetailsPanel .roast_profile .roast_indicator_holder .roast_indicator.pos_1 {
    left: 5%;
}
.page-productDetails .productDetailsPanel .roast_profile .roast_indicator_holder .roast_indicator.pos_2 {
    left: 15%;
}
.page-productDetails .productDetailsPanel .roast_profile .roast_indicator_holder .roast_indicator.pos_3 {
    left: 25%;
}
.page-productDetails .productDetailsPanel .roast_profile .roast_indicator_holder .roast_indicator.pos_4 {
    left: 35%;
}
.page-productDetails .productDetailsPanel .roast_profile .roast_indicator_holder .roast_indicator.pos_5 {
    left: 45%;
}
.page-productDetails .productDetailsPanel .roast_profile .roast_indicator_holder .roast_indicator.pos_6 {
    left: 55%;
}
.page-productDetails .productDetailsPanel .roast_profile .roast_indicator_holder .roast_indicator.pos_7 {
    left: 65%;
}
.page-productDetails .productDetailsPanel .roast_profile .roast_indicator_holder .roast_indicator.pos_8 {
    left: 75%;
}
.page-productDetails .productDetailsPanel .roast_profile .roast_indicator_holder .roast_indicator.pos_9 {
    left: 85%;
}
.page-productDetails .productDetailsPanel .roast_profile .roast_indicator_holder .roast_indicator.pos_10 {
    left: 95%;
}
.back .roast_profile .roast_indicator_holder .roast_indicator.pos_1 {
    left: -45%;
}
.back .roast_profile .roast_indicator_holder .roast_indicator.pos_2 {
    left: -35%;
}
.back .roast_profile .roast_indicator_holder .roast_indicator.pos_3 {
    left: -25%;
}
.back .roast_profile .roast_indicator_holder .roast_indicator.pos_4 {
    left: -15%;
}
.back .roast_profile .roast_indicator_holder .roast_indicator.pos_5 {
    left: -5%;
}
.back .roast_profile .roast_indicator_holder .roast_indicator.pos_6 {
    left: 5%;
}
.back .roast_profile .roast_indicator_holder .roast_indicator.pos_7 {
    left: 15%;
}
.back .roast_profile .roast_indicator_holder .roast_indicator.pos_8 {
    left: 25%;
}
.back .roast_profile .roast_indicator_holder .roast_indicator.pos_9 {
    left: 35%;
}
.back .roast_profile .roast_indicator_holder .roast_indicator.pos_10 {
    left: 45%;
}
.page-productDetails .productDetailsPanel .roast_profile .roast_indicator_holder .roast_indicator span {
    position: absolute;
    width: 56px;
    margin-left: -28px;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: 0.8;
}
.page-productDetails .productDetailsPanel .productImage .productImagePrimary {
    margin: 30px auto 100px;
    padding: 0;
}
.page-productDetails .productDetailsPanel .productImage .productImagePrimary a.productImagePrimaryLink {
    max-width: 350px;
    width: 100%;
    margin: auto;
    display: block;
}
.page-productDetails .productDetailsPanel .productImage .productImagePrimary a.productImagePrimaryLink img {
    width: 100%;
}
.page-productDetails .productDescription .add_to_cart_form {
    width: 100%;
    float: none;
}
.page-productDetails .productDescription .member_pricing {
    background: #f1f1f1;
    border: 1px solid #3c3c3c;
    color: #232323;
    padding: 13px;
    height: auto;
    font-size: 13px;
    line-height: 1;
}
.page-productDetails .productDescription span.header_price {
    font-size: 12px;
    font-family: "MarkOT-Bold", Helvetica, Arial, sans-serif;
    width: 30%;
    float: left;
    display: block;
    text-align: left;
}
.page-productDetails .productDescription span.header_price.mem_price {
    width: 66%;
    color: #929aa5;
}
.page-productDetails .productDescription p {
    line-height: 15px;
    margin-bottom: 0;
}
.page-productDetails .productDescription p.legal {
    color: #999;
    font-size: 12px;
    margin: 10px 0 15px;
}
.page-productDetails .productDescription p.free_shipping {
    position: relative;
    margin: 15px 0 15px 20px;
    font-size: 13px;
    padding-left: 5px;
}
.page-productDetails .productDescription p.free_shipping:before {
    content: '';
    width: 23px;
    height: 30px;
    position: absolute;
    top: -5px;
    left: -28px;
    background: url(../images/keurig_card/ico_free_ship.png) no-repeat;
}
.page-productDetails .productDescription .LoveShare, .page-productDetails .productDescription .pricingInfo {
    width: 100%;
    max-width: 300px;
    float: right;
}
.page-productDetails .productDescription .LoveShare #addToCartButton, .page-productDetails .productDescription .pricingInfo #addToCartButton {
    margin-top: 15px;
}
.page-productDetails .productDescription .LoveShare {
    text-align: left;
    font-size: 12px;
}
.page-productDetails .productDescription .LoveShare a {
    float: right;
    display: block;
    margin-left: 20px;
}
header.division {
    background: none;
    clear: both;
    border-top: 1px solid #d8dcdb;
    font-size: 15px;
    margin: 47px 0 55px 0;
    padding: 13px 0 0 0;
    text-transform: uppercase;
}
header.division.inner-type {
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 16px;
    margin: 0;
    min-width: 0;
    text-transform: none;
    width: auto;
}
header.division.for-cover {
    margin-bottom: 12px;
}
.prodDetails {
    background: #fff;
    margin-top: 45px;
}
.prodDetails .details {
    padding-top: 65px;
}
.subNav {
    position: absolute;
    top: 0;
    z-index: 100;
    border: 1px solid #d8dbda;
    border-width: 1px 0;
    background: #fff;
    height: 49px;
    min-width: 1024px;
    -webkit-transform: translateZ(0);
}
.subNav .btn-box {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border: 0;
}
.subNav .btn-box:before, .subNav .btn-box:after {
    border-width: 0;
    margin: 0;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.subNav .cart {
    overflow: hidden;
    width: 0;
    padding: 0;
}
.subNav .cart.expand {
    height: auto;
    width: 24%;
}
.subNav ul {
    text-align: center;
    height: 47px;
    font-size: 0;
    overflow: hidden !important;
}
.subNav li {
    text-align: center;
    display: inline-block;
    width: 24%;
    height: 47px;
    position: relative;
    white-space: nowrap;
    vertical-align: top;
    -moz-transition-property: width;
    -o-transition-property: width;
    -webkit-transition-property: width;
    transition-property: width;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.subNav.brewer li, .subNav.brewer .cart.expand {
    width: 20%;
}
.subNav.brewer .cart {
    width: 0;
}
.subNav li a {
    display: block;
}
.subNav.stickyNav .btn-box.active, .subNav .btn-box.btn-white:hover {
    background: #333;
    color: #fff;
    position: relative;
}
.subNav.stickyNav .btn-box.active:after, .subNav.stickyNav .btn-box.active:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.subNav.stickyNav .btn-box.active:after {
    border-top-color: black;
    border-width: 5px;
    margin-left: -5px;
}
.subNav.stickyNav .btn-box.active:before {
    border-top-color: black;
    border-width: 10px;
    margin-left: -10px;
}
.subNav.stickyNav .btn-box.active:before, .subNav.stickyNav .btn-box.active:after {
    filter: "progid:DXImageTransform.Microsoft.Alpha(enabled=false)";
    opacity: 1;
}
#productTabs {
    margin: 0 auto 20px;
}
#productTabs .tabs-list {
    border: 0;
}
#productTabs .tabs-list li {
    background: #f1f1f1;
}
#productTabs .tabs-list li.active {
    position: relative;
}
#productTabs .tabs-list li.active:after, #productTabs .tabs-list li.active:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
#productTabs .tabs-list li.active:after {
    border-top-color: #f1f1f1;
    border-width: 10px;
    margin-left: -10px;
}
#productTabs .tabs-list li.active:before {
    border-top-color: #f1f1f1;
    border-width: 20px;
    margin-left: -20px;
}
#productTabs ul.tabs-list {
    border: 0;
}
#productTabs ul.tabs-list li.active a {
    color: #f8c612;
}
#productTabs ul.tabs-list a:hover {
    color: #f8c612;
}
#productTabs {
    font-size: 12px;
}
.page-orderConfirmationPage .yCmsContentSlot{
    width: 100%;
}
.stickyNavPadding {
    position: relative;
    z-index: 1;
}
.cover-image.product-overview {
    color: #fff;
    min-height: 900px;
    padding: 60px 0 0;
}
.cover-image.product-overview .content {
    margin: 0 auto;
    width: 594px;
}
.cover-image.product-overview .content .top-content, .cover-image.product-overview .content .bottom-content {
    overflow: auto;
}
.cover-image.product-overview .content .top-content {
    height: 320px;
}
.cover-image.product-overview .content .top-content p {
    font-family: "MarkOT-Medium";
}
.cover-image.product-overview .content .bottom-content {
    height: 200px;
    margin-top: 30px;
}
.cover-image.product-overview .content .bottom-content h3, .cover-image.product-overview .content .bottom-content h5, .cover-image.product-overview .content .bottom-content p {
    font-family: "MarkOT-Medium";
    color: rgba(0, 0, 0, 0.81);
}
.cover-image.product-overview .content .text-link-arrow {
    font-family: "MarkOT-Medium";
}
.cover-image.product-overview h1, .cover-image.product-overview h2, .cover-image.product-overview h3, .cover-image.product-overview h4, .cover-image.product-overview h5, .cover-image.product-overview p, .cover-image.product-overview ul, .cover-image.product-overview div, .cover-image.product-overview .text-link-arrow {
    color: #fff;
    line-height: normal;
}
.cover-image.product-overview p, .cover-image.product-overview h5 {
    font-size: 15px;
    line-height: 22px;
}
.cover-image.product-overview h2 {
    font-size: 38px;
}
.user-reviews-container {
    font-size: 15px;
    margin-bottom: 120px;
    padding-top: 40px;
}
.user-reviews-container .controls-container {
    border: 1px solid #d8dbda;
    font-size: 14px;
    padding: 15px 54px 14px 20px;
}
.user-reviews-container .controls-container .left, .user-reviews-container .controls-container .right .view-all {
    display: none;
}
.user-reviews-container .controls-container .left.write-a-review a {
    color: #929aa5;
}
.user-reviews-container .controls-container label {
    padding-right: 90px;
    display: inline-block;
}
.user-reviews-container .controls-container select {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    outline: none;
    background: transparent url(../images/icons/arrow-down-orange.png) 95% 50% no-repeat;
    border-top: 0;
    border-bottom: 0;
    border-left: 1px solid #d8dbda;
    border-right: 1px solid #d8dbda;
    margin: -15px 0 -14px 10px;
    width: 165px;
}
.user-reviews-container .controls-container select::-ms-expand {
    display: none;
}
.user-reviews-container .controls-container .right .text-link-arrow {
    margin-right: 26px;
}

/* .user-reviews-container h4 {
border-top: 1px solid #d8dbda;
font-size: 15px;
padding: 10px 0 0 0;
margin-bottom: 30px;
text-transform: uppercase;

} */

/*power reviews overwrites*/
.user-reviews-container .pr-snapshot-head, .user-reviews-container .pr-snapshot-body-wrapper, /*Contains Snapshot and be first to write a review*/
.user-reviews-container .pr-pagination-top, .user-reviews-container .pr-page-count-wrapper, .user-reviews-container .pr-page-nav .pr-page-prev, .user-reviews-container .pr-page-nav .pr-divider, .user-reviews-container .pr-review-author-affinity-wrapper, .user-reviews-container .pr-comments-header, .user-reviews-container .pr-review-rating .pr-stars, .user-reviews-container .pr-review-rating .pr-rating, .user-reviews-container .pr-review-sort-wrapper, .user-reviews-container .pr-review-tools p.pr-review-helpful-response {
    display: none;
}

/*fix bug KCOM-1867*/
.user-reviews-container .pr-other-attributes {
    display: block !important;
}
.customer-review-container .pr-other-attributes-list li.pr-other-attribute-label {
    width: auto;
    white-space: nowrap;
}
.customer-review-container .pr-other-attributes-list li.pr-other-attribute-value {
    width: 22%;
    margin-left: 5px;
}
.user-reviews-container .pr-review-author-name, .user-reviews-container .pr-review-author-location {
    font-size: 0;
    line-height: normal;
    padding: 0;
}
.user-reviews-container .pr-review-author-name {
    margin-bottom: 3px;
}
.user-reviews-container .pr-review-author-location {
    margin-bottom: 20px;
}
.user-reviews-container .pr-review-author-name span, .user-reviews-container .pr-review-author-location span {
    font-weight: normal;
}
.user-reviews-container .pr-review-author-name span {
    font-family: "MarkOT-Bold";
    font-size: 16px;
    text-transform: uppercase;
}
.user-reviews-container .pr-review-author-location span {
    font-size: 13px;
    text-transform: uppercase;
}
.user-reviews-container .pr-snapshot-body, .user-reviews-container .pr-snapshot-body-wrapper, .user-reviews-container .pr-review-sort-wrapper, .user-reviews-container .pr-snapshot-body-wrapper, .user-reviews-container .pr-contents, .user-reviews-container .pr-review-sort-wrapper, .user-reviews-container .pr-review-sort, .user-reviews-container .pr-attribute-key p, .user-reviews-container .pr-review-points-attr-wrapper .pr-attribute-group, .user-reviews-container .pr-contents-wrapper, .user-reviews-container .pr-review-author-date {
    background: none;
    border: none;
    padding: 0;
}
.user-reviews-container .pr-attribute-label-pros, .user-reviews-container .pr-attribute-label-cons, .user-reviews-container .pr-attribute-label-bestuses, .user-reviews-container .pr-review-author-date, .user-reviews-container .pr-review-author-date p, .user-reviews-container .pr-review-bottom-line-wrapper, .user-reviews-container .pr-review-bottom-line-wrapper .pr-review-bottom-line {
    color: #333;
    font-family: "MarkOT-Bold";
    font-size: 13px;
    line-height: 18px;
}
.user-reviews-container .pr-contents-wrapper .pr-review-wrap {
    padding-top: 50px;
    padding-bottom: 30px;
}
.user-reviews-container .pr-contents-wrapper > div:nth-child(6) {
    padding-bottom: 100px;
    margin-bottom: 0;
}
.user-reviews-container .pr-review-author {
    padding-left: 30px;
    width: 31%;
}
.user-reviews-container .pr-review-author .user-badge {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 3px 0 0 rgba(184, 189, 195, 1);
    -moz-box-shadow: inset 0 3px 0 0 rgba(184, 189, 195, 1);
    box-shadow: inset 0 3px 0 0 rgba(184, 189, 195, 1);
    background: #dadcdf;
    color: #959ba1;
    float: left;
    height: 124px;
    font-size: 40px;
    line-height: 124px;
    position: relative;
    overflow: hidden;
    text-align: center;
    width: 124px;
}
.user-reviews-container .user-badge:before, .user-reviews-container .user-badge:after {
    content: attr(title);
    color: rgba(0, 0, 0, .1);
    position: absolute;
    text-align: center;
    width: 124px;
}
.user-reviews-container .user-badge:before {
    top: 1px;
    left: 1px
}
.user-reviews-container .user-badge:after {
    top: 2px;
    left: 2px
}
.user-reviews-container .pr-author-info {
    float: right;
    margin-top: 12px;
    width: 50%;
}
.user-reviews-container .pr-review-text, .user-reviews-container .pr-review-rating-wrapper, .user-reviews-container .pr-review-footer {
    padding-right: 50px;
}
.user-reviews-container .pr-review-points-attr-wrapper .pr-attribute-group {
    margin-right: 0;
    padding-right: 20px;
    width: 33%;
}
.user-reviews-container .pr-review-wrap .pr-review-points .pr-review-points-attr-wrapper .pr-attribute-group .pr-attribute-key p, .user-reviews-container .pr-review-wrap .pr-review-points .pr-review-points-attr-wrapper .pr-attribute-group .pr-attribute-value {
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 10px 0;
}
.user-reviews-container .pr-review-text, .user-reviews-container .pr-review-footer {
    clear: left;
    float: left;
    margin-top: 0;
    width: 50%;
}
.user-reviews-container .pr-review-text p {
    line-height: 23px;
    margin-top: 0;
    margin-bottom: 18px;
}
.user-reviews-container .pr-review-points {
    clear: none;
    float: right;
    width: 50%;
}
.user-reviews-container .pr-review-rating-wrapper {
    margin-right: 34%;
    width: 34%;
}
.user-reviews-container .pr-review-main-wrapper {
    width: 68%;
}
.user-reviews-container .pr-review-rating, .user-reviews-container .pr-review-most-helpful {
    clear: left;
    float: left;
    margin-bottom: 10px;
}
.user-reviews-container .pr-review-most-helpful {
    margin-top: 7px;
}
.user-reviews-container .pr-review-rating-headline {
    font-size: 30px;
    line-height: normal;
}
.user-reviews-container .pr-review-author-date {
    float: right;
    margin-top: 10px;
    min-width: 0;
    width: auto;
}
.user-reviews-container .pr-review-author-date p {
    display: inline;
}
.user-reviews-container .pr-review-bottom-line-wrapper p:last-child {
    margin-bottom: 0;
}
.user-reviews-container .pr-review-author-date p:before {
    content: " ";
}
.user-reviews-container .pr-review-tools p {
    font-style: normal;
}
.user-reviews-container .pr-review-tools p a {
    color: #929aa5;
}
.user-reviews-container .pr-attribute-value-list {
    margin-left: 20px;
}
.user-reviews-container .pr-attribute-value-list, .user-reviews-container .pr-attribute-value-list li {
    font-size: inherit;
    line-height: inherit;
    list-style: disc;
}
.user-reviews-container .pr-stars-new, .user-reviews-container .pr-stars-new .pr-star-score {
    background: url(../images/pr-rating-stars.png) 0 0;
    height: 15px;
}
.user-reviews-container .pr-stars-new {
    clear: both;
    position: relative;
    overflow: hidden;
    width: 84px;
}
.user-reviews-container .pr-stars-new .pr-star-score {
    background-position: 0 -14px;
    position: absolute;
    top: 0;
    left: 0;
}
.pr-rf-container h1 {
    border-bottom: 1px solid #d4d8dc;
    margin-bottom: 30px;
    padding-bottom: 70px;
    text-align: left;
}
.pr-item-preview-box {
    background: #fff;
    border: #e5e5e5;
    margin-bottom: 20px;
    padding: 18px 20px 40px;
    width: 569px;
}
.pr-item-preview-box .top-desc {
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 28px;
    text-transform: uppercase;
    width: 140px;
}
.pr-item-preview-box .image {
    float: left;
    margin-left: 10px;
}
.pr-item-preview-box .image img {
    max-width: 200px;
}
.pr-item-preview-box .main-desc {
    float: left;
    margin: 32px 0 0 40px;
    max-width: 298px;
}
.pr-item-preview-box .main-desc h3 {
    font-size: 18px;
    margin-bottom: 0;
}
.pr-item-preview-box .main-desc h4 {
    font-size: 15px;
    margin-bottom: 0;
}
.pr-item-preview-box .main-desc h4 a {
    color: #929aa5;
}
.star-rating, .star-rating .active-stars, .star-rating .last-star {
    background: url(../images/stars-sprite-large.png) 0 0 no-repeat;
    height: 24px;
}
.star-rating.small, .star-rating.small .active-stars, .star-rating.small .last-star {
    background: url(../images/common-icons-sprite.png) no-repeat;
}
.star-rating {
    clear: both;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    width: 160px;
}
.star-rating.small, .star-rating.small .active-stars, .star-rating.small .last-star {
    height: 12px;
}
.star-rating.small {
    width: 80px;
    margin-bottom: 7px;
}
.prodReview a {
    font-size: 12px;
}
.star-rating .active-stars, .star-rating .last-star {
    position: absolute;
    left: 0;
}
.star-rating.small .active-stars {
    background-position: 0 -12px;
}
.star-rating .active-stars {
    top: 0;
}
.star-rating .last-star {
    bottom: 0;
    height: 0;
    top: auto;
}
.star-rating.small .last-star {
    background-position: 0 -18px;
}
.user-reviews-container .pr-page-nav-wrapper, .user-reviews-container .pr-page-nav {
    display: inline;
    float: none;
}
.user-reviews-container .pr-page-nav a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #393636;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 75px;
    line-height: 12px;
    padding: 25px 10px 0;
    text-align: center;
    text-transform: uppercase;
    width: 75px;
}
.user-reviews-container .pr-pagination-bottom {
    margin-top: -38px;
    text-align: center;
}
.user-reviews-container .pr-review-helpful-response {
    font-size: 13px;
    line-height: 18px;
    margin-top: 20px;
    margin-bottom: 0;
}
.productBrewer section.hero {
    background: #dfe0e4 url(../images/brewer-landing/custom-bg.jpg) no-repeat 50% 0;    /*margin-bottom: -25px;*/
    padding-bottom: 45px;
    width: 100%;
}
.productBrewer section.hero + .prodDetails {

    /*margin-top: 0;*/
}
.productBrewer .productDetailsPanel {
    min-width: 1024px;    /*min-height: 600px;
      height: 100%;*/
    background: transparent;
}
.productBrewer .productDetailsPanel > div {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    height: 100%;
}
.productBrewer .productDetailsPanel .productSummary {
    padding-top: 45px;
}
.productBrewer .productDetailsPanel .productImage {
    height: 100%;
}
.productBrewer .productDetailsPanel .productImage .productImagePrimary {
    margin-top: 57px;
    margin-bottom: 20px;
    text-align: center;
}
.productBrewer .productDetailsPanel .productImage .productImagePrimary img {

    /*width: auto;
      height: 100%;*/
}
.productBrewer .productDetailsPanel .productImage .gallery {
    padding-bottom: 25px;
    text-align: center;
}
.productBrewer .productDescription {
    background: #fff;
    height: 100%;
    margin-bottom: -20px;
    position: relative;
}
.productBrewer .productDescription .add_to_cart_form {
    width: 100%;
    float: none;
}
.productBrewer .productDescription .big-price {
    color: #909ca7;
    font-size: 24px;
}
.productBrewer .productDescription .pricingInfo {
    max-width: 100%;
    border: 0;
    padding-top: 45px;
}
.productBrewer .productDescription .pricingInfo > div {
    border: 1px solid #ebebeb;
    border-width: 1px 0;
    padding-top: 27px;
    padding-bottom: 11px;
}
.productBrewer .productDescription .customize_content {
    height: auto;
    clear: both;
    margin-bottom: 13px;
    overflow-x: hidden;
    position: relative;
}
.productBrewer .productDescription .customize_content .opts {
    border-top: 1px dashed #ebebeb;
    padding-top: 10px;
    width: 100%;
    text-align: center;
}
.productBrewer .productDescription .customize_content .opts form {
    margin-bottom: 10px;
}
.productBrewer .productDescription .customize_content .opts .circle-link-image.info {
    font-size: 15px;
    width: 100%;
    display: block;
}
.productBrewer .productDescription .customize_content .opts .circle-link-image.info .icons-info {
    vertical-align: middle;
}
.productBrewer .productDescription .customize_content .brewer_options {
    top: 0;
    height: 100%;
    left: 100%;
    padding: 0 20px;
}
.productBrewer .productDescription .customize_content .brewer_options.active {
    left: 0;
}
.productBrewer .productDescription .customize_content .brewer_options .mod_style .mod_style_header {
    border-top: 1px solid #ebebeb;
    width: 100%;
    padding: 10px 0;
    position: relative;
}
.productBrewer .productDescription .customize_content .brewer_options .mod_style .mod_style_header.active .arrow_right {
    background: url(../images/global/ico_arrow_up.png) no-repeat;
}
.productBrewer .productDescription .customize_content .brewer_options .mod_style .mod_style_header .mod_style_ico {
    float: left;
}
.productBrewer .productDescription .customize_content .brewer_options .mod_style .mod_style_header .mod_style_label {
    float: left;
    margin: 10px 0 0 10px;
    font-size: 15px;
    color: #f8c612;
}
.productBrewer .productDescription .customize_content .brewer_options .mod_style .mod_style_header .arrow_right {
    background: url(../images/global/ico_arrow_down.png) no-repeat;
    width: 11px;
    height: 7px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px;
}
.productBrewer .productDescription .customize_content .brewer_options .mod_style .mod_style_options {
    font-size: 0;
    height: 0;
    overflow: hidden;
    -moz-transition: height 0.4s;
    -o-transition: height 0.4s;
    -webkit-transition: height 0.4s;
    transition: height 0.4s;
}
.productBrewer .productDescription .customize_content .brewer_options .mod_style .mod_style_options.active {
    padding-top: 10px;
    border-top: 1px dashed #ebebeb;
}
.productBrewer .productDescription .customize_content .brewer_options .apply {
    margin-top: 25px;
    text-align: left;
}
.productBrewer .productDescription .customize_content .brewer_options .mod_type {
    margin-top: 25px;    /*margin-bottom: 25px;*/
}
.productBrewer .productDescription .customize_content .brewer_options .mod_type .opt_type {
    font-size: 20px;
    line-height: 1;
    display: block;
    margin-bottom: 10px;
}
.productBrewer .productDescription .customize_content .brewer_options .mod_type .opt_desc {
    font-size: 13px;
    color: #232323;
    line-height: 15px;
    display: block;
}
.productBrewer .productDescription .customize_content .brewer_options .opts {
    border-top: none;
    text-align: left;
}
.productBrewer .productDescription .customize_content .brewer_options .opts a {
    display: block;
}
.productBrewer .productDescription .customize_content .brewer_options .opts img, .productBrewer .productDescription .customize_content .brewer_options .opts .desc {
    float: left;
}
.productBrewer .productDescription .customize_content .brewer_options .opts .desc {
    padding-left: 10px;
    margin-top: 30px;
}
.productBrewer .productDescription .customize_content .brewer_options .msg {
    position: absolute;
    top: auto;
    left: -0px;
    bottom: 40px;
    z-index: 10;
    display: block;
    width: 100%;
}
.productBrewer .productDescription .customize_content .brewer_options .msg:before, .productBrewer .productDescription .customize_content .brewer_options .msg:after {
    left: 15px;
}
.productBrewer .productDescription .checkout {
    background: #fbfbfb;
    padding-top: 15px;
    border-top: 1px solid #ebebeb;
}
.productBrewer .productDescription .checkout .btn-box {
    width: 100%;
    margin-bottom: 10px;
}
.productBrewer .productDescription .checkout .prod_quantity {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px;
}
.productBrewer .productDescription .checkout .total {
    padding-top: 23px;
    padding-bottom: 12px;
    font-family: "MarkOT-Medium";
}
.productBrewer .productDescription .checkout .total .big-price {
    color: #f8c612;
    font-family: "MarkOT-Regular";
}
.productBrewer .productDescription .checkout .total .big-price:before {
    content: '';
}
.productBrewer .productDescription .LoveShare {
    text-align: left;
    font-size: 12px;
}
.productBrewer .productDescription .LoveShare a {
    float: right;
    display: block;
    margin-left: 20px;
}
.productBrewer .options {
    margin: 0;
    float: none;
}
.productBrewer .options.accordion_holder {
    overflow: auto;
}
.productBrewer .options .accordion {
    width: 100%;
    padding: 0;
    margin: 0;
}
.productBrewer .options .accordion li {
    padding-top: 0;
    padding-bottom: 0;
}
.productBrewer .options .chosen {
    display: block;
    color: #929aa5;
}
.productBrewer .options .choose {
    overflow: hidden;
}
.product-breakdown h2 {
    font-size: 36px;
    line-height: 34px;
}
.product-breakdown .product-description, .product-breakdown .details {
    float: left;
}
#faqSection .product-description > ul > li {
    padding-bottom: 10px;
}
#faqSection #referenceGuide {
    padding-top: 30px;
}
#faqSection #referenceGuide div > ul {
    width: 93%
}
#faqSection #referenceGuide div:nth-child(1) {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#faqSection #referenceGuide div li {
    padding-top: 5px;
    padding-bottom: 5px;
}
#faqSection ul.accordion li:after, ul.accordion li:before {
    left: 2% !important;
    top: 7px;
}
#faqSection #referenceGuide div > ul > li {
    padding-left: 10px;
    border: 1px solid white;
}
.product-breakdown.clearfix header > div {
    padding-left: 40px;
}
#faqSection #referenceGuide div > ul > li:nth-child(even) {
    background-color: white !important;
}
.product-breakdown.clearfix .division {
    margin-bottom: 20px !important;
}
#faqSection header {
    padding-bottom: 10px;
}
#faqSection #viewMore {
    padding-left: 15px;
}
#faqSection {
    font-size: 15px;
}
.product-breakdown .product-description {
    margin-left: 6.5%;
    width: 34%;
}
.product-breakdown .product-description p, .product-breakdown .product-description ul, .product-breakdown .product-description li {
    font-size: 15px;
    line-height: 20px;
}
.product-breakdown .product-description ul {
    margin-left: 20px;
}
.product-breakdown .product-description p, .product-breakdown .product-description ul {
    margin-bottom: 24px;
}
.product-breakdown .product-description ul, .product-breakdown .product-description li {
    list-style: disc outside;
}
.product-breakdown .product-description p.desc {
    font-size: 18px;
    line-height: 24px;
}
.product-breakdown .product-description p.note {
    color: #a5aeb7;
    font-size: 13px;
}
.product-breakdown .details {
    padding-top: 0;
    margin-left: 11%;
    width: 38%;
}
.product-breakdown .highlights {
    margin-bottom: 50px;
}
.product-breakdown .highlights li {
    color: #999;
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 12px;
    padding-right: 20px;
    float: left;
    width: 50%;
}
.product-breakdown .highlights li:nth-child(odd) {
    clear: both;
}
.product-breakdown .highlights li span {
    color: #333;
    display: block;
    font-size: 13px;
    line-height: 16px;
}
.product-breakdown .highlights li img, .product-breakdown .highlights li .brewer-icon {
    float: left;
    margin-right: 15px;
}
.product-breakdown .highlights li .desc {
}
.product-breakdown table {
    margin-bottom: 20px;
    width: 100%;
}
.product-breakdown table tbody tr:nth-child(even) td {
    background: #eef1f5;
}
.product-breakdown table tbody td {
    padding: 8px 0 7px 10px;
    font-size: 15px;
}
.product-breakdown table tbody .specification-title {
    text-transform: uppercase;
    font-family: 'MarkOT-Bold';
}
.product-breakdown table .label {
    font-family: "MarkOT-Medium";
    text-transform: uppercase;
}
.related-products .card .front {
    border: 1px solid #e6e7e8;
}
.related-products .card .front .top_content {
    margin: -21px -21px 10px;
}
.brewer_compare {
    background: #f1f1f1;
}
.brewer_compare header {
    text-align: center;
    padding: 45px 0 60px;
    background: #f1f1f1;
    z-index: auto;
}
.brewer_compare header h1 {
    margin: 0;
}
.brewer_compare header .page_description {
    font-size: 18px;
}
.brewer_compare .product_content {
    padding: 0 20px;
}
.brewer_compare .feature_holder {
    padding-bottom: 40px;
}
.brewer_compare .feature_holder .product_row:nth-of-type(even) .product_column.feature_value {
    background: #FFF;
}
.brewer_compare .product_row {
    width: 100%;
    display: table;
    table-layout: fixed;
}
.brewer_compare .product_row.feature_row .product_column {
    padding: 0 15px;
}
.brewer_compare .product_row.feature_row .product_column .feature_head {
    font-size: 13px;
}
.brewer_compare .product_row .product_column {
    display: table-cell;
    border-right: 10px solid #f1f1f1;
    width: 25%;
    vertical-align: top;
    padding: 10px 15px;
}
.brewer_compare .product_row .product_column:last-of-type {
    margin-right: 0;
}
.brewer_compare .product_row .product_column:last-of-type .divider {
    border-top: 1px solid #ebebeb;
    padding-right: 0;
}
.brewer_compare .product_row .product_column.center_content {
    text-align: center;
}
.brewer_compare .product_row .product_column.right_content {
    text-align: right;
}
.brewer_compare .product_row .product_column.left_content {
    text-align: left;
}
.brewer_compare .product_row .product_column.feature_value {
    color: #999;
}
.brewer_compare .product_row .product_column.divider {
    border-top: 1px solid #ebebeb;
}
.brewer_compare .product_row .product_column.divider_holder {
    padding: 0 0 10px;
}
.brewer_compare .product_row .product_column.divider_holder .brdrTop {
    margin-bottom: 10px;
}
.brewer_compare .product_row .product_column .feature_head {
    font-size: 15px;
    font-family: 'MarkOT-Medium';
}
.brewer_compare .product_row .product_column .feature_head.reg {
    font-family: 'MarkOT-Regular';
}
.brewer_compare .product_row .product_column .chosen-container {
    margin-top: 0;
    text-align: left;
}
.brewer_compare .product_row .product_column .hero_holder {
    margin: 40px 0;
    padding: 0 15px;
}
.brewer_compare .product_row .product_column .hero_holder .hero {
    max-width: 292px;
    width: 100%;
    margin-bottom: 15px;
}
.brewer_compare .product_row .product_column .rating {
    margin-top: 3px;
    padding-bottom: 0;
}
.brewer_compare .product_row .product_column ul.list {
    list-style: disc;
}
.brewer_compare .product_row .product_column ul.list li {
    font-size: 15px;
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 10px;
}
.brewer_compare .product_row .product_column .check {
    width: 19px;
    height: 18px;
    display: block;
    margin: 0 auto;
}
.brewer_compare .product_row .product_column .check.true {
    background: url(../images/global/ico_check.png) no-repeat;
}
.cover-image + .tabs.with-icons {
    border-bottom: 1px solid #dccec3;
    margin-top: -106px;
}
.control-tabs + .filter-controls {
    margin-top: -1px;
}
.tabs {
    position: relative;
    text-align: center;    /*  z-index: 1;*/
}
.tabs div {
    text-align: left;
}
.filter-fixed-container {
    left: 0;
    min-width: 1024px;    /*    position: fixed;*/
    top: 0;
    width: 100%;
    z-index: 1000;
}
.filter-fixed-container.active {
    position: fixed;
}
.tabs .control-tabs {
    -moz-box-shadow: rgba(0, 0, 0, 0.13) 0 -8px 18px 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.13) 0 -8px 18px 0;
    box-shadow: rgba(0, 0, 0, 0.13) 0 -8px 18px 0;
    -moz-border-radius-topleft: 20px;
    -webkit-border-top-left-radius: 20px;
    border-top-left-radius: 20px;
    -moz-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
    border-top-right-radius: 20px;
    display: inline-block;
    font-size: 0;
    margin-bottom: -1px;
    text-align: center;
    position: relative;
    white-space: nowrap;
    z-index: 1;
}
.tabs .control-tabs li {
    border: 1px solid rgba(0, 0, 0, 0.09);
    border-left: none;
    background-image: -moz-linear-gradient(#ffffff, #ffffff 77%, #f4f4f4);
    background-image: -webkit-linear-gradient(#ffffff, #ffffff 77%, #f4f4f4);
    background-image: linear-gradient(#ffffff, #ffffff 77%, #f4f4f4);
    display: inline-block;
    font-size: 20px;
}
.tabs .control-tabs li a, .tabs .control-tabs li.disabled {
    display: inline-block;
    padding: 25px 35px 20px;
}
.tabs .control-tabs li:first-child, .tabs .control-tabs li:first-child a {
    -moz-border-radius-topleft: 20px;
    -webkit-border-top-left-radius: 20px;
    border-top-left-radius: 20px;
}
.tabs .control-tabs li:first-child {
    border-left: 1px solid rgba(0, 0, 0, 0.09);
}
.tabs .control-tabs li:last-child, .tabs .control-tabs li:last-child a {
    -moz-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
    border-top-right-radius: 20px;
}
.tabs .control-tabs li .active {
    color: #f8c612;
    font-family: "MarkOT-Medium";    /*font-family: "MarkOT-Regular", Helvetica,Arial,sans-serif;*/
    position: relative;
    cursor: default;
}
.tabs .control-tabs li .active:after, .tabs .control-tabs li .active:before {
    bottom: -1px;
    left: 50%;
    top: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.tabs .control-tabs li .active:after {
    border-bottom-color: white;
    border-width: 10px;
    margin-left: -10px;
}
.tabs .control-tabs li .active:before {
    border-bottom-color: #f4f4f4;
    border-width: 11px;
    margin-left: -11px;
}
.tabs .control-tabs li.disabled {
    background: #444444;
    color: white;
}
.tabs.with-icons .control-tabs li .active.no-arrow:after, .tabs.with-icons .control-tabs li .active.no-arrow:before {
    border: none;
}
.tabs.with-icons .control-tabs li .active:after, .tabs.with-icons .control-tabs li .active:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.tabs.with-icons .control-tabs li .active:after {
    border: 10px rgba(240, 240, 240, 0);
    border-top-color: #f5f5f5;
    margin-left: -10px;
}
.tabs.with-icons .control-tabs li .active:before {
    border: 11px rgba(232, 232, 232, 0);
    border-top-color: #e8e8e8;
    margin-left: -11px;
}
.tabs.with-icons .control-tabs li {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 42%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(42%, #f5f5f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 42%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f5f5f5 42%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f5f5f5 42%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 42%); /* W3C */
    font-family: "MarkOT-Medium";
    font-size: 15px;
}
.tabs.with-icons .control-tabs li a {
    color: #999;
    padding: 27px 12px 25px;
}
.tabs.with-icons .control-tabs li a.active {
    color: #f8c612;
}
.tabs.with-icons li span {
    display: block;
    margin-bottom: 10px;
    width: 100%;
}
.tab-icons-overview, .tab-icons-my-orders, .tab-icons-auto-delivery, .tab-icons-profile, .tab-icons-address-book, .tab-icons-payment-details, .tab-icons-my-brewers, .tab-icons-rewards-catalog, .tab-icons-club-keurig {
    background: url(../images/icons/sprite-tab-icons.png) no-repeat;
    display: inline-block;
    height: 18px;
    width: 20px;
}
.tab-icons-overview {
    background-position: 50% 0;
}
.tab-icons-my-orders {
    background-position: 50% -18px;
}
.tab-icons-profile {
    background-position: 50% -38px;
}
.tab-icons-address-book {
    background-position: 50% -56px;
}
.tab-icons-payment-details {
    background-position: 50% -74px;
}
.tab-icons-my-brewers {
    background-position: 50% -92px;
}
.tab-icons-club-keurig {
    background-position: 50% -110px;
}
.tab-icons-auto-delivery {
    background-position: 50% -129px;
}
.tab-icons-rewards-catalog {
    background-position: 50% -151px;
}
.tabs .secondary-nav {
    background: #fff;
    border-top: 1px solid #e8e8e8;
    font-size: 15px;
    min-height: 54px;
    padding: 17px 20px 16px;
    text-align: center;
}
.tabs .secondary-nav a {
    color: #333;
    display: inline-block;
}
.tabs .secondary-nav a.active {
    color: #f8c612;
}
.tabs .secondary-nav li {
    display: inline-block;
    margin-left: 40px;
}
.tabs .secondary-nav li:first-child {
    margin-left: 0;
}

/* fix for kold 1351 */
#accountNav .secondary-nav {
    position: absolute;
    top: 95px;
    width: 100%;
}
div.cover-image h1 {
    line-height: 42px;
}
.filter-controls {
    background: #fff;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    font-size: 14px;
    padding: 0 1.388%;
    position: relative;
    z-index: 1;
}
.filter-controls .display, .filter-controls .drops, .filter-controls .filter, .filter-controls .search {
    padding: 12px 0;
}
.filter-controls .filter {
    float: left;
}
.filter-controls .display, .filter-controls .drops {
    float: right;
}
.filter-controls .display {
    border-right: 1px solid #e7e7e7;
    padding: 22px 20px 16px;
    margin-right: 250px;
}
.filter-controls .display a {
    margin-left: 17px;
}
.filter-controls .drops {
    position: absolute;
    right: 0;
}
.filter-controls .drops .chosen-container {
    margin: 0;
    vertical-align: top;
}
.filter-controls .drops .sort-by {
    padding-top: 9px;
    padding-right: 10px;
}
.filter-controls .drops .sortForm {
    margin-top: 2px;
}
.filter-controls .filter {
    margin-left: 60px;    /*  left: 50%;
      margin-left: -48px;
      position: absolute;
      top: 10px;*/
}
.filter-controls .filter a.icons-filter {

    /*  left: 0;
      position: absolute;
      top: 0;*/
}
.icons-filter-container {
    display: block;
    position: relative;
}
.filter-controls .icons-filter, .filter-controls .icons-filter-label {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.filter-controls .active .icons-filter {
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}
.ie9- .filter-controls .active .icons-filter {
    background-position: 0 -605px;
}
.filter-controls .filter .icons-filter-label.on, .filter-controls .filter .icons-filter-label.off {
    left: 40px;
    position: absolute;
    top: 7px;
    white-space: nowrap;
}
.filter-controls .filter .icons-filter-label.on, .filter-controls .filter .active .icons-filter-label.off {
    opacity: 0;
}
.filter-controls .filter .active .icons-filter-label.on, .filter-controls .filter .icons-filter-label.off {
    opacity: 1;
}
.ie9- .filter-controls .filter .icons-filter-label.on, .ie9- .filter-controls .filter .active .icons-filter-label.off {
    display: none;
}
.ie9- .filter-controls .filter .active .icons-filter-label.on, .ie9- .filter-controls .filter .icons-filter-label.off {
    display: block;
}

/*.filter-controls .filter a.icons-filter.active {
  left: 11px;
  margin-top: 10px;
}*/
.filter-controls .search {
    float: right;
}
.filter-controls select {
    width: 200px;
}
.filter-controls .search input {
    background: #f7f7f7 url(../images/nav/search-secondary.png) no-repeat 20px 50%;
    color: #333;
    margin: 0;
    padding: 0 20px 0 50px;
    width: 245px;
}
.filter-controls .search input::-webkit-input-placeholder {
    color: #333;
}
.filter-controls .search input:-moz-placeholder {

    /* Firefox 18- */
    color: #333;
}
.filter-controls .search input::-moz-placeholder {

    /* Firefox 19+ */
    color: #333;
}
.filter-controls .search input:-ms-input-placeholder {
    color: #333;
}
.filter-controls .showing {
    padding-top: 20px;
}
.filter-controls .showing a {
    margin-left: 20px;
    color: #333;
    font-size: 14px;
    line-height: 18px;
    font-family: "MarkOT-Regular";
    border-bottom: 2px solid #f1be48;
}
.filter-controls .showing a:hover {
    color: #333;
    border-color: #2F4053;
}
.filter-controls .showing a:active {
    color: #68676B;
    border-color: #68676B;
}
.filters {
    background: #fff;
    border-bottom: #c5c5c5;
    display: none;
    min-height: 60px;
    overflow: hidden;
    padding: 20px 1.388% 20px;
    -moz-box-shadow: #cfcfcf 2px 2px 15px;
    -webkit-box-shadow: #cfcfcf 2px 2px 15px;
    box-shadow: #cfcfcf 2px 2px 15px;
}
.js-facet-selection {
    display: none;
}
.filters h5 {
    color: #333;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.filters h5 span {
    color: #929aa5;
}
.filters .nano {
    clear: both;    /*  height: 386px !important;
      max-height: 386px !important;*/
    margin-top: 30px;
}
.filters .nano > .nano-content {
    position: relative;
}
.filters .col {
    border-left: 1px solid #e4e4e4;
    float: left;
    padding: 0 20px 30px 19px;
    margin-right: 2%;
    min-width: 14.714%;
    max-width: 18%;
}
.filters .col label {
    word-break: break-word;
}
.filters .custom-check {
    margin-bottom: 5px;
}
.filters .icons-close {
    cursor: pointer;
}
.filters .facet-controls {

    /*  padding-right: 140px;*/
    position: relative;
}
.filters .facet-controls .selected-facets {
    float: left;
    margin-right: 5px;
    padding: 0 20px;
    position: relative;
}
.filters .facet-controls .selected-facets a {
    display: inline-block;
    font-size: 15px;
    line-height: 16px;
    margin-right: 20px;
}
.filters .facet-controls .selected-facets a .icons-check {
    background: url(../images/global/custom-check.png) 0 0 no-repeat;
    height: 16px;
    margin-bottom: -2px;
    margin-right: 4px;
    width: 16px;
}
.filters .facet-controls .controls {

    /*  position: absolute;
      right: 0;
      top: 0;*/
    float: right;
}
.filters .facet-controls .controls a {
    color: #929aa5;
    display: inline-block;
    vertical-align: middle;
}
.filters .facet-controls .controls a.reset {
    margin-right: 15px;
}
.filters div.btn-row {
    margin: 20px 0;
    text-align: center;
}
.filters div.btn-row a {
    min-width: 230px;
    padding-top: 9px;
    padding-bottom: 8px;
}
.results-details {
    font-size: 14px;
    margin-bottom: 20px;
    padding: 0 10px 0 0;
}
.results-details a {
    text-decoration: underline;
}

/*compare bar on brewer page*/
.compare-display {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    font-size: 15px;
    margin: 0 10px 15px 0;
    padding: 10px 40px;
}
.compare-display .text {
    float: left;
    margin-right: 20px;
    padding-top: 33px;
    width: 410px;
}
.compare-display .text h5 {
    font-family: "MarkOT-Regular";
    font-size: 20px;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 0;
}
.compare-display .compare-icons {
    float: left;
}
.compare-display .compare-icons ul {
    font-size: 0;
    display: inline-block;
    margin-right: 10px;
    overflow: hidden;
    vertical-align: top;
}
.compare-display .compare-icons ul li, .compare-display .compare-icons ul li.active a {
    height: 119px;
    width: 151px;
}
.compare-display .compare-icons ul li {
    border: 1px solid #c2c2c2;
    display: inline-block;
    margin: 0 2px 0 0;
}
.compare-display .compare-icons ul li a {
    background: #dbdbdb url('../images/icons/plus-white.png') no-repeat 50% 50%;
    display: block;
    position: relative;
    z-index: 1;
    height: 117px;
    width: 149px;
}
.compare-display .compare-icons ul li.active {
    border: none;
}
.compare-display .compare-icons ul li.active a {
}
.compare-display .compare-icons ul li.active a:after {
    background: transparent url('../images/global/custom-check.png') no-repeat;
    content: "";
    display: block;
    height: 16px;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 16px;
    z-index: 2;
}
.compare-display .compare-icons a.btn-box {
    font-size: 13px;
    margin-top: 42px;
    padding: 10px 30px 9px;
}
.breadcrumb {
    background: #fff;
    padding: 6px 175px 6px 25px;
  
}
.breadcrumb ul, .breadcrumb li {
    color: #858585;
    display: inline;
    font-size: 12px;
}
.breadcrumb li {
    background: url(../images/global/text-arrow-right-grey.png) no-repeat 5px 50%;
    padding-left: 17px;
}
.breadcrumb li:first-child {
    background: none;
    padding-left: 0;
}
.breadcrumb li a {
    color: #858585;
    display: inline;
}
.cover-image.for-cards {
    min-height: 375px;
    padding-top: 86px;
    padding-bottom: 200px;
}
.cover-image.for-cards h2, .cover-image.for-cards h3 {
    line-height: normal;
}
.cover-image.for-cards h2 {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 30px;
    font-family: "MarkOT-Regular";
    color: #333;
}
.cover-image.for-cards h3 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 1em;
    font-family: "MarkOT-Regular";
    color: #333;
    margin-bottom: 8px;
}
.cover-image.for-cards + .card_holder {
    text-align: center;
    margin-top: -117px;
}
.content-module {
    clear: both;
}
.content-module .left {
    width: 59.722%;
}
.content-module .right {
    width: 40.278%;
}
.content-module .cell {
    -webkit-transform-style: preserve-3d;
    background-size: cover;
    background-position: 90% 50%;
    color: #fff;
    height: 395px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}
.content-module .cell .btn-box {
    font-size: 14px;
    min-width: 100px;
    padding: 10px 18px 9px;
    font-weight: normal;
}
.content-module .cell.double-height, .content-module .cell.split.double-height {
    height: 790px;
}

/*for "open html content" module, unfixing the height for larger and easier author customization */
.content-module .cell.double-height.flexible {
    height: auto;
    min-height: 790px;
}
.content-module .cell.double-height h2 {
    font-size: 30px;
    line-height: 36px;
}
.content-module .cell.double-height .top-text, .content-module .cell.double-height .bottom-text {

    /*padding: 0 150px;*/
}
.content-module .cell.split {
    float: left;
    height: 470px;
    width: 50%;
}
.content-module .cell.split object {
    width: 100%;
}
.content-module .cell.split .top-text, .content-module .cell.split .bottom-text {
    max-width: none;
    min-width: 0;
    padding: 0 130px;
    width: auto;
}
.content-module .cell.reversed-color h1, .content-module .cell.reversed-color h2, .content-module .cell.reversed-color h3, .content-module .cell.reversed-color p {
    color: #333;
}
.content-module .cell h1, .content-module .cell h2, .content-module .cell h3, .content-module .cell p {
    color: #fff;
    margin-top: 0;
}
.content-module .cell h1 a, .content-module .cell h2 a, .content-module .cell h3 a, .content-module .cell p a {
    white-space: nowrap;
}
.content-module .cell h1 {
    font-size: 42px;
    line-height: 42px;
    margin-bottom: 15px;
    font-family: "MarkOT-Light";
    color: #333;
}
.content-module .cell h2 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 8px;
    font-family: "MarkOT-Regular";
    color: #333;
}
.content-module .cell h3 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 1em;
    font-family: "MarkOT-Regular";
    color: #333;
}
.content-module .cell h4 {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 1em;
    font-family: "MarkOT-Regular";
    color: #333;
}

/*base styles for content modules text alignments top, right, bottom, and left */
.content-module .cell .top-text, .content-module .cell .bottom-text, .content-module .cell .left-text, .content-module .cell .right-text {
    padding: 0 70px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: auto;
}
.content-module .full .cell .top-text, .content-module .full .cell .bottom-text, .content-module .full .cell .left-text, .content-module .full .cell .right-text {
    max-width: 1440px;
    min-width: 1024px;
}
.content-module .cell .bottom-text {
    bottom: 0;
}
.content-module .cell .top-text {
    top: 50px;
}

/* left and right content module alignments, vertically aligned*/
.content-module .cell .left-text, .content-module .cell .right-text {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}
.content-module .cell .left-text, .content-module .cell .left-text h1, .content-module .cell .right-text, .content-module .cell .right-text h1 {
    text-align: left;
}
.content-module .cell .left-text {
    padding-right: 53%;
}
.content-module .cell .right-text {
    padding-left: 40%;
}
.content-module .cell .left-text .button-row, .content-module .cell .right-text .button-row {
    border-top: none;
}
.content-module .button-row {
    border-top: 1px solid #b1b1b1;
    display: inline-block;
    margin: 8px auto 0;
    padding: 20px 0;
    width: auto;
}
.pagination {
    font-size: 15px;
    text-align: center;
}
.pagination .icons-arrow-left {
    margin-right: 18px;
}
.pagination .icons-arrow-right {
    margin-left: 18px;
}
.pagination a {
    vertical-align: middle;
}
.pagination a.page-number {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #a8aeb7;
    border: 1px solid rgba(146, 154, 165, 0.8);
    color: #929aa5;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    margin: 0 3px;
    overflow: hidden;
    width: 36px;
}
.pagination a.page-number:hover {
    background: #999;
    color: #fff;
}
.pagination a.page-number.active, .pagination a.page-number.active:hover {
    background: rgba(146, 154, 165, 0.8);
    color: #fff;
    cursor: default;
}
.account-container {

    /*border-top: 1px solid #d4d8dc;
        margin-top: 60px;*/
}
.account-container.inner-page {
    border-top: none;
    margin-top: 4px;
    min-height: 420px;
}
.account-container.inner-page header h2 {
    margin-bottom: 0;

    @media only screen and (min-width:767px) {
        width: 90%;
        float: left;
    }
}
.account-container.inner-page header .profile-title {
    font-size: 34px;
    display: block;

    @media only screen and (min-width:767px) {
        width: 105px;
        float: left;
        padding: 19px 0;
    }
}
.account-container.inner-page .registerappliancetop {
    margin-top: 40px;
    margin-bottom: 30px;
}
.account-container.inner-page ul.bulleted li, .account-container.inner-page ol.numbered li {
    font-size: 15px;
}
.account-container.inner-page header {
    border-bottom: 1px solid #d4d8dc;
    margin-bottom: 40px;
}
.account-container.inner-page header .circle-link-image {
    font-size: 18px;
    margin-top: 10px;
    display: inline-block;
    letter-spacing: -1px;
}
.account-container.inner-page header .circle-link-image.text .hover {
    margin-left: 20px;
}
.account-container.inner-page header h2 {
    margin-bottom: 0;
}
@media only screen and (min-width:760px) {
    .account-container.inner-page header h2 {
        margin-left: 90px;
    }
}
.account-container.inner-page header h2 .btn-box {
    margin-left: 20px;
}
.account-container.inner-page table .quantity {
    display: inline-block;
    vertical-align: middle;
}
.account-container.inner-page table .quantity .count {
    float: none;
    vertical-align: middle;
}
.account-container.inner-page h1, .account-container.inner-page h2, .account-container.inner-page h3, .account-container.inner-page h4, .account-container.inner-page h5 {
    margin-top: 0;
    text-align: left;
}
.account-container.inner-page h1 {
    font-size: 42px;
    line-height: normal;
    margin-bottom: 0;
    font-family: 'MarkOT-Light';
}
.account-container.inner-page h2 {
    font-size: 30px;
    line-height: normal;
    margin-bottom: 20px;
    font-family: 'MarkOT-Regular';
}
.account-container.inner-page h3 {
    font-size: 20px;
    line-height: normal;
    font-family: "MarkOT-Regular";
    font-weight: normal;
    margin-top: 40px;
    margin-bottom: 45px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
}
.account-container.inner-page h4 {
    font-size: 16px;
    line-height: 20px;
    font-family: "MarkOT-Regular";
    font-weight: normal;
    margin-bottom: 0;
}
.account-container.inner-page h5 {
    font-size: 14px;
    line-height: normal;
    font-family: "MarkOT-Regular";
    font-weight: normal;
    margin-bottom: 17px;
}
.account-container.inner-page h6 {
}
.account-container.inner-page .centered h1, .account-container.inner-page .centered h2, .account-container.inner-page .centered h3, .account-container.inner-page .centered h4, .account-container.inner-page .centered h5, .account-container.inner-page .centered h6 {
    text-align: center;
}
.account-container.inner-page p {
    font-size: 14px;
    line-height: 18px;
    font-family: "MarkOT-Book";
}
.account-container.inner-page .required {
    color: #929aa5;
    font-family: "MarkOT-Italic";
    font-size: 13px;
    line-height: 18px;
}
.account-container.inner-page .dataItem-container {
    font-size: 0;
}
.account-container.inner-page .dataItem, .account-container.inner-page .paymentItem {
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 40px;
    padding-right: 7%;
    vertical-align: top;
    width: 33%;
}
.account-container.inner-page .dataItem label {
    cursor: default;
}
.account-container.inner-page .dataItem .preview-detail label {
    color: #8BBCDF;
    cursor: pointer;
}
.delete-holder {
    border-top: 1px solid #d4d8dc;
    display: none;
    margin-top: 18px;
    padding-top: 20px;
    text-align: left;
}
.delete-holder .buttons {
    border-top: 1px solid #d4d8dc;
    margin-top: 20px;
    padding-top: 20px;
}
.delete-holder .btn-box {
    color: #fff;
    min-width: 48%;
    padding-top: 5px;
    padding-bottom: 4px;
    width: auto;
}
.account-container.inner-page .buttons {
    margin-top: 25px;
}
.account-container.inner-page .buttons, .account-container.inner-page .buttons a, .account-container.inner-page .buttons button.text {

    /*color: #929aa5;*/
    font-size: 15px;
}

/*fix for KOLD:1509*/
.account-container.inner-page .buttons button.submitSetDefault {
    color: #333 !important;
}
.account-container.inner-page .delete-holder .btn-orange {
    color: #333;
}
div.account-container.inner-page .maxContentWidth.clearfix .dataItem-container.clearfix div.buttons a.button.btn-orange {
    padding-top: 4px;
    padding-bottom: 3px;
    background-color: #f1be48;
    font-family: "MarkOT-Medium";
    font-size: 14px;
}
div.account-container.inner-page .maxContentWidth.clearfix .dataItem-container.clearfix div.buttons a.button.btn-orange:hover {
    background-color: #2F4053;
    padding-top: 4px;
    padding-bottom: 3px;
    color: #fff;
}
div.account-container.inner-page .maxContentWidth.clearfix .dataItem-container.clearfix div.buttons a.button.btn-orange:active {
    background-color: #68676B;
    padding-top: 4px;
    padding-bottom: 3px;
    color: #fff;
}
.account-container.inner-page .delete-holder .btn-grey {
    color: #333;
    border: 2px solid #f1be48;
    padding-top: 4px;
    padding-bottom: 3px;
    font-family: "MarkOT-Medium";
    font-size: 14px;
}
div.account-container.inner-page .maxContentWidth.clearfix .dataItem-container.clearfix div.buttons a.button.btn-grey {
    padding-top: 4px;
    padding-bottom: 3px;
}
div.account-container.inner-page .maxContentWidth.clearfix .dataItem-container.clearfix div.buttons a.button.btn-grey:hover {
    padding-top: 4px;
    padding-bottom: 3px;
}
div.account-container.inner-page .maxContentWidth.clearfix .dataItem-container.clearfix div.buttons a.button.btn-grey:active {
    padding-top: 4px;
    padding-bottom: 3px;
}
.account-container.inner-page .delete-holder .btn-grey:hover {
    border-color: #2F4053;
}
.account-container.inner-page .delete-holder .btn-grey:active {
    border-color: #68676B;
}
.account-container.inner-page .buttons button.text, .account-container.inner-page .buttons form {
    display: inline;
}
.account-container.inner-page .buttons button.text {
    background: none;
    border: none;
    display: inline;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
}
.account-container.inner-page .buttons button.text.submitSetDefault {
    color: #68676B;
    font-size: 14px;
    line-height: 18px;
    font-family: "MarkOT-Regular";
    border-bottom: 2px solid transparent;
}
.account-container.inner-page .buttons button.text.submitSetDefault:hover {
    color: #68676B;
    border-color: #2F4053;
}
.account-container.inner-page .buttons button.text.submitSetDefault:active {
    color: #68676B;
    border-color: transparent;
}
.account-container.inner-page .buttons a, .account-container.inner-page .buttons button {
    cursor: pointer;
}
.account-container.inner-page p img {
    margin-bottom: 20px;
}
.account-container.inner-page h1 + h3 {
    border: none;
    padding: 0;
    margin-bottom: 40px;
}
.account-container.inner-page .left-content, .account-container.inner-page .right-content, .account-container.inner-page .full-content {
    padding: 40px 0 50px;
}
.account-container.inner-page.bottom-edge .full-content {
    overflow: hidden;
    padding-bottom: 0;
}
.account-container.inner-page .left-content {
    float: left;
    width: 63.2%;
}
.account-container.inner-page .right-content {
    float: right;
    margin-left: 10.2%;
    width: 26.4%;
}
.account-container.inner-page .full-content {
    clear: both;
    width: 100%;
}
.account-container.inner-page .right-content h3 {
    margin-bottom: 20px;
}
.account-container.inner-page table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 20px;
    width: 100%;
}
.account-container.inner-page table td, .account-container.inner-page table th {
    background: transparent;
    border: 1px solid #d8dce0;
    color: #333;
    font-size: 17px;
    line-height: 22px;
    padding: 16px 10px 15px;
    vertical-align: top;
}
.account-container.inner-page table.alt td, .account-container.inner-page table.alt th {
    border-left: 0;
    border-right: 0;
}
.account-container.inner-page table.alt-header th {
    text-transform: uppercase;
    vertical-align: top;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}
.account-container.inner-page table.alt-header td .giftcard-additional-info-arrow {
    cursor: pointer;
}
.account-container.inner-page table.alt-header td, .account-container.inner-page table.alt-header th {
    font-size: 15px;
}
.account-container.inner-page table.alt td:first-child, .account-container.inner-page table.alt th:first-child {
    padding-left: 10px;
}
.account-container.inner-page table.alt td:last-child, .account-container.inner-page table.alt th:last-child {
    padding-right: 0;
}
table.alt-header td a {
    font-size: 14px;
    color: #0F7DB5;
}
table.alt-header.delivery td a {
    color: #333;
}
table.alt-header.delivery td.gray {
    color: #929AA5;
}
table.alt-header.delivery td strong {
    font-family: 'MarkOT-Bold';
}
.account-container.inner-page .text-right {
    text-align: right;
}
.account-container.inner-page table .button-col {
    text-align: right;
}
.account-container.inner-page table .label {
    font-family: "MarkOT-Medium";
    text-align: center;
}
.account-container.inner-page table .highlighted td, .account-container.inner-page table .highlighted th {
    background: #e8e9ea;
}
.account-container.inner-page table .highlighted .points_text {
    white-space: nowrap;
}
.account-container.inner-page table .centered {
    text-align: center;
}
.account-container header {
    background: transparent;
    padding-bottom: 90px;
    z-index: 1;
}
.account-container header h3 {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    margin-top: 43px;
    text-align: left;
}
.account-container .terms-conditions {
    color: #fff;
    font-family: "MarkOT-Regular";
    font-size: 12px;
    padding-right: 100px;
    padding-left: 100px;
}
.account-container .terms-conditions a {
    color: #f8c612;
}
.account-container header h3.welcoming {
    position: absolute;
}
.account-container header .points-holder {
    margin-top: 30px;
}
.account-container header .keurig-status {
    position: absolute;
    top: 0;
    right: -85px;
}
.account-container header .keurig-status .badge {
    float: right;
}
.points-holder {
    border: 1px solid #c9ced2;
    display: inline-block;
    width: auto;
}
.points-holder .number {
    background: #fff;
    border-left: 1px solid #c9ced2;
    color: #929aa5;
    display: block;
    float: right;
    font-family: "MarkOT-Medium";
    font-size: 24px;
    height: 65px;
    line-height: 65px;
    padding: 0 28px;
}
.points-holder .label {
    color: #fff;
    float: left;
    font-family: "MarkOT-Medium";
    font-size: 18px;
    line-height: 22px;
    padding: 22px 28px 0;
    background-color: transparent;
}
.keurig-status {
    color: #fff;
    font-size: 18px;
}
.keurig-status .badge {

    /*float: right;*/
    height: 192px;
    position: relative;
    text-align: center;
    width: 192px;
}
.account-container.inner-page .keurig-status h3 {
    border: none;
    padding: 0;
    text-align: center;
}
.account-container.inner-page .badge {
    margin: 0 auto 40px;
}
.account-container.inner-page .badge .message {
    color: #333;
}
.account-container.inner-page .btn-row {
    margin-top: 40px;
}
.account-container.inner-page .centered {
    text-align: center;
}
.account-container.inner-page .centered img {
    vertical-align: bottom;
}
.account-container.inner-page .btn-row .text-link-arrow {
    margin-right: 10px;
}
.account-container.inner-page .btn-row .text-link-arrow.negative {
    background-color: transparent;
    padding: 14px 35px 13px;
    border: 2px solid #f1be48;
    color: #333;
    font-size: 14px;
    font-family: "MarkOT-Medium";
    border-radius: 3px;
}
.account-container.inner-page .btn-row .text-link-arrow.negative:hover {
    border-color: #2F4053;
}
.account-container.inner-page .btn-row .text-link-arrow.negative:active {
    border-color: #68676B
}
.account-container.inner-page .disclaimer {
    color: #333;
    font-size: 13px;
    line-height: 18px;
    font-family: "MarkOT-Book";
}
.point-conversions {
    font-size: 15px;
    line-height: 20px;
    margin-left: 20px;
    margin-bottom: 5px;
    margin-top: -17px;
}
.keurig-status .message {
    display: block;
    font-size: 12px;
    padding-top: 20px;
}
.keurig-status .message .icon-coffee-cup {
    margin-bottom: 9px;
}
.keurig-status .status {
    bottom: 28px;
    font-family: "MarkOT-Bold";
    font-size: 20px;
    line-height: 24px;
    left: 0;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
}
.keurig-status .message span.big {
    display: block;
    font-family: "MarkOT-Medium";
    font-size: 26px;
}
.keurig-status .label {
    float: left;
    font-family: "MarkOT-Medium";
    margin-top: 89px;
    padding-right: 12px;
}
.keurig-status.gold .badge {
    background: url('../images/icons/badge-gold-rewards.png') no-repeat 50% 50%;
}
.keurig-status.platinum .badge {
    background: url('../images/icons/badge-platinum-rewards.png') no-repeat 50% 50%;
}
.icon-coffee-cup {
    background: url('../images/icons/sprite-coffee-cup.png') no-repeat 50% 0;
    display: inline-block;
    height: 28px;
    overflow: hidden;
    width: 46px;
}
.icon-coffee-cup.dark {
    background-position: 50% -28px;
}
.mini-cart-flyout {
    display: none;
    background: #fff;
    color: #333;
    font-size: 15px;
    position: absolute;
    right: 0;
    top: -99999px;
    padding: 30px 0 20px;
    width: 407px;
    z-index: 1010;
    -moz-transition: top, 0.5s ease-in-out;
    -o-transition: top, 0.5s ease-in-out;
    -webkit-transition: top, 0.5s ease-in-out;
    transition: top, 0.5s ease-in-out;
    -webkit-box-shadow: 1px 1px 10px 0 rgba(30, 30, 30, 0.2);
    -moz-box-shadow: 1px 1px 10px 0 rgba(30, 30, 30, 0.2);
    box-shadow: 1px 1px 10px 0 rgba(30, 30, 30, 0.2);
}
#miniCartFlyoutContinueShoppingLink {
    position: absolute;
    top: 29px;
    right: 10px;
    z-index: 999;
}
.mini-cart-flyout header {
    border-bottom: 3px solid #f2f2f2;
    min-width: 0;
    padding: 0 20px 5px;
    text-transform: uppercase;
}
.mini-cart-flyout header div {
    text-transform: none;
}
.mini-cart-flyout .items-header {
    border-bottom: 1px solid #d8dce0;
    font-size: 24px;
    padding: 14px 20px 13px;
}
.mini-cart-flyout .itemList {
    background: #fcfcfc;
    border-bottom: 3px solid #f2f2f2;
    padding: 0 20px;
    max-height: 275px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
}
.mini-cart-flyout .itemList li {
    border-top: 1px solid #d8dce0;
    font-size: 15px;
    line-height: 20px;
    padding: 20px 0 15px;
}
.mini-cart-flyout .empty-popup-cart {
    min-width: 0;
    padding: 5px 20px;
}
.mini-cart-flyout .itemList li:first-child {
    border-top: none;
}
.mini-cart-flyout .itemList li strong {
    font-family: "MarkOT-Bold";
}
.mini-cart-flyout .itemList li .itemPrice {
    color: #929aa5;
}
.mini-cart-flyout .itemList .itemThumb {
    float: left;
    width: 84px;
}
.mini-cart-flyout .itemList .itemThumb img {
    height: auto;
    width: 100%;
}
.mini-cart-flyout .itemList .itemDesc {
    float: right;
    width: 260px;
}
.mini-cart-flyout .totals {
    border-bottom: 1px solid #d8dce0;
    margin: 0 20px 20px;
    padding: 10px 0;
}
.mini-cart-flyout .totals .price {
    color: #929aa5;
    float: right;
    font-family: "MarkOT-Bold";
    margin-left: 20px;
}
.mini-cart-flyout .button-row {
    margin: 0 20px 20px;
    text-align: center;
}
.mini-cart-flyout .button-row .full {
    width: 100%;
}
.mini-cart-flyout .promotions {
    border-bottom: 1px solid #d8dce0;
    margin: 0 20px;
}
.mini-cart-flyout .promotions li {
    padding: 0 0 20px 0;
    position: relative;
}
.mini-cart-flyout .promotions li.icon {
    padding: 0 0 20px 30px;
}
.mini-cart-flyout .promotions li .outside {
    left: 0;
    position: absolute;
    top: 0;
}
.mini-cart-nav-active .mini-cart-flyout {
    top: 112px;
}
.hide {
    display: none !important;
}
.hide-d {
    clear: both;
    display: block;
    height: 0;
    width: 0;
    overflow: hidden;
    visibility: hidden;
}
.icons-filter {
    background-position: 0 -575px;
    height: 30px;
    width: 30px;
}
.icons-filter.active {
    background-position: 0 -605px;
}
.icons-grid {
    background-position: 0 -790px;
    height: 18px;
    width: 20px;
}
.icons-grid.active {
    background-position: 0 -772px;
    height: 18px;
    width: 20px;
}
.icons-list {
    background-position: 0 -1134px;
    height: 18px;
    width: 22px;
}
.icons-list.active {
    background-position: 0 -1116px;
    height: 18px;
    width: 22px;
}
.icons-Carafe-pack-large {
    background-position: 0 0;
    height: 25px;
    width: 61px;
}
.icons-arrow-down {
    background-position: 0 -25px;
    height: 15px;
    width: 27px;
}
.icons-autoenroll {
    background-position: 0 -68px;
    height: 24px;
    width: 20px;
}
.icons-btn-360 {
    background-position: 0 -92px;
    height: 37px;
    width: 98px;
}
.icons-btn-share {
    background-position: 0 -129px;
    height: 37px;
    width: 98px;
}
.icons-btn-view-more {
    background-position: 0 -166px;
    height: 37px;
    width: 130px;
}
.icons-cart-over {
    background-position: 0 -203px;
    height: 50px;
    width: 50px;
}
.icons-cart {
    background-position: 0 -253px;
    height: 50px;
    width: 50px;
}
.icons-check {
    background-position: 0 -303px;
    height: 18px;
    width: 20px;
}
.icons-close-match-border {
    background-position: 0 -321px;
    height: 31px;
    width: 31px;
}
.icons-close {
    background-position: 0 -352px;
    height: 33px;
    width: 33px;
}
.icons-cursor {
    background-position: 0 -385px;
    height: 22px;
    width: 15px;
}
.icons-dollar-sign {
    background-position: 0 -407px;
    height: 21px;
    width: 15px;
}
.icons-edit-orange {
    background-position: 0 -428px;
    height: 38px;
    width: 38px;
}
.icons-edit-over {
    background-position: 0 -466px;
    height: 30px;
    width: 30px;
}
.icons-edit {
    background-position: 0 -496px;
    height: 30px;
    width: 30px;
}
.icons-email {
    background-position: 0 -526px;
    height: 13px;
    width: 22px;
}
.icons-facebook {
    background-position: 0 -539px;
    height: 35px;
    width: 35px;
}
.icons-friends {
    background-position: 0 -685px;
    height: 30px;
    width: 27px;
}
.icons-giftbox {
    background-position: 0 -715px;
    height: 22px;
    width: 22px;
}
.icons-google {
    background-position: 0 -737px;
    height: 35px;
    width: 35px;
}
.icons-grid {
    background-position: 0 -790px;
    height: 18px;
    width: 20px;
}
.icons-help-over {
    background-position: 0 -808px;
    height: 30px;
    width: 30px;
}
.icons-help {
    background-position: 0 -838px;
    height: 30px;
    width: 30px;
}
.icons-info-over {
    background-position: 0 -868px;
    height: 30px;
    width: 30px;
}
.icons-info {
    background-position: 0 -898px;
    height: 30px;
    width: 30px;
}
.icons-kCup-pack-large {
    background-position: 0 -928px;
    height: 25px;
    width: 75px;
}
.icons-large-device {
    background-position: 0 -953px;
    height: 97px;
    width: 66px;
}
.icons-large-envelope {
    background-position: 0 -1050px;
    height: 66px;
    width: 93px;
}
.icons-list {
    background-position: 0 -1134px;
    height: 18px;
    width: 22px;
}
.icons-location {
    background-position: 0 -1152px;
    height: 35px;
    width: 36px;
}
.icons-logged-out {
    background-position: 0 -1187px;
    height: 50px;
    width: 50px;
}
.icons-logo-circle {
    background-position: 0 -1237px;
    height: 120px;
    width: 120px;
}
.icons-move-to-cart {
    background-position: 0 -1417px;
    height: 30px;
    width: 30px;
}
.icons-percent {
    background-position: 0 -1447px;
    height: 18px;
    width: 18px;
}
.icons-phone {
    background-position: 0 -1465px;
    height: 20px;
    width: 13px;
}
.icons-play {
    background-position: 0 -1485px;
    height: 104px;
    width: 104px;
}
.icons-point {
    background-position: 0 -2133px;
    height: 20px;
    width: 24px;
}
.icons-reset {
    background-position: 0 -1649px;
    height: 17px;
    width: 17px;
}
.icons-save {
    background-position: 0 -1666px;
    height: 30px;
    width: 30px;
}
.icons-search-close {
    background-position: 0 -1696px;
    height: 32px;
    width: 32px;
}
.icons-search-large {
    background-position: 0 -1761px;
    height: 32px;
    width: 32px;
}
.icons-share-fb {
    background-position: 0 -1826px;
    height: 22px;
    width: 22px;
}
.icons-share-google {
    background-position: 0 -1848px;
    height: 22px;
    width: 22px;
}
.icons-share-twitter {
    background-position: 0 -1870px;
    height: 22px;
    width: 26px;
}
.icons-shipping-box {
    background-position: 0 -1892px;
    height: 22px;
    width: 23px;
}
.icons-shipping-tag {
    background-position: 0 -1914px;
    height: 19px;
    width: 22px;
}
.icons-twitter {
    background-position: 0 -1933px;
    height: 35px;
    width: 35px;
}
.icons-usa {
    background-position: 0 -1968px;
    height: 35px;
    width: 36px;
}
.icons-user-over {
    background-position: 0 -2003px;
    height: 50px;
    width: 50px;
}
.icons-user {
    background-position: 0 -2053px;
    height: 50px;
    width: 50px;
}
.icons-wishlist {
    background-position: 0 -2103px;
    height: 30px;
    width: 30px;
}
.icons-co-credit-cards {
    position: absolute;
    top: 347px;
    left: 260px;
}
.icons-co-bill-later {
    background-position: 0 0;
    height: 37px;
    width: 97px;
}
.icons-co-credit-cards {
    background-position: 0 -37px;
    height: 30px;
    width: 187px;
}
.icons-co-customer-service {
    background-position: 0 -67px;
    height: 26px;
    width: 24px;
}
.icons-co-faqs-question {
    background-position: 0 -93px;
    height: 18px;
    width: 12px;
}
.icons-co-paypal {
    background-position: 0 -122px;
    height: 18px;
    width: 67px;
}
.icons-co-special-notes {
    background-position: 0 -140px;
    height: 24px;
    width: 18px;
}
.icons_star-sprite, .icons_star-empty_large, .icons_star-empty_med, .icons_star-full_large, .icons_star-full_med, .icons_star-half_large, .icons_star-half_med, .icons_star-star_empty, .icons_star-star_full, .icons_star-star_half {
    background: url('../images/icons_star-sd3fad10f48.png') no-repeat;
}
.icons_star-empty_large {
    background-position: 0 0;
    height: 24px;
    width: 24px;
}
.icons_star-empty_med {
    background-position: 0 -24px;
    height: 16px;
    width: 16px;
}
.icons_star-full_large {
    background-position: 0 -40px;
    height: 24px;
    width: 24px;
}
.icons_star-full_med {
    background-position: 0 -64px;
    height: 16px;
    width: 16px;
}
.icons_star-half_large {
    background-position: 0 -80px;
    height: 24px;
    width: 24px;
}
.icons_star-half_med {
    background-position: 0 -104px;
    height: 16px;
    width: 16px;
}
.icons_star-star_empty {
    background-position: 0 -120px;
    height: 14px;
    width: 14px;
}
.icons_star-star_full {
    background-position: 0 -134px;
    height: 14px;
    width: 14px;
}
.icons_star-star_half {
    background-position: 0 -148px;
    height: 14px;
    width: 14px;
}
.icons-star-sprite {
    display: inline-block;
    text-indent: -9999px;
    padding: 0;
}
.icons-brewer-custom-sprite, .icons-brewer-custom-ico_selected, .icons-brewer-custom-mid-black {
    background: url('../images/icons-brewer-custom-s46e18a0d12.png') no-repeat;
}
.icons-brewer-custom-ico_selected {
    background-position: 0 0;
    height: 18px;
    width: 19px;
}
.icons-brewer-custom-mid-black {
    background-position: 0 -18px;
    height: 33px;
    width: 33px;
}
.icons-brewer-custom-sprite, .icons-brewer-custom-ico_selected, .icons-brewer-custom-mid-black {
    display: inline-block;
    text-indent: -9999px;
    padding: 0;
}
.icons-flavor-att-sprite, .icons-flavor-att-blend, .icons-flavor-att-cafebeverage, .icons-flavor-att-dark, .icons-flavor-att-decaf-coffee, .icons-flavor-att-decaf-tea, .icons-flavor-att-energy, .icons-flavor-att-eu-organic, .icons-flavor-att-extrabold, .icons-flavor-att-fairtrade, .icons-flavor-att-flavored-opt2, .icons-flavor-att-flavored, .icons-flavor-att-fruitbrew, .icons-flavor-att-half-caf, .icons-flavor-att-icedbeverage, .icons-flavor-att-kof-k-dairy, .icons-flavor-att-kof-k, .icons-flavor-att-kosher, .icons-flavor-att-koshermontrealvh, .icons-flavor-att-kosherstark, .icons-flavor-att-koshersupervisionofamerica, .icons-flavor-att-koshersupervisionofamericadairy, .icons-flavor-att-kosheruoc, .icons-flavor-att-kosheruocdairy, .icons-flavor-att-light, .icons-flavor-att-medium, .icons-flavor-att-mixed-caffeine, .icons-flavor-att-mk, .icons-flavor-att-organic, .icons-flavor-att-rainforestcertified, .icons-flavor-att-realfruit, .icons-flavor-att-regular-coffee, .icons-flavor-att-regular-tea, .icons-flavor-att-seasonal, .icons-flavor-att-singleorigin, .icons-flavor-att-specialreserve, .icons-flavor-att-specialty, .icons-flavor-att-twostep, .icons-flavor-att-union-dairy, .icons-flavor-att-union, .icons-flavor-att-wellnessbrewed {
    background: url('../images/icons-flavor-att-s1ab338edf6.png') no-repeat;
    display: inline-block;
    text-indent: -9999px;
    padding: 0;
}
.icons-flavor-att-blend {
    background-position: 0 -420px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-cafebeverage {
    background-position: 0 -1260px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-dark {
    background-position: 0 -175px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-decaf-coffee {
    background-position: 0 -805px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-decaf-tea {
    background-position: 0 -350px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-energy {
    background-position: 0 -875px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-eu-organic {
    background-position: 0 -385px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-extrabold {
    background-position: 0 -525px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-fairtrade {
    background-position: 0 -140px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-flavored-opt2 {
    background-position: 0 -1120px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-flavored {
    background-position: 0 -1190px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-fruitbrew {
    background-position: 0 -700px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-half-caf {
    background-position: 0 -1155px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-icedbeverage {
    background-position: 0 -210px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-kof-k-dairy {
    background-position: 0 -560px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-kof-k {
    background-position: 0 -910px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-kosher {
    background-position: 0 -70px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-koshermontrealvh {
    background-position: 0 -1050px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-kosherstark {
    background-position: 0 -455px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-koshersupervisionofamerica {
    background-position: 0 -840px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-koshersupervisionofamericadairy {
    background-position: 0 -35px;
    height: 35px;
    width: 53px;
}
.icons-flavor-att-kosheruoc {
    background-position: 0 -980px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-kosheruocdairy {
    background-position: 0 -280px;
    height: 35px;
    width: 53px;
}
.icons-flavor-att-light {
    background-position: 0 -945px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-medium {
    background-position: 0 -490px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-mixed-caffeine {
    background-position: 0 -630px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-mk {
    background-position: 0 -1085px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-organic {
    background-position: 0 -105px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-rainforestcertified {
    background-position: 0 0;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-realfruit {
    background-position: 0 -735px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-regular-coffee {
    background-position: 0 -665px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-regular-tea {
    background-position: 0 -245px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-seasonal {
    background-position: 0 -595px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-singleorigin {
    background-position: 0 -1295px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-specialreserve {
    background-position: 0 -770px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-specialty {
    background-position: 0 -1225px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-twostep {
    background-position: 0 -1365px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-union-dairy {
    background-position: 0 -315px;
    height: 35px;
    width: 53px;
}
.icons-flavor-att-union {
    background-position: 0 -1015px;
    height: 35px;
    width: 35px;
}
.icons-flavor-att-wellnessbrewed {
    background-position: 0 -1330px;
    height: 35px;
    width: 35px;
}
.icons-brewer-sprite, .icons-brewer-adjustabletemperature, .icons-brewer-auto-off, .icons-brewer-brewermaintenancealerts, .icons-brewer-brewerspeed, .icons-brewer-ccups, .icons-brewer-culh, .icons-brewer-culc, .icons-brewer-colortouchdisplay, .icons-brewer-cupsizes, .icons-brewer-customizableuiwallpaper, .icons-brewer-digitaldisplay, .icons-brewer-dimensions, .icons-brewer-directwaterlineplumbing, .icons-brewer-dishwashersafe, .icons-brewer-energysavingmode, .icons-brewer-ezreadinstructions, .icons-brewer-fliptoplid, .icons-brewer-frothingmode, .icons-brewer-grayscaletouchdisplay, .icons-brewer-hotwatertank, .icons-brewer-illuminatedwaterreservoir, .icons-brewer-mykcupcompatible, .icons-brewer-kkcups, .icons-brewer-30daymoneybackguaranteed, .icons-brewer-mugsensor, .icons-brewermugsensor, .icons-brewer-multilanguage, .icons-brewer-nsfcertified, .icons-brewer-personal, .icons-brewer-power, .icons-brewer-programmable, .icons-brewer-quietbrewtechnology, .icons-brewer-rcups, .icons-brewer-removabledriptray, .icons-brewer-singleuse, .icons-brewer-strengthcontrol, .icons-brewer-tresintense, .icons-brewer-ullisted, .icons-brewer-voltage, .icons-brewer-waterfilter, .icons-brewer-waterreservoir, .icons-brewer-weight {
    background: url('../images/icons-brewer-s5eaf618527.png') no-repeat;
    display: inline-block;
    height: 65px;
    text-indent: -999em;
    width: 65px;
}
.icons-brewer-adjustabletemperature {
    background-position: 0 -195px;
}
.icons-brewer-auto-off {
    background-position: 0 -845px;
}
.icons-brewer-brewermaintenancealerts {
    background-position: 0 -2080px;
}
.icons-brewer-brewerspeed {
    background-position: 0 -65px;
}
.icons-brewer-ccups {
    background-position: 0 -975px;
}
.icons-brewer-culh {
    background-position: 0 -2275px;
}
.icons-brewer-culc {
    background-position: 0 -2405px;
}
.icons-brewer-colortouchdisplay {
    background-position: 0 -1885px;
}
.icons-brewer-cupsizes {
    background-position: 0 -1690px;
}
.icons-brewer-customizableuiwallpaper {
    background-position: 0 -1820px;
}
.icons-brewer-digitaldisplay {
    background-position: 0 -910px;
}
.icons-brewer-dimensions {
    background-position: 0 -715px;
}
.icons-brewer-directwaterlineplumbing {
    background-position: 0 -2340px;
}
.icons-brewer-dishwashersafe {
    background-position: 0 -1040px;
}
.icons-brewer-energysavingmode {
    background-position: 0 -455px;
}
.icons-brewer-ezreadinstructions {
    background-position: 0 -780px;
}
.icons-brewer-fliptoplid {
    background-position: 0 -1235px;
}
.icons-brewer-frothingmode {
    background-position: 0 -1560px;
}
.icons-brewer-grayscaletouchdisplay {
    background-position: 0 -1105px;
}
.icons-brewer-hotwatertank {
    background-position: 0 -1430px;
}
.icons-brewer-illuminatedwaterreservoir {
    background-position: 0 -2145px;
}
.icons-brewer-mykcupcompatible {
    background-position: 0 -1300px;
}
.icons-brewer-kkcups {
    background-position: 0 -1300px;
}
.icons-brewer-30daymoneybackguaranteed {
    background-position: 0 -390px;
}
.icons-brewer-mugsensor40 {
    background-position: 0 -325px;
}
.icons-brewer-mugsensor {
    background-position: 0 -650px;
}
.icons-brewer-multilanguage {
    background-position: 0 0;
}
.icons-brewer-nsfcertified {
    background-position: 0 -520px;
}
.icons-brewer-personal {
    background-position: 0 -2535px;
}
.icons-brewer-power {
    background-position: 0 -260px;
}
.icons-brewer-programmable {
    background-position: 0 -2015px;
}
.icons-brewer-quietbrewtechnology {
    background-position: 0 -1170px;
}
.icons-brewer-rcups {
    background-position: 0 -2210px;
}
.icons-brewer-removabledriptray {
    background-position: 0 -1755px;
}
.icons-brewer-singleuse {
    background-position: 0 -1625px;
}
.icons-brewer-strengthcontrol {
    background-position: 0 -1950px;
}
.icons-brewer-tres-intense {
    background-position: 0 -130px;
}
.icons-brewer-ullisted {
    background-position: 0 -2275px;
}
.icons-brewer-voltage {
    background-position: 0 -2470px;
}
.icons-brewer-waterfilter {
    background-position: 0 -1365px;
}
.icons-brewer-waterreservoir {
    background-position: 0 -1495px;
}
.icons-brewer-weight {
    background-position: 0 -585px;
}
body {
    background: #fff;
    font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
    font-size: initial;
    line-height: 20px;
    color: #333;
    max-width: 100%;
}
#body {
    width: 100%;
    position: relative;
    z-index: 1;
    margin-top: 0;
}
.maxContentWidth.withPadding {
    padding: 0 40px;
}
.maxContentWidth.edge {
    max-width: 1440px;
    padding: 0;
}
.greyBg {
    background-color: #ffffff;
}
.contentPadding {
    padding: 0 7%;
}
.edgeLeft {
    padding-left: 20px;
}
.edgeRight {
    padding-right: 20px;
}
.edgeBoth {
    padding-left: 20px;
    padding-right: 20px;
}
.brdrTop {
    border-top: 1px solid #ebebeb;
}
.brdrBottom {
    border-bottom: 1px solid #ebebeb;
}
.posBottom {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.stickyNav {
    position: fixed;
}
.stickyNavPadding {
    padding-top: 85px;
}
.icons-search-large {
    background-color: transparent;
}
.control-group.error input, .control-group.error select, .control-group.error textarea, .control-group.error .chosen-container-single .chosen-single {
    border-color: #c90400;
}
.help-inline {
    clear: both;
}
.help-inline span {
    color: #c90400;
    font-size: 14px;
}
.cancelOrderTip {
    margin: 10px 10px;
}
.cancelOderButton {
    text-align: center;
    margin-top: 100px
}
.cancelOderButton {
    text-align: center;
    padding-bottom: 20px;
}
.cancelOderButton #autoOrderQtySetZeroFormCancelButton.button_auto_orange {
    font-size: 14px;
    font-family: "MarkOT-Medium";
    color: #333;
    border: 2px solid #f1be48;
    padding: 3px 14px;
    background-color: transparent;
}
.cancelOderButton #autoOrderQtySetZeroFormCancelButton.button_auto_orange:hover {
    border-color: #2F4053;
}
.cancelOderButton #autoOrderQtySetZeroFormCancelButton.button_auto_orange:active {
    border-color: #68676B;
}
.cancelOderButton #autoOrderQtySetZeroFormSubmitButton.button_auto_orange {
    font-size: 14px;
    font-family: "MarkOT-Medium";
    color: #333;
    background-color: #f1be48;
    padding: 3px 14px;
}
.cancelOderButton #autoOrderQtySetZeroFormSubmitButton.button_auto_orange:hover {
    color: #fff;
    background-color: #2F4053;
}
.cancelOderButton #autoOrderQtySetZeroFormSubmitButton.button_auto_orange:active {
    color: #fff;
    background-color: #68676B;
}
.btn-box.btn-orange.couponremove {
    height: 20px;
    width: 24px;
    padding: 0;
    margin: 0;
}

/*wishlist */
.messaging-private, .messaging-public {
    display: none;
}
.shareToFriend a {
    cursor: pointer;
}
.account-container.inner-page .auto-delivery .btn-row {
    margin-top: 20px;
    margin-bottom: 20px;
}
.selectPaymentInfo {
    padding-top: 50px;
}
.cart_popup_error_msg {
    line-height: 1em;
    font-size: 0.93333333333338em;
    color: #d73c04;    /*padding-top: 5px;*/
    font-family: 'MarkOT-Bold';
}
.cart_popup_total_items_added_msg {
    font-size: 1em;
    font-family: 'MarkOT-Bold';
    color: white;
    background-color: #3cb14a;
    height: 2em;
    line-height: 2em;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*.productAddToCartPanel {
margin-bottom: 10px;
}*/
.productAddToWishlist {
    cursor: pointer;
}
.productAddToWishListeSelect {
    width: 215px;
}
.summaryWeekInterval {
    margin-top: 20px;
    margin-bottom: -20px;
}
.quantli {
    width: 45px;
}
.quantli .update {
    clear: both;
    margin-top: 48px;
}
.quantallnum {
    min-width: 106px;
}
.quantnum {
    min-width: 45px;
}
.quantityli {
    min-width: 120px;
    padding-left: 40px;
    padding-top: 40px;
}
.quantityli.quant {
    padding-left: 62px !important;
}
.checkoutProcess #cartItems table .quantHeader {
    padding-left: 50px;
}
.subtotalli {
    float: right;
}
.checkoutProcess .totals li > span.giftCardCertificate {
    color: red;
}
.needMorePoints {
    font-size: 18px;
    color: #9fa6b0;
}

/***** IE8 AND BELOW *****/
.ie9- .cover-image.for-cards {
    min-height: auto !important;
    padding-bottom: 120px !important;
}
.ie9- .keurig_card .front .details_trigger, .ie9- .keurig_card .front .coffee_desc {
    display: none;
}
.ie9- .keurig_card .front:hover .details_trigger {
    display: none;
}
.ie9- .keurig_card .front:hover .coffee_desc {
    display: block;
}
.ie9- .keurig_card .back, .lt-ie8 .keurig_card .back {
    display: none;
}
.ie9- .keurig_card.flip .back, .lt-ie8 .keurig_card.flip .back {
    display: block;
    left: -345px;
}
.ie9- .keurig_card.flip .front, .lt-ie8 .keurig_card.flip .front {
    display: none;
}
.ie9- .chosen-container .chosen-results li.img_option, .lt-ie8 .chosen-container .chosen-results li.img_option {
    padding-left: 40px;
}
.lt-ie8 .product_column.feature_value {
    border: 1px solid #fff;
}
.ie9- .checkoutProcess .steps li {
    min-width: 140px !important;
}
.ie9- .card_holder {
    padding-left: 10px;
}
.ie9- .card_holder .card {
    margin: 0 5px 20px 0;
}
.ie9- .tabs .control-tabs li {
    border: 1px solid #ccc;
    border-left: none;
}
.ie9- .tabs .control-tabs li a {
    background-color: #fff;
}
.ie9- .pagination .active {
    background-color: #929aa5;
}
.ie9- .content-module .left {
    width: 59.72%;
}
.ie9- .content-module .right {
    width: 40.28%;
}
.ie9- .page-productDetails .productDetailsPanel .productImage {
    margin: 45px 13%;
    width: 32%;
}
.ie9- .page-productDetails .productDetailsPanel .productDescription {
    margin-top: 45px;
}
.ie9- .deliveryCartItems .same-width-buttons {
    max-width: 100px;
}
.ie9- .delete-holder .btn-box {
    min-width: 25%;
}
#ie8 #cboxLoadedContent .keurig_card .back {
    display: none;
}
#ie8 #cboxLoadedContent .keurig_card.flip .back {
    display: block;
    left: -345px;
}
#ie8 #cboxLoadedContent .keurig_card.flip .front {
    display: none;
}
.ie9- #searchDropdown #searchField {
    float: left;
    padding-top: 20px;
}
input.checkboxInline {
    display: inline-block;
}
.registerGuestBtn {
    text-align: left;
    padding-bottom: 10px;
}

/***** Auto delivery popup in CART and PDP *****/
.span-7.delivery {
    border-bottom: medium none;
    float: left;
    padding-bottom: 10px;
    padding-right: 0;
    text-align: left;
    width: 230px;
}
.span-14.delivery {
    padding-left: 10px;
    text-align: left;
    width: 75%;
}
.borderAutodelivery {
    border-bottom: 1px solid #ebebeb;
    height: 50px;
}
.span-10.delivery {
    clear: both;
}
.infocon {
    text-indent: -9999px;
    float: left;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("../images/icons/infocon.png");
    margin-top: 15px;
    margin-left: 5px;
    cursor: pointer;
}
.infocon:hover, .express-checkout-info:hover {
    width: 20px;
    height: 20px;
    background-image: url("../images/icons/infocon_hover.png");
}
.express-checkout-info {
    display: inline-block;
    position: relative;
    top: -4px;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    background-image: url("../images/icons/infocon.png");
    cursor: pointer;
}
#addToAutoDeliveryButton {
    margin-top: 15px;
    cursor: pointer;
    padding: 14px 19px 13px;
}
#addToAutoDeliveryButton:hover {
    border-color: transparent;
    border-bottom-color: transparent;
    background: #f1be48;
    color: #fff;
}
.add-to-autodelivery-button:hover {
    border-color: transparent;
    border-bottom-color: transparent;
    background: #f1be48;
    color: #fff;
}
.add-to-autodelivery-button {
    width: 230px !important;
    float: left;
    margin: 0 !important;
    cursor: pointer;
    padding-top: 8px;
    height: 49px;
}
.add-to-autodelivery-button .plus {
    font-size: 24px;
    padding-top: 5px;
    float: left;
    padding-left: 15px;
}
.add-to-autodelivery-button .text {
    font-size: 14px;
    text-align: left;
    text-transform: initial;
    float: left;
    width: 160px;
    margin-left: 20px;
    line-height: 16px;
}
.delivery-border-box {
    border: 1px solid #ddd;
    width: 180px;
    border-bottom: none;
    height: 49px;
    float: left;
    color: #999;
    margin-left: 20px;
    padding-left: 5px;
    padding-top: 5px;
}
.delivery-border-box label {
    font-size: 20px !important;
    padding-top: 7px;
    color: #999;
}
.delivery-border-box form div a {
    margin-top: 10px;
}
.delivery-extra-msg {
    float: left;
    color: #999;
    position: relative;
}
.delivery-extra-msg .text {
    margin-left: 20px;
    margin-top: 15px;
    float: left;
}
.delivery-extra-msg .popup {
    position: absolute;
    z-index: 10;
    width: 370px;
    height: 200px;
    background-color: white;
    top: -200px;
    left: 255px;
    border: 1px solid #ccc;
    display: none;
}
@media all and (max-width:1300px) {
    .delivery-extra-msg .popup {
        position: absolute;
        z-index: 10;
        width: 370px;
        height: 200px;
        background-color: white;
        top: -200px;
        left: 60px;
        border: 1px solid #ccc;
        display: none;
    }
    .span-14.delivery {
        padding-left: 10px;
        text-align: left;
        width: 65%;
    }
}
.delivery-extra-msg .popup div {
    font-size: 12px;
    line-height: 12px;
}
.delivery-extra-msg .popup .arrow {
    background: transparent url("../images/checkout/down_arrow.png") no-repeat center top;
    width: 20px;
    height: 10px;
    position: absolute;
    bottom: -10px;
    left: 48%;
}
.delivery-extra-msg .popup .img1 {
    background: transparent url("../images/checkout/checkmark.png") no-repeat center top;
    font-size: 12px;
    width: 120px;
    float: left;
    text-align: center;
    padding: 40px 5px 5px;
    margin-top: 20px;
    border-right: 1px solid #ccc;
    height: 100px;
}
.delivery-extra-msg .popup .img2 {
    background: transparent url("../images/checkout/calendar.png") no-repeat center top;
    font-size: 12px;
    width: 120px;
    float: left;
    text-align: center;
    padding: 40px 5px 5px;
    margin-top: 20px;
    height: 100px;
    border-right: 1px solid #ccc;
}
.delivery-extra-msg .popup .img3 {
    background: transparent url("../images/checkout/cup.png") no-repeat center top;
    font-size: 12px;
    width: 120px;
    float: left;
    text-align: center;
    padding: 40px 5px 5px;
    margin-top: 20px;
    height: 100px;
}
.delivery-extra-msg .popup .othermsg {
    font-size: 16px;
    text-align: center;
    clear: both;
    line-height: 16px;
    padding: 10px 5px 5px;
}
.delivery-extra-msg .popup .othermsg a {
    font-size: 14px;
    color: #0F7DB5;
    text-decoration: none;
}
#weekIntervalDiv .autoShip {
    background-color: white;
    border: 1px solid #ddd;
    padding: 10px;
}
#weekIntervalDiv .nosee {
    display: none;
    margin: 10px;
    text-align: left;
    color: black;
}
#weekIntervalDiv .nosee span {
    font-size: 18px;
    color: #999;
}
#weekIntervalDiv input[type="text"] {
    margin: 15px 0;
    display: none;
}
#weekIntervalDiv input[type="text"], #weekIntervalDiv select {
    width: 160px;
}
#weekIntervalDiv h4 {
    text-align: center;
    font-size: 16px;
}
#weekIntervalDiv label {
    font-size: 14px;
}
.weekIntervalSelector {
    float: right;
}
.weekIntervalSelector .chosen-container {
    margin: -5px 0 0;
}
#weekIntervalDiv .messageBox {
    border: 1px solid #ddd;
    border-top: none;
    padding: 3px;
    text-align: center;
    background-color: white;
    color: #999;
}
#weekIntervalDiv .messageBox p {
    width: 300px;
    margin: auto;
}
.greenMsg p {
    width: 350px;
    margin: 10px auto;
    color: #79b200;
}
.autoDeliveryPopup {
    border: 1px solid #ddd;
    background-color: white;
    padding: 20px !important;
    width: 360px;
    height: 200px;
    position: relative;
    z-index: 10;
    display: none;
}
.autoDeliveryPopup .close {
    position: absolute;
    top: -10px;
    right: -10px;
    cursor: pointer;
    font-size: 14px;
    z-index: 123;
}
.autoDeliveryPopup .arrowRight {
    width: 40px;
    height: 40px;
    border-left: 1px solid #ddd;
    background-color: white;
    border-top: 1px solid #ddd;
    -ms-transform: rotate(135deg); /* IE 9 */
    -webkit-transform: rotate(135deg); /* Chrome, Safari, Opera */
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: -20px;
}
.autoDeliveryPopup .arrowLeft {
    width: 40px;
    height: 40px;
    border-left: 1px solid #ddd;
    background-color: white;
    border-top: 1px solid #ddd;
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
    position: absolute;
    top: 110px;
    left: -20px;
}
.autoDeliveryPopup .arrowLeftSmall {
    width: 40px;
    height: 40px;
    border-left: 1px solid #ddd;
    background-color: white;
    border-top: 1px solid #ddd;
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
    position: absolute;
    top: 60px;
    left: -20px;
}
.autoDeliveryPopup .createOrder {
    text-align: center;
    margin-bottom: 20px;
    margin-top: -10px;
}
.autoDeliveryPopup .createOrder h4 {
    margin-top: 10px;
    font-size: 1em;
}
.addProductToAutoOrder {
    width: 40px;
}
.autoDeliveryPopup .createOrder h4 span {
    color: #bbb;
    font-size: 14px;
    line-height: 14px;
    display: block;
}
.autoDeliveryPopup .existingOrder h4 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 1em;
}
.autoDeliveryPopup .norep {
    width: 200px;
    margin: auto;
    text-align: center;
    font-size: 14px;
}
.ADdate {
    width: 100px;
}
.signInToAdd {
    text-align: center;
}
.autoDeliveryPopup .existingOrder button {
    height: 30px;
    padding: 4px 5px;
    width: 50px !important;
}
.autoDeliveryPopup .existingOrder table {
    font-size: 12px;
}
.autoDeliveryPopup .existingOrder table td {
    border-bottom: 1px solid #ddd;
}
.autoDeliveryPopup .existingOrder table th {
    width: 25%;
    border-bottom: 2px solid #ffaf01;
}
.autoDeliveryPopup .existingOrder table tr {
    height: 40px;
}
.existingOrder th:first-child, .existingOrder td:first-child {
    text-align: center !important;
}
.autoDeliveryPopup .createOrder button {
    margin-top: -10px !important;
}
.createOrderFromPopup {
    width: 200px !important;
    text-align: center;
}
.autoDeliveryPopup .separator {
    position: relative;
}
.autoDeliveryPopup .separator hr {
    margin: 15px 0;
}
.autoDeliveryPopup .separator .or {
    position: absolute;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 30px;
    background-color: white;
    top: -10px;
    text-align: center;
    font-size: 14px;
}
@media all and (max-width:1300px) {
    #weekIntervalDiv select {
        width: 100px !important;
    }
    #weekIntervalDiv input[type="text"] {
        width: 80px;
        display: none;
    }
    .delivery-extra-msg .text {
        width: 215px;
        line-height: 13px;
    }
    #weekIntervalDiv label {
        width: 110px;
        font-size: 12px;
        display: block;
        float: left;
    }
    #weekIntervalDiv .messageBox p {
        width: auto;
        margin: auto;
        font-size: 12px;
        padding: 3px;
    }
    .greenMsg {
        text-align: center;
    }
    .greenMsg p {
        width: auto;
        margin: 10px auto;
        color: #79b200;
        font-size: 12px;
    }
}
@media all and (min-width:1301px) and (max-width:1600px) {
    #weekIntervalDiv select {
        width: 140px;
    }
    #weekIntervalDiv input[type="text"] {
        width: 120px;
        display: none;
    }
    #weekIntervalDiv label {
        font-size: 12px;
        max-width: 120px;
        display: block;
        float: left;
    }
    .span-14.delivery {
        padding-left: 10px;
    }
    #weekIntervalDiv .messageBox p {
        width: auto;
        margin: auto;
        font-size: 12px;
        padding: 3px;
    }
    .greenMsg {
        text-align: center;
    }
    .greenMsg p {
        width: auto;
        margin: 10px auto;
        color: #79b200;
        font-size: 12px;
    }
}

/**** KOLD BADGES *****/
.icons-kold-badges {
    background: url('../images/kold-badges.png') no-repeat;
    display: inline-block;
    text-indent: -9999px;
    padding: 0;
    width: 39px;
    height: 39px;
}
._0_calories {
    background-position: 0 0;
}
._0_calories:hover {
    background-position: -40px 0;
}
._1-50_calories {
    background-position: 0 -40px;
}
._1-50_calories:hover {
    background-position: -40px -40px;
}
._51-100_calories {
    background-position: 0 -80px;
}
._51-100_calories:hover {
    background-position: -40px -80px;
}
._still {
    background-position: 0 -120px;
}
._still:hover {
    background-position: -40px -120px;
}
._caffeinated {
    background-position: 0 -160px;
}
._caffeinated:hover {
    background-position: -40px -160px;
}
._naturallyflavored {
    background-position: 0 -200px;
}
._naturallyflavored:hover {
    background-position: -40px -200px;
}
._caffeine-free {
    background-position: 0 -240px;
}
._caffeine-free:hover {
    background-position: -40px -240px;
}
._sparkling {
    background-position: 0 -280px;
}
._sparkling:hover {
    background-position: -40px -280px;
}
._madewithcanesugar {
    background-position: 0 -320px;
}
._madewithcanesugar:hover {
    background-position: -40px -320px;
}
._kosherou {
    background-position: 0 -360px;
}
._kosherou:hover {
    background-position: -40px -360px;
}

/* fix for kold 856 */
div.itemPromotionBox p {
    border-bottom: 1px solid #adadad;
    color: #41b6e6;
    font-size: 12px;
    font-family: 'MarkOT-Bold';
    text-align: left;
    text-transform: uppercase;
    font-family: "MarkOT-Regular Bold", Helvetica, Arial, sans-serif;
    padding-bottom: 4px;
}
div.price-row.price-row-small {
    border-bottom: none;
}
div.price-row.price-row-small {
    margin-bottom: 9px;
}
span.hover.icons-plus {
    height: auto;
    width: auto;
}
ul.price-row .reg-price .prod_price {
    margin-top: 25px;
}
div.tile-content div.tile-img {
    top: 40px !important;
    left: 0 !important;
}

/* fix for kold 881 */
.ch-exp-30-margin-adjust {
    margin-top: 19px;
}
.exp30-content {
    background-color: #f1f1f1;
    border: 1px solid #dadbdf;
    height: 33%;
    margin-top: 65px;
    width: 100%;
}
.productDescription .exp30-content {
    margin-top: 0;
    font-size: 12px;
}
.productDescription .content-left {
    width: 35%;
}
.productDescription .module-cta a {
    font-size: 1.2em;
}
.productDescription .content-right {
    width: 65%;
}
.productDescription .module-content p {
    font-size: 1.2em;
}
.productDescription .content-right #module-headline {
    font-size: 1.7em;
}
.productDescription .content-right #module-subheader {
    font-size: 1.5em;
}
.content-left {
    float: left;
    margin-top: 20px;
    text-align: center;
    width: 30%;
}
#module-icon {
    margin: -2px 0 0 21px;
    width: 50%;
}
.content-right {
    float: right;
    margin-top: 20px;
    width: 70%;
}
#module-headline {
    float: right;
    font-family: inherit;
    font-size: 2.3em;
    font-weight: normal;
    margin: 0 auto;
    width: 100%;
}
#module-subheader {
    float: right;
    font-family: inherit;
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 17px;
    width: 100%;
}
.module-divider {
    background-image: -moz-linear-gradient(left center, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    border: 0 none;
    height: 1px;
    margin: 0 auto;
    width: 90%;
}
.module-content {
    font-family: inherit;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 19px;
}
.module-cta {
    margin-bottom: 13px;
    margin-top: 13px;
    max-width: 100%;
    text-align: center;
}
.module-cta a {
    color: #ffb00b;
    font-family: inherit;
    font-size: 1.4em;
    margin: 0 auto;
    text-decoration: none;
    width: 95%;
}
.module-content p {
    font-size: 1.4em;
    width: 100%;
}
.module-content em {
    font-family: "MarkOT-Regular Bold", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-family: 'MarkOT-Bold';
}

/*div.productAddToCartPanel.clearfix button#addToCartButton {
line-height: 1px;
}*/

/* fix for kold 1201 */

#content5Drop.f-dropdown.content.open.f-open-dropdown {
    left: 500px !important;
}

/*fix for kold 800 */
.ch-exp-19-pricing-table tbody tr {
    background-color: #fff;
}
.ch-exp-19-pricing-table tbody tr td.ch-exp-19-first-description {
    text-align: right;
}

/* fix for chrome quantity selector  */
.list-view .prod-qty.grid-hide.quantity.prod_quantity {
    width: 23.7% !important;
    left: 80.857% !important;
}
.cards.list .button-row button#addToCartButton.add_to_cart_front.full_btn.btn-box.btn-orange {
    position: relative;
    bottom: 22px;
}

/* fix for kold 1346 */
.left-content #registerBrewerForm .control-group .field input[type="radio"] {
    display: inline-block !important;
    margin-left: 5px;
}

/* fix for kold 1402 */
ul.inline-list li .span-4.nextProcessDate, ul.inline-list li .span-4.freq {
    width: 250px;
}

/* fix for kold 1392 */
form.ch-exp-47-upper-email-form a.ch-exp-47-paper-airplane.upper-form-submit {
    right: 230px;
    bottom: 22px;
}

/* fix for kold 1443 */
.ch-exp-47 #miniCart a.icons-cart {
    padding-bottom: 0 !important;
}

/* fix for KOLD-1473 */
@media screen and (max-width:1024px) {
    .prettycheckbox .radio_button {
        display: block !important;
        width: 16px;
        height: 16px;
    }
    div.clearfix.prettycheckbox a {
        display: none;
    }
    div.prettycheckbox {
        display: inline;
        float: left;
        margin-right: 2px;
        margin-top: 4px;
        padding-right: 5px;
    }
    .prettycheckbox label {
        position: relative;
        bottom: 40px; /* fix for KHR-226 */
        left: 22px;
    }
    input#useDeliveryAddress.radio_button {
        position: relative;
        bottom: 10px;
    }
}

/* fix for kold 1495 */
.coffee_desc.smallerCopy.brewer {
    display: block;
}
.brewer.details_trigger {
    display: block !important;
}

/* fix for kold 1499 */
.productBrewer .productDescription .checkout .prod_quantity.clearfix.edgeBoth {
    padding-right: 50px !important;
}

/* fix for kold 1529 and KOLD 1531 */
#autoOrderViewArea a#autoOrderEditLink, #shippingMethodViewArea a#shippingMethodEditLink, a#cartEntryQtyEdit0, #shippingToViewArea a#shippingBillingEditLink, #billingMethodViewArea a#shippingBillingEditLink, #billingToViewArea a#shippingBillingEditLink {
    color: #fff;
}
div.account-container.inner-page .maxContentWidth.clearfix .dataItem-container.clearfix div.buttons a.button, div.account-container.inner-page .maxContentWidth.clearfix .dataItem-container.clearfix div.buttons a.button:hover {
    background-color: transparent;
    padding: 0;
}
div.account-container.inner-page .maxContentWidth.clearfix .dataItem-container.clearfix div.buttons span.is-default-address {
    color: #999;
}
div.account-container.inner-page .maxContentWidth.clearfix .dataItem-container.clearfix div.buttons a.ana_editsavedaddr, div.account-container.inner-page .maxContentWidth.clearfix .dataItem-container.clearfix div.buttons a.edit_payment_details {
    color: #333;
    font-size: 14px;
    line-height: 18px;
    font-family: "MarkOT-Regular";
    border-bottom: 2px solid #f1be48;
}
div.account-container.inner-page .maxContentWidth.clearfix .dataItem-container.clearfix div.buttons a.ana_setdefaultaddr, div.account-container.inner-page .maxContentWidth.clearfix .dataItem-container.clearfix div.buttons a.delete-confirm-opener {
    color: #333;
    font-size: 14px;
    line-height: 18px;
    font-family: "MarkOT-Regular";
    border-bottom: 2px solid transparent;
}
div.account-container.inner-page .maxContentWidth.clearfix .dataItem-container.clearfix div.buttons a.ana_setdefaultaddr:hover, div.account-container.inner-page .maxContentWidth.clearfix .dataItem-container.clearfix div.buttons a.delete-confirm-opener:hover, div.account-container.inner-page .maxContentWidth.clearfix .dataItem-container.clearfix div.buttons a.ana_editsavedaddr:hover, div.account-container.inner-page .maxContentWidth.clearfix .dataItem-container.clearfix div.buttons a.edit_payment_details:hover {
    border-color: #2F4053;
}
div.account-container.inner-page .maxContentWidth.clearfix .dataItem-container.clearfix div.buttons a.ana_editsavedaddr:active, div.account-container.inner-page .maxContentWidth.clearfix .dataItem-container.clearfix div.buttons a.edit_payment_details:active {
    color: #68676B;
    border-color: #68676B;
}
div.account-container.inner-page .maxContentWidth.clearfix .dataItem-container.clearfix div.buttons a.ana_setdefaultaddr:active, div.account-container.inner-page .maxContentWidth.clearfix .dataItem-container.clearfix div.buttons a.delete-confirm-opener:active {
    border-color: transparent;
}

/* fix for KOLD-1534 */
div.flat-bg-container.white.full tbody tr.highlighted td.centered.label {
    display: table-cell;
}

/* fix for kold- 1516 */
div.left-content table tbody tr .label {
    display: table-cell;
}

/*fix for kold-1512 */
#body.cart-container.checkoutProcess div#wishlistdiv {
    display: none;
}

/* Fix for kold 1515 */
.roast_style.product-feature {
    display: block !important;
}
.coffee_desc.smallerCopy.dotdotdot-eligible.lightBox {
    display: block;
}
span.product_name.dotdotdot-eligible {
    padding-top: 2px;
}

/*fix for kold 1529 */
div.full-content header h2 a.circle-link-image.text.right {
    color: #333 !important;
}

/*fix for kold-1544 */
.shipReview .address.checkout_information_content {
    margin-right: 10px;
}
.billReview .address.checkout_information_content {
    margin-right: 10px;
}

/*fix for kold-1519 */
iframe#submitReviewIframe {
    height: 2497px !important;
}
#addToCartButtonOutOfStock.out_of_stock_btn {
    margin-bottom: 10px !important;
}

/* fix for kold-1601 */
div.card.active .keurig_card.grow.flip .inner.active.flip #ch-exp-30-auto-delivery-pdp-module-13 {
    margin-top: 15px;
}
a.ch-exp-47-paper-airplane.lower-form-submit {
    margin-top: -34px !important;
    margin-left: 270px \0/ IE9 !important;
    margin-left: 20px;
}

/*fix for kold 1348 */
.top-bar-section .f-dropdown h3.topNavHeading:hover {
    text-decoration: underline;
}
.top-bar-section .f-dropdown h3.topNavHeading {
    color: #333;
    font-family: "MarkOT-Medium";
    background: transparent none repeat scroll 0 0;
    line-height: 1rem;
    padding: 0 25px 28px;
}

/* fix for kold 1739 */
.brand-promotion .pods-section .brand-pod h3 a {
    color: #fff;
}

/* fix for kold 1800 */
#emailSignupRequest .medium-6.medium-offset-6 h5 {
    color: #fff;
    font-size: 13px;
    position: relative;
    bottom: 20px;
}
#emailSignupRequest .medium-6.medium-offset-6 h5 a {
    text-decoration: underline;
    color: #fff;
}
#emailSignupRequest .medium-6.medium-offset-6 form.email-form .email-input-container {
    bottom: 20px;
}
button[type="submit"].btn-addingProductsToCart {
    background-color: green !important;
    border-color: green;
}

/* checkout optimization story */
#deliveryAddressForm .dataItem {
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
}
#deliveryAddressForm .dataItem input {
    display: inline-block;
    float: left;
    margin-top: 5px;
}
#deliveryAddressForm .dataItem ul {
    float: left;
    margin-left: 10px;
}
#shipping-addr-container {
    display: none;
    width: 650px;
    margin-bottom: 40px;
}
#savedShippingAddressContainer .dataItem.has-pretty-child ul {
    margin: 0;
}
#shipping-addr-container .sectionTitle {
    margin-bottom: 5px;
}

/*#shipping-addr-container div:first-child {*/

/*margin-top: 15px;*/

/*}*/

#shipping-addr-container > label input[type="radio"] {
    margin-right: 5px;
}
#shipping-addr-container > label input[type="radio"], #shipping-addr-container > label {
    display: inline-block;
}
#shipping-addr-container > p, #shipping-addr-container > label, #shipping-addr-container div > label {
    font-size: 15px;
}
#shipping-addr-container > p {
    margin-top: -25px;
}

/*tbd*/
#shipping-addr-container div > label {
    bottom: 5px;
    position: relative;
    display: inline-block;
    margin-right: 15px;
}
#changeShipAdd {
    color: blue;
    font-size: 14px;
}
#currentShippingAddressContainer {
    padding-left: 20px;
}
.order-total-price {
    color: #333 !important;
    font-size: 20px !important;
    font-family: "MarkOT-Regular" !important;
}
.hot-accessory-discountPrice.disount-price {
    padding-left: 100px;
    margin-top: -26px;
    font-size: 1em;
}
.productDescription .hot-accessory-Price {
    font-size: 1em;
    padding: 0px;
}
#cartTopContinueShoppingLink.continue-shopping-non-empty-cart {
    float: right;
    right: 30px;
    bottom: 30px;
}
#cartBottomContinueShoppingAndCheckoutButtonWrapper {
    float: right;
}
#cartBottomCheckoutButton {
    min-width: 330px;
    margin: 30px;
}
#deliveryMethodSelectorDiv label {
    margin-top: -2px;
}

/* miniCart story */
#miniCartFlyoutContinueShoppingLink {
    font-family: "MarkOT-Regular";
}
#miniCartFlyoutBottomContinueShoppingLink {
    font-family: "MarkOT-Regular";
    left: 87px;
}
#miniCartOrderSummaryText {
    font-weight: bold !important;
}

/* chk013,014,015,016 */
#currentShippingAddressContainer {
    position: relative;
    right: 85px;
    width: 749px;
    padding-left: 85px;
}
#currentShippingAddressContainer ul {
    padding: 30px;
}
#savedShippingAddressContainer {

    /*padding-bottom: 30px;*/
    padding-left: 95px;    /*padding-top: 20px;*/
    position: relative;
    right: 100px;
    width: 760px;
    padding-top: 20px;
    margin-bottom: 30px;
    padding-right: 7px;
}
#newShippingAddressContainer {
    position: relative;
    right: 85px;
    width: 749px;
    padding-left: 85px;
}
#shipping-address-form-container {
    background-color: #fff;
}
#address_country_chosen, #address_region_chosen {
    width: 301px !important;
}
.shippingLabel2 div.prettycheckbox {
    bottom: 180px;
    position: relative;
}

/*.shippingLabel1 div.prettycheckbox {*/

/*bottom: 20px;*/

/*position: relative;*/

/*}*/

.shippingLabel1 .prettycheckbox a, .shippingLabel2 .prettycheckbox a {
    margin: 0;
}
#savedShippingAddressContainer label {
    display: inline-block;
}
#savedShippingAddressContainer .clearfix.prettyradio {
    float: left;
    margin: 0;
}
#shipping-addr-container > label a {
    margin: 0;
}
.shipping-container #shipping-addr-container > label {
    padding-bottom: 20px;
}
#shipping-addr-container > label:nth-child(5) {

    /*  margin-left: 41px;*/
}
#shipping-addr-container > label:nth-child(4) {
    margin-left: 27px;
}
#shipping-addr-container > label label, #shipping-addr-container > label, #savedShippingAddressContainer > label label, #savedShippingAddressContainer > label {
    width: auto;
}
.shipping-container #shipping-addr-container > label span.shippingAddressSelection {
    position: relative;
    bottom: 8px;
}

/*holiday chk_004 */
.accountOrderSummary ul li:nth-child(odd) {
    background-color: #f1f1f1;
}
.accountOrderSummary ul li:nth-child(even) {
    background-color: #F9F9F9;
}
.accountOrderSummary ul li {
    background: transparent;
    border: 1px solid #d8dce0;
    color: #333;
    font-size: 18px;
    line-height: 22px;
    padding: 16px 20px 15px;
    vertical-align: top;
}
.accountOrderSummary ul li span {
    float: right;
}
.accountOrderSummary {
    padding-bottom: 20px;
}
.accountOrderSummary > ul > li.discounts.noBrdr > div, .accountOrderSummary > ul > li.discounts.noBrdr > div > span {
    float: none;
}
.accountOrderSummary > ul > li.freeShippingMsg > div, .accountOrderSummary > ul > li.freeShippingMsg > div > span {
    float: none !important;
}

/* fix for KHR 216 and 214 */

/* fix for KHR-344 */
.freeShippingIcon {
    margin-left: 0;
    margin-top: 7px;
}
.freeShippingText {
    color: #b6bcc2;
    line-height: 16px;
    padding-left: 5px;
    font-size: 15px;
}
#cartTopContinueShoppingLink, #cartBottomContinueShoppingLink {

    /*color: #b6bcc2;
    font-family: 'MarkOT-Bold';
    font-family: "arial";*/
}
.freeShippingTextReviewPage {
    padding-top: 10px;
}
#savedShippingAddressContainer > .dataItem {
    height: 211px;
    overflow: hidden;
}

/*fix for KHR-239 */
#savedShippingAddressContainer {
    height: 452px;
    overflow: auto;
}
#savedShippingAddressContainer > .dataItem > ul, #savedShippingAddressContainer > .dataItem div > label > ul {
    width: 180px;
}

/* fix for KHR-239 and KHR-241 and KOLD-240 */
@media screen and (max-width:1024px) {
    #savedShippingAddressContainer, #currentShippingAddressContainer, #newShippingAddressContainer {
        width: 650px;
    }
    #savedShippingAddressContainer > .dataItem {
        width: 175px;
    }
    #savedShippingAddressContainer {
        right: 85px;
    }
    #savedShippingAddressContainer > .dataItem > ul {
        width: 150px;
    }
    #shipping-addr-container > label:nth-child(4), #shipping-addr-container > label:nth-child(5) {
        margin-left: 0;
    }
    #savedShippingAddressContainer > .dataItem > input[type=radio] {
        padding-left: 2px;
    }
    .shippingLabel1 {
        padding-top: 10px;
    }
}
.rewards-h1 {
    bottom: 75px !important;
}
.rewards-h2 {
    bottom: 75px !important;
}

/* fix for add to card text on category pages KOLD-1875*/
.inner.active.flip #addToCartButton.add_to_cart_front.full_btn.btn-box.primary-cta.full-width {
    line-height: 25px;
}

/* fix for search list page */
.list-view form#multiAddToCartForm .button-row {
    overflow: visible;
}
.list-view form#multiAddToCartForm .button-row .add_to_cart_front.full_btn.btn-box.primary-cta.full-width {
    line-height: 25px;
}

/* fix for kold-1986 */
.kold-landing #bethefirst h2, .kold-landing .frame-one h3, .kold-landing .frame-one #hero-one-cta p, .kold-landing .frame-one #hero-one-cta a.learnkoldlanding {
    color: black;
}
.kold-landing .frame-one #hero-one-cta a.learnkoldlanding {
    text-decoration: underline;
}
.kold-landing #bethefirst h2 {
    font-size: 40px;
}
.kold-landing .frame-one .kold-Landing-logo-text {
    position: absolute;
    top: 130px;
}
.kold-landing .frame-one #bethefirst h2 {
    position: absolute;
    top: 130px;
}
.kold-landing .frame-one .cta-box {
    margin-top: 210px;
}
.kold-landing .frame-one .cta-box p.textDescription {
    margin-bottom: 8px;
}

/*fix  for kold 2054 */
#recipes h3.recipeHeading {
    margin-bottom: 30px;
    padding-left: 15px;
    color: #41b6e6;
    font-size: 28px;
    letter-spacing: 1px;
}
#recipes .recipeDescription {
    margin-left: 320px;
}
.text-center.recipeGeniusHeader {
    position: relative;
    bottom: 25px;
    padding-left: 70px;
}
ul.ingredients.bullet-list li {
    list-style-type: disc;
}
#recipes .ingredients.bullet-list.recipeIngridients {
    padding-left: 15px;
}
#recipes .body1.GeniusPara {
    margin-bottom: 10px;
}
#recipes .recipeGeniusHeader h2 {
    color: #333;
    font-size: 28px;
    letter-spacing: 1px;
}
#recipes .recipeDescription strong {
    color: #999999;
    font-size: 16px;
    margin-top: 10px;
}
#recipes {
    padding-bottom: 150px !important;
}
@media screen and (max-width:1024px) {
    #s7Frame {
        height: 568px !important;
        position: relative;
        bottom: 44px;
        right: 50px;
    }
}

/* fix for KHR-248 */
@media screen and (max-width:1024px) {
    #topradiobuttons {
        padding-top: 10px;
        width: 600px;
    }
    #addnewPaymentMethod {
        position: relative;
        right: 5px;
    }
}

/*fix for KHR-242 desktop
#silentOrderPostForm {
padding-top: 30px;
}*/

/*fix for KCOM-3355 desktop*/
#silentOrderPostForm {
    padding-top: 7px;
}
#topradiobuttons {
    padding: 10px 0;
}
#savedPaymentListHoldercontainer, #defaultPaymentInfo, #savedPaymentInfo, #paymentDetailDiv {
    background-color: #fff;
    position: relative;
    right: 85px;
    width: 745px;
    padding-left: 95px;
}
#paymentDetailDiv {

    /*overflow: hidden;*/
    padding: 10px 0 0 95px;
    background-color: transparent;
}
#cardForm {
    margin-bottom: 0;
}

#cardForm #globalMessages {
    margin: 0 auto;
    min-width: 100%;
    max-width: 100%;
    width:100%;
}
#cardForm .form-actions {
    margin-left: 20px;
}
#cardForm #globalMessages .alert.negative, #cardForm #globalMessages .alert.neutral, #cardForm #globalMessages .alert.positive {
width:90%;
}
#saveAsPreferred {
    margin-bottom: 0;
}
#defaultPaymentInfo {
    padding: 20px 0 20px 95px;
}
#paymentOptionDiv div {
    padding-right: 10px;
}
.field.with-cc-icons > .icons-co-credit-cards-container {
    top: 32px;
}
#shipping-addr-container > label {
    padding-right: 25px;
}
#shipping-addr-container > label div label {
    padding-left: 5px;
}
#topradiobuttons > div {
    display: inline-block;
}
#topradiobuttons > div label {
    padding-right: 2px;
}

/* fix for KHR-242 desktop */
#defaultPaymentInfo .cardimageIcon {
    bottom: 7px;
    position: relative;
    right: 320px;
}
#savedPaymentListslot .iconImageSavedCard {
    position: relative;
    right: 320px;
    bottom: 32px;
}
#savedPaymentListslot .SavedcardInfo {
    position: relative;
    left: 79px;
    bottom: 18px;
}

/*fix for KHR-242 ipad*/
@media screen and (max-width:1024px) {
    #savedPaymentListHoldercontainer, #defaultPaymentInfo, #savedPaymentInfo, #paymentDetailDiv {
        width: 650px;
    }
    #billingAddressDiv .ship4bill {
        float: none;
        left: 0;
    }
}

/*fix for KHR-240 */
@media screen and (max-width:1024px) {
    .freeShippingIcon {
        margin-left: 0;
    }
    #shipping-addr-container > label {
        padding-right: 5px;
    }
    #savedShippingAddressContainer > .dataItem div > label > ul {
        width: 145px;
    }
    #shipping-addr-container .shippingLabel2 label, #shipping-addr-container .shippingLabel1 label {
        bottom: 37px;
    }
    .ship4bill label {
        bottom: 46px;
    }
    #savePaymentDiv label[for=savePaymentInfo1] {
        bottom: 37px;
    }
}
#billingAddressDiv .ship4bill {
    position: relative;
    right: 65px;
}

/*fix for KHR-394*/
#paymentDetailDiv #cardForm.fields, #savePaymentInformationDiv.fields {

    /*padding-bottom: 310px;*/
    background: white;
    margin-left: -94px;
    width: 744px;
    padding-left: 90px;
}
#paymentDetailDiv #saveAsPreferred.fields {

    /*padding-bottom: 310px;*/
    background: white;
    margin-left: -94px;
    width: 744px;
    padding-left: 90px;
}
.paymentOpts {
    background: white;
    margin-left: -94px;
    width: 744px;
    padding-left: 90px;
}
#content .purchaseInfoText p {
    line-height: 0;
    font-size: 14px;
    font-family: "MarkOT-Book";
}
#content .brewerRegistrationContainer {
    padding-top: 78px;
}
#content .brewerRegistrationContainer p {
    font-size: 15px;
}
#content .brewerRegistrationContainer h2 {
    font-size: 30px;
}
.brewer li.entryPromotions.span-24.text-left.bottom {
    left: 65px;
}

/*ul.entryPromotions.span-24.text-left.bottom li span {*/

/*position: absolute;*/

/*}*/

.brewerFormContainer {
    background-color: #f2f2f2;
    padding-left: 100px;
    position: relative;
    right: 95px;
    width: 1612px;
    padding-top: 20px;
    height: 443px;
}
.brewerFormContainer .active.purchaseInformationText {
    width: 20%;
    text-align: left;
    font-size: 25px;
    padding-bottom: 15px
}
#wrapper #registerBrewerForm .radio_button {
    display: none !important;
}
#registerBrewerForm .registerBrewerFomLabel {
    float: left;
    margin-top: 11px;
    padding-right: 20px;
}
.radioPurchaseFrom div {
    margin-top: 5px;
}
#datePurchased {
    background-color: #fff;
    color: #7e8a96 !important;
}

/* fix for KHR-240 */
@media screen and (max-width:1024px) {
    #addressForm .shippingLabel2ForGuestUser {
        display: inline-block;
        width: 240px;
        position: relative;
        right: 15px;
    }
}

/* fix for KHR-405 and below properties are for chrome specific browsers */
#savedPaymentListslot .iconImageSavedCard {
    bottom: 18px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #savedPaymentListslot .SavedcardInfo {
        bottom: 10px;
    }
}
@media screen and (max-width:1024px) {
    #paymentDetailDiv #cardForm.fields, #paymentDetailDiv .paymentOpts, #paymentDetailDiv #savePaymentInformationDiv.fields {
        width: 645px;
    }
}

/* layout changes for Brewer registration story */
#shop .brewerPdpWrapper {
    background-color: #e5e5e8;
}
#shop .brewerPdpImage {
    margin-top: 0;
}
.brewerPdpWrapper .productHeading {
    margin-bottom: 0;
    margin-top: 5px;
    text-align: left;
    font-family: "MarkOT-Regular";
}
.brewerPdpDescription .productIncludedContent {
    margin-top: 20px;
    margin-bottom: 20px;
}
.productreferences {
    background: #f2f2f2;
    width: 100%;
}
.productreferences .title {
    font-family: "MarkOT-Medium";
    font-size: 20px;
    padding: 0 0 15px 22px;
}
.productreferences .brewer-cards {
    padding-top: 5px;
}
.view-more-size {
    font-size: 12px;
    padding-top: 4px;
}
.highlightedfeatureicon {
    background-color: #e5e5e5;
}
.beverage-product-description .title, .highlightedfeatureicon .title {
    padding-left: 30px;
    padding-bottom: 10px;
    font-family: "MarkOT-Medium";
    font-size: 20px;
    line-height: 24px;
}
.highlightedfeatureicon .features-container {
    padding-left: 140px;
    border-bottom: 1px solid #bbbbbb;
    height: 90px;
    margin: 0 30px;
}
.highlightedfeatureicon .desc {
    font-family: "MarkOT-Bold";
    font-size: 14px;
    color: #8f9ca8;
}

/*socialMediaFeed story */
.row .facebookfeed, .row .pinterestFeed, .row .instagramFeed {
    float: left;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}
.social-plat .social-button {
    font-size: 20px;
    background-color: #ffe9b2;
    border: #fdc22e solid 1px;
    border-radius: 9px;
    padding: 5px 40px;
    display: inline-block;
    margin-bottom: 10px;
}
.row .facebookfeed > .box-shadow, .row .pinterestFeed > .box-shadow, .row .instagramFeed > .box-shadow {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    box-shadow: 0 0 20px #d3d3d3 inset;
    height: 760px;
    padding: 20px;
}
.social-plat {
    text-align: center;
}
.soc-fb {
    background-color: #3b5a99;
    display: inline-block;
    padding: 10px 15px 0 30px;
}
.soc-fb .fa {
    color: #fff !important;
    font-size: 50px;
}
.soc-pn {
    background-color: #cd2129;
    display: inline-block;
    padding: 10px 10px 5px;
}
.soc-pn .fa {
    color: #fff !important;
    font-size: 50px;
}
.soc-it {
    background-color: #2f689b;
    display: inline-block;
    padding: 10px 10px 5px;
}
.soc-it .fa {
    color: #fff !important;
    font-size: 50px;
}
.social-plat h2 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.container .widget-title-box {
    padding-left: 25px;
    padding-bottom: 10px;
    font-family: 'MarkOT-Medium';
    font-size: 20px;
    line-height: 24px;
}
.brewerPdpWrapperComponentRight .prod_quantity.clearfix.edgeBoth {
    display: none;
}
#exp18CustomColorPicker.brewerAppliancePdp {
    border-bottom: none;
}
.brewerPdpWrapperComponentLeft.left {
    border-right: 1px solid #ebebeb;
    width: 40%;
    min-height: 340px;
    margin-top: 30px;
    padding-left: 10px;
}
#multiAddToCartForm .customize_content.edgeBoth {
    height: auto;
}
#shop .appliancePDPPromotion {
    border: 1px solid #babbbb;
    clear: right;
    float: right;
    font-size: 13px;
    margin-right: 74px;
    padding: 8px;
    margin-top: 5px;
}
.brewerPdpWrapperComponentLeft .productIncludedContent {
    font-size: 16px;
    padding-right: 40px;
    width: 300px;
}
.brewerPdpDescription .brand {
    padding-right: 400px;
    font-size: 15px;
}
.brewerPriceWrapperPdp {
    overflow: hidden;
    padding-bottom: 10px;
}
#custom-onsale {
    font-family: 'MarkOT-Bold';
    padding-left: 283px;
    clear: right;
}
#custom-onsale.left {
    padding-left: 20px;
}
.pricingInfo .big-price {
    padding-left: 20px;
    padding-top: 5px;
    clear: left;
}
.brewerPdpWrapperComponentLeft .write, .brewerPdpWrapperComponentLeft .count {
    font-size: 12px;
}
.brewerPdpWrapperComponentRight .edgeBoth .yCmsContentSlot img {
    margin-left: 20px;
    margin-top: 11px;
}
#shop .prodReview .count {
    padding: 0;
}
.custom-color-label {
    float: left;
    font-size: 15px;
    width: 25%;
    margin-top: 30px;
}
.custom-color-swatch {
    width: 75%;
    float: right;
    padding-bottom: 10px;
}
.hot.kold.shop.beverages-hero {
    padding: 10px 0 0 0 !important;
    background-color: #e5e5e8;
}
#multiAddToCartForm .out-of-stock {
    margin-top: 0;
    width: 100%;
    overflow: hidden;
    padding-top: 10px;
}
#multiAddToCartForm .out-of-stock a {
    margin-bottom: 15px;
}
#shop .brewerPdpWrapperComponentLeft .productIncludedContent {
    font-size: 15px;
}
#shop.accessory-pdp .brewerPdpWrapperComponentLeft .productIncludedContent {
    max-width: 240px;
}
#multiAddToCartForm .brewer_options {
    display: none;
}
.brewerPdpWrapperComponentRight #multiAddToCartForm {
    width: 60%;
}
#exp18CustomColorPicker.brewerAppliancePdp .custom-color-swatch a.custom-color-picker-item {
    margin: 2px 6px;
}
#exp18CustomColorPicker.brewerAppliancePdp .custom-color-picker-header {
    margin-bottom: 0;
}
#exp18CustomColorPicker.brewerAppliancePdp .custom-color-selection.right {
    border-radius: 8px;
    color: black;
    font-size: 13px;
    margin-top: 0;
    background-color: #e5e5e8;
    height: 11px
}
@media screen and (max-width:1024px) {
    #shop .brewerPdpWrapperComponentRight .appliancePDPPromotion {
        margin-right: 12px;
    }
    .brewerPdpWrapperComponentRight .productDescription .yCmsContentSlot span {
        width: auto;
        margin-right: 18px;
    }
    #exp18CustomColorPicker.brewerAppliancePdp .custom-color-swatch {
        width: 85%;
    }
    #exp18CustomColorPicker.brewerAppliancePdp .custom-color-label {
        width: 15%;
    }
}
#genericContainer > div:nth-child(n+3) > div {
    padding-top: 50px !important;
}
#genericContainer header.division {
    margin-top: 0 !important;
}

/* fix for KHR-353 */
.cartItems .cartItems-moved #cartItems .entryPromotions {
    padding-left: 272px;
    padding-right: 195px;
}
#body.review-container .entryPromotions.span-24.text-left.bottom {
    left: 291px;
    padding-right: 660px;
}
#content .account-container.inner-page .entryPromotions {
    width: 120%;
}
#exp18CustomColorPicker {
    padding-top: 0;
}

/* KHR-684*/
#referenceGuide ul li:nth-child(odd) {
    background-color: #f2f2f2 !important;
}
#referenceGuide > .referenceGuideLink div {
    width: 474px !important;
}
#referenceGuide .left {
    margin-left: 10px;
}
#registerBrewerForm .ui-datepicker-append {
    color: #7e8a96;
    padding-left: 100px;
    text-decoration: underline;
}
#registerBrewerForm .control-label.registerBrewerFomLabel.serialLabel {
    padding-right: 30px;
}
#registerBrewerForm .registerBrewerFomLabel.dateLabel, #registerBrewerForm .control-label.registerBrewerFomLabel.purchaseFromLabel {
    padding-right: 25px;
}
#registerBrewerForm .control-label.registerBrewerFomLabel.whatInspiredLabel {
    width: 118px;
    padding-right: 25px;
}
#registerBrewerForm .control-label.registerBrewerFomLabel.passwordLabel {
    padding-right: 55px;
    margin-top: 7px;
}
#registerBrewerForm .control-label.registerBrewerFomLabel.confirmPasswordLabel {
    padding-right: 10px;
    margin-top: 7px;
}
#registerBrewerForm .control-label.registerBrewerFomLabel.emailLabel {
    padding-right: 30px;
    margin-top: 7px;
}
#registerBrewerForm .control-label.registerBrewerFomLabel.firstNameLabel {
    padding-right: 50px;
    margin-top: 7px;
}
#registerBrewerForm .control-label.registerBrewerFomLabel.lastNameLabel {
    padding-right: 50px;
    margin-top: 7px;
}
#registerBrewerForm .registerBrewerEmailLabel {
    padding-right: 30px;
    margin-top: 7px;
}
#registerBrewerForm .registerBrewerPasswordLabel {
    padding-right: 55px;
    margin-top: 7px;
}
.applianceOfferCheckbox {
    padding-left: 115px;
}
.applianceOfferCheckbox a {
    margin: 0;
}
#purchaseTypes_chosen a, #brewerTypeCode_chosen a {
    color: #7e8a96;
}
#content .applianceTopHeading {
    font-size: 30px;
}
#haveAnAccountLink, #notHaveAnAccountLink {
    color: #69b3e7;
}
.brewerFormContainer .active.personalInformationText {
    font-size: 25px;
}
.personalInformationTextForm {
    padding-top: 80px;
}
.ui-datepicker-trigger {
    bottom: 27px;
    left: 419px;
    position: relative;
    cursor: pointer;
}
#rightContainer {
    bottom: 110px;
    left: 50px;
    position: relative;
}
.purchaseInfoPara {
    margin-bottom: 15px;
}
#content .purchaseInfoFrom {
    padding-top: 20px;
}
.registerAppliancePurchaseFrom {
    padding-bottom: 60px;
}
#content .applianceListPageHeaderMsgContainer {
    clear: both;
}
#content h2.myApplianceHeading {
    font-family: "MarkOT-Regular";
    font-size: 30px;
    padding-bottom: 20px;
    padding-top: 5px;
}
#content .applianceListPageHeader {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}
#content .highlighted > th {
    font-size: 13px;
    text-align: center;
    font-weight: normal;
    vertical-align: middle;
    border: none;
}
#applianceListPage td.brewer_datePurchased, #content .highlighted>#header3 {
	text-align: left;
}
#applianceListPage .applianceFavouriteLink {
    background: none;
    color: orange;
    font-size: 13px;
    font-family: 'MarkOT-Bold';
    padding: 0;
    display: inline;
}
#applianceListPage td {
    border: none;
    vertical-align: middle;
    font-weight: normal;
    font-size: 13px;
    text-align: center;
    margin: 0;
    line-height: 0;
    background: #e8e9ea none repeat scroll 0 0;
}
#applianceListPage .applianceFavouriteLink {
    background: none;
    color: orange;
    font-size: 13px;
    font-family: 'MarkOT-Bold';
    padding: 0;
}
#applianceListPage {
	background-color: #fff;
}
#applianceListPage td {
    border: none;
    vertical-align: middle;
    font-weight: normal;
    font-size: 13px;
    text-align: center;
    margin: 0;
    line-height: 0;
    background: #e8e9ea none repeat scroll 0 0;
}
#applianceListPage td, #applianceListPage th {
	background: #fff;
}
td.brewer_sn {
	width: 22%;
}
#priceSpiderWidget {
    padding-top: 5px;
}
#priceSpiderWidget .ps-widget {
    margin-left: 20px;
    margin-right: 25px;
}
header.productionDataComponentContainer {
    border-top: none !important;
}
.productionDataComponentContainerTop {
    min-width: 1200px !important;
}

/* fix for KHR-664 */
.division.clearfix.productionDataComponentContainerTop {
    border-top: none;
}

/*fix for KHR-729 */
.brewerPdpWrapperComponentLeft .productIncludedContent li:first-child {
    width: 255px;
}

/*fix for KHR-740 */
#applianceComparisonComponent {
    width: 1200px;
}

/* KHR-737 */
@media screen and (max-width:1024px) {
    #registerBrewerForm .applianceOfferCheckbox a {
        display: block;
    }
}

/* KHR-921 */
@media screen and (max-width:1024px) {
    .productList.eGift .productListItem:first-child p {
        width: 160px;
    }
}

/*KHR-922*/
@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .giftcardThumbnailImage {
        pointer-events: none;
    }
}
@media screen and (max-width:1024px) {
    .applianceListPageHeaderContainer, .applianceListPageHeaderMsgContainer {
        width: 96% !important;
    }
}
.productList.eGift .productListItem .thumb {
    width: 28% !important;
}
.egift.message-area {
    width: 85% !important;
}

/*KHR-941*/
.registerBrewerWrapper {
    overflow: hidden;
}
.brewerFooterText {
    padding-bottom: 15px;
    padding-left: 25px;
}
.brewerFormContainer .left-content.purchaseInfoFrom {
    padding-bottom: 10px !important;
}

/*KHR-896 */
.termsPara {
    font-size: 13px;
}
.termsAndConditionsLink {
    text-decoration: underline;
}
.egift.terms {
    position: relative;
    top: 15px;
    right: 15px;
    padding-bottom: 20px;
}
#registerBrewerBottomOffer {
    font-size: 11px;
    font-family: "MarkOT-Book";
}
.registerBrewerCoverbanner {
    padding: 0;
}
.registerBrewerCoverbanner h2 {
    top: 50px;
    left: 110px;
}
.registerBrewerCoverbanner .container {
    text-align: left;
    padding-left: 435px;
    padding-top: 51px;
}
.headerFirstLine, .headerSecondLine {
    font-family: "MarkOT-Bold";
    font-size: 31px;
}
.headerSecondLine {
    padding-right: 25px;
    display: inline-block;
    margin-top: 11px;
}
.contentFirstLine, .contentSecondLine {
    font-family: "MarkOT-Medium";
    font-size: 19px;
}
.contentSecondParagraph {
    font-family: "MarkOT-Bold";
    font-size: 13px;
    padding-right: 100px;
    font-weight: 600;
}
.contentFirstLine {
    padding-top: 30px;
}
.contentSecondLine {
    padding-bottom: 30px;
}

/*fix for KHR-985 */
#content .applianceRegisterWelcome {
    background-color: #3cb14a;
    color: white;
    font-size: 13px;
    padding: 12px;
    font-family: arial;
    text-align: center;
    margin-bottom: 0;
}
.applianceRegisterWelcome a {
    color: #12f0d8;
}
.rewardsCatalogTerms {
    position: relative;
    bottom: 130px;
    font-size: 10px;
    color: #333;
    font-family: "MarkOT-Regular";
}
.rewards-h1.dropshipCatalog {
    bottom: 120px !important;
    font-family: "MarkOT-Light";
}
.dropshipRewardsTerms {
    position: relative;
    bottom: 142px;
    font-size: 10px;
}
.dropshipRewardsTerms p {
    margin: 0;
    position: relative;
    top: 32px;
    font-family: "MarkOT-Book";
}
.rewards-h2.dropshipCatalog2 {
    bottom: 108px !important;
    font-family: "MarkOT-Regular";
}
.discounts.noBrdr.dropshipCartTerms {
    font-size: 9px;
    text-align: center;
    font-family: "MarkOT-Regular";
    color: #333;
}
.discounts.noBrdr.dropShipCartPara {
    padding-right: 230px;
}

/*Styles for BeveragePDP */
.beverage-pdp {
    background-color: #fff;
}
.beverage-pdp .productHeading {
    margin-top: 3px;
    margin-bottom: 7px;
    font-family: 'MarkOT-Bold';
}
.beverage-pdp .brewerPdpWrapperComponentRight {
    margin-top: 10px;
    margin-bottom: 1.5em;
    padding-left: 19px;
}
.beverages-hero .brewerPdpDescription .brewerPdpWrapperComponentRight .social-links-container {
    float: left;
    text-align: left !important;
    width: 28%;
    margin-left: 7px;
}
.beverages-hero .brewerPdpDescription .brewerPdpWrapperComponentRight .social-links-container div>iframe {
    margin-left: -2px;
}
.brewerPdpDescription .brewerPdpWrapperComponentRight .social-links-container div>iframe {
    margin-left: -6px;
}
.beverage-pdp .roast_profile {
    margin-top: 2em;
    margin-bottom: 2em;
}
.beverage-pdp .roast_profile span {
    display: block;
    font-size: 11px;
}
.beverage-pdp .roast_profile .textGrey {
    padding-bottom: 10px;
}
.beverage-pdp .roast_profile .left, .beverage-pdp .roast_profile .right {
    width: 10%;
}
.beverage-pdp .roast_profile img {
    width: 80%;
}
.beverage-pdp .roast_profile .roast_indicator_holder .roast_indicator:after, .beverage-pdp .roast_profile .roast_indicator_holder .roast_indicator:before {
    left: 0;
}
.beverage-pdp .prod_info {
    margin-bottom: 54px;
}
.beverage-pdp .prod_quantity a {
    float: left;
}
.beverage-pdp .prod_quantity .count {
    float: left;
    line-height: 30px;
    height: 30px;
    display: block;
    width: 28px;
    text-align: center;
    margin: 0 5px;
    padding: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
}
.package-variant {
    border: 2px solid #E3E3E3;
    width: 156px;
    height: 70px;
    padding: 8px;
    float: left;
    margin: 0 10px 10px 0;
    text-align: center;
    font-family: 'MarkOT-Bold';
}
@media screen and (max-width:1024px) {
    .package-variant {
        width: 125px;
        padding: 4px 0;
    }
    .checkoutProcess .steps li {
        min-width: 170px;
    }
    .checkoutProcess .prettycheckbox .radio_button {
        display: none !important;
    }
    .checkoutProcess div.clearfix.prettycheckbox a {
        display: block;
    }
    .checkoutProcess div.prettycheckbox {
        display: inline-block;
        float: none;
    }
    .checkoutProcess .prettycheckbox label {
        position: inherit;
    }
}
.package-variant.selected {
    border-color: #FCAA04;
    background-color: #E3E3E3;
}
#brewer-compat-popup, #auto-delivery-popup {
    display: none;
    width: 225px;
    padding: 10px;
    position: absolute;
    z-index: 10;
}
#auto-delivery-popup {
    border: 2px solid #bfbfbf;
    background-color: #f1f1f1;
    padding-left: 6px;
    width: 230px;
}
#auto-delivery-popup .auto-delivery {
    width: 170px;
    font-size: 25px;
    position: absolute;
}
#auto-delivery-popup .auto-delivery-sub-heading {
    width: 170px;
    font-size: 13px;
    position: absolute;
    top: 38px;
    left: 56px;
}
#auto-delivery-popup .auto-delivery-info {
    width: 217px;
    height: auto;
    font-family: "MarkOT-Regular";
    font-size: 13px;
    color: #333;
    margin-bottom: 10px;
}
#auto-delivery-popup .ad-icon {
    background: url(../images/ADIcon.png) no-repeat top;
    float: left;
    text-align: center;
    width: 42px;
    height: 42px;
    margin-bottom: 5px;
}
#auto-delivery-popup hr {
    background-color: #bfbfbf;
    margin-bottom: 15px;
}
#auto-delivery-popup a {
    font-family: "MarkOT-Medium";
    font-size: 14px;
    color: #333;
}
#auto-delivery-popup a.angleBracket:before {
    color: #f8c612;
}
#egiftInvalidateForm .chosen-container {
    width: 300px !important;
}
.color-variant-qty {
    padding: 0 150px 20px 0;
}
.scroller {
    background-color: #e5e5e8;
    padding: 20px;
}
.scroller .title {
    padding-bottom: 20px;
}
.scroller .card {
    background-color: #fff;
}
.scroller .priceContainer, .details {
    padding-left: 10px;
}
.text-link.nutrition.popup-link {
    text-decoration: none;
}
.kold.medium-4.columns.beveragePdpWrapper {
    border-right: 1px solid;
}
.beveragetopContent {
    padding-left: 409px;
}
.subtotalli.text-right.dropshipCartItemsAlign {
    width: 140px;
}
.beveragePromotion {
    color: #808080;
    font-size: 13px;
    font-family: 'MarkOT-Bold';
    text-align: center;
}
.accessoriesPromotion {
    padding-top: 49px;
    font-size: 10px;
    font-family: 'MarkOT-Bold';
    color: #808080;
}
.brand-highlight {
    height: 275px;
    background-size: cover;
    padding: 20px 50px;
}
.brand-highlight span {
    font-size: 16px;
}
.discounts.noBrdr.dropshipMyRewards {
    padding-left: 20px;
    font-size: 12px;
    font-family: "MarkOT-Regular";
    color: #333;
    position: relative;
    top: -42px;
}
.discounts.noBrdr.dropshipAccountReward {
    padding-left: 20px;
    font-size: 12px;
    font-family: "MarkOT-Regular";
    color: #333;
    position: relative;
    bottom: 36px;
}
.discounts.noBrdr.dropshipAccountReward .dropshipAccountReward-head1 {
    font-family: "MarkOT-Bold";
}
.dropshipAccountReward-Line3 {
    line-height: inherit;
}
.flat-bg-container.white.full.dropShipClubPoints {
    bottom: 5px;
    position: relative;
}
#wrapper .left-content.dropShipClubAlignment {
    padding-top: 0;
}
.discounts.noBrdr.dropshipClubKeurigTerms ul li {
    list-style-type: disc;
}
.discounts.noBrdr.dropshipClubKeurigTerms ul {
    padding-left: 20px;
}
.promotion-content {
    font-size: 14px;
    font-family: 'MarkOT-Bold';
}
ul li.expiryNotificationTag {
    font-size: 16px;
    background-color: #3cb14a;
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#socialmediaid {
    padding-bottom: 20px;
}
.invalidateLink {
    color: #929AA5;
    cursor: pointer;
}
.invalidateLink.disable {
    color: #333;
    pointer-events: none;
}
.nobo_giftcard_controls {
    display: inline-block;
    padding-right: 15px;
}
.accessory-color-swatch {
    float: left;
    width: auto;
}
#expiryNotificationLightBoxContent {
    top: 5px;
    width: 360px;
    left: -360px;
    height: 190px;
    overflow-y: auto;
    z-index: 1010;
    position: relative;
    background-color: #fff;
    box-shadow: 1px 1px 10px 0 rgba(30, 30, 30, .2);
}
#expiryNotificationLightBoxContent .expiryNotificationLightBoxCount {
    font-family: 'MarkOT-Bold';
    padding: 10px 0 5px 15px;
    border-bottom: 1px solid;
    display: inline-block;
    width: 100%;
    color: #737373;
}
#expiryNotificationLightBoxContent ul li.expiryNotificationLightBoxCardInfo {
    font-size: 15px;
    line-height: 15px;
    padding-top: 15px;
}
#expiryNotificationLightBoxContent ul li.expiryNotificationLightBoxCardInfo a {
    background-color: #FFF;
    padding: 0px;
    color: #333;
}
#expiryNotificationTopCount.content {
    border-radius: 50%;
    background-color: #929aa5;
    width: 25px;
    height: 25px;
    color: #fff;
    padding-left: 8px;
    padding-top: 2px;
    position: relative;
    right: 17px;
}
.brew-instructions {
    margin-bottom: -4px;
    background-color: #e5e5e5;
}
.brew-instructions span {
    padding-left: 20px;
    font-size: 14px;
    font-family: MarkOT-Bold;
}
.brew-instructions img {
    padding-top: 10px;
}
.shipReview.dropshipMessageAlignFix {
    padding-top: initial;
}
.dropshipMessageReview {
    padding-bottom: 20px;
}
#wrapper .brewerPdpWrapperComponentRight.promotion-content {
    text-align: center;
    margin-bottom: 5px;
}
#shop .columns.productImage.beveragePdpPage {
    right: 60px;
}
#shop .brand.accessory-pdp {
    padding-left: 2px;
}
#hideContainerForDropship .prettyradio a {
    margin: 0;
    margin-right: 5px;
}
#brewer-compat-popup .closeBtn {
    top: 18px;
    left: 16px;
}
#brewer-compat-popup {
    top: 80px;
}
.beverage-product-description {
    background-color: #e5e5e5;
    padding-bottom: 40px;
}
.beverage-product-description .product-description {
    width: 65%;
    font-family: 'MarkOT-Regular';
    font-size: 14px;
    line-height: 20px;
    padding-top: 5px;
    padding-left: 30px;
}
#genericContainer > div:nth-child(n+3) > div.beverage-product-description {
    padding-top: 25px !important;
}
.specifics.beverage-pdp {
    padding-right: 350px;
}
.accessory-pdp #custom-onsale {
    margin-top: 30px;
    padding: 0 0 10px 271px;
    font-family: MarkOT-Bold;
    font-size: 14px;
}
.accessory-pdp .product-price {
    padding-left: 271px;
    margin-bottom: 25px;
    font-family: MarkOT-Medium;
    font-size: 25px;
}
.accessory-pdp #addToAutoDeliveryButton {
    margin-left: 11px;
    width: 92% !important;
}
.accessory-pdp #exp18CustomColorPicker.brewerAppliancePdp .custom-color-selection.right {
    background-color: #fff;
}
.accessory-pdp .productHeading {
    text-align: left;
    margin: 15px 0 0 0;
}
.accessory-pdp .brewerPdpDescription .productIncludedContent {
    margin-top: 0;
    padding-left: 10px;/*fix for KCOM 5186*/
}
.beverage-pdp .brewerPdpWrapperComponentRight li {
    font-size: 17px
}
@media screen and (max-width:1024px) {
    .brewerPdpWrapperComponentLeft .productIncludedContent li:first-child {
        width: 200px !important;
    }
    .brewerPdpWrapperComponentLeft .productIncludedContent {
        width: 238px;
    }
    .accessory-pdp .brewerPdpWrapperComponentLeft .productIncludedContent li:first-child {
        width: 200px !important;
    }
    .accessory-pdp #s7Frame {
        width: 450px !important;
        bottom: 44px;
    }
    #s7Frame.s7frameWrapper {
        width: 460px !important;
        right: 80px;
    }
    .accessory-pdp #custom-onsale {
        padding: 0 0 10px 230px;
    }
    .accessory-pdp .product-price {
        padding-left: 230px;
    }
    .accessory-pdp #exp18CustomColorPicker.brewerAppliancePdp .custom-color-swatch {
        width: auto;
    }
    .beverage-pdp .autoDeliveryPopup {
        right: 355px !important;
    }
    #apply-giftcard-popup {
        right: 50px;
    }
}
.beverage-pdp .brewerPdpWrapperComponentRight ol, .accessortPdpContent .productIncludedContent ol {
    list-style-type: disc !important;
}
.roastWrapper {
    min-height: 30px;
}
#checkoutOrderDetails .basketPageTitle {
    padding-left: 15px;
}
.deliveryCartItems.alt.alt-header thead .accountDelivery th {
    padding: 8px 10px 10px 10px;
    font-size: 14px;
}
.deliveryCartItems.alt.alt-header tbody td {
    font-size: 14px;
}
.paymentEntry {
    min-height: 200px;
    min-width: 255px;
}
#savedPaymentListslot .paymentListslot .paymentEntry:nth-child(odd) {
    float: right;
}

/*#savedPaymentListslot .paymentListslot .paymentEntry:nth-child(even) {
float: left;
}*/
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {

    /* IE10+ CSS styles go here */
    .payment-container .icons-co-credit-cards-container {
        left: 315px;
    }
}
#invalidateGift {
    width: 450px;
}
@-moz-document url-prefix() {
    #savedPaymentListslot .iconImageSavedCard {
        bottom: 15px;
    }
}
#selectFundingPayPalPaymentDiv .clearfix.prettycheckbox.labelright.blue {
    padding-top: 15px;
}
.brewerPdpWrapperComponentLeft.accessortPdpContent .productIncludedContent li:first-child {
    width: 230px;
}
.product-description.accessortPdp-Description {
    font-size: 14px;
}
.quantity.color-variant-qty.clearfix.accessoryPdpQty {
    padding-top: 10px;
    padding-bottom: 20px;
}
div.out-of-stock.accessoryPdPOutOfStk {
    padding-top: 0;
}
#wrapper .maxContentWidth.withPadding.cssForSectionProductWhenNoFAQ {
    width: 65%;
}
#wrapper .maxContentWidth.withPadding.cssForSectionProductWhenFAQ {
    width: 45%;
}
.accessory-pdp #exp18CustomColorPicker {
    padding-bottom: 0;
}
#nutrition-modal.bev-nutrition {
    width: 875px;
}
#content .prod_quantity.clearfix.brewer_pdp {
    padding-left: 20px;
}
#editGiftCardLinkDiv > a {
    color: #8BBCDF;
}
#editGiftCardValueBlock > a {
    color: #8BBCDF;
}
#editGiftCardValueBlock > input {
    width: 100px;
    display: inline-block;
}
#editGiftCardValueBlock > button {
    min-width: 50px;
    margin-left: 8px;
    padding-top: 6px;
    padding-bottom: 7px;
    display: inline-block;
}
#apply-giftcard-popup {
    display: none;
    width: 300px;
    position: absolute;
    z-index: 10;
}
.giftcard-popup-content {
    border: 1px solid #ebebeb;
    background-color: #fff;
    padding: 20px 10px;
    text-align: justify;
    width: 314px;
    margin-top: -10px;
}
#content .quantity.right.brewer_plusminus {
    padding-right: 240px;
    padding-bottom: 10px;
}
.description .shippedTrackingLink {
    text-decoration: underline;
}
.exceed-gift-card-balance {
    color: red;
    font-size: 13px;
    line-height: 15px;
}
.special-character-restrict {
    color: red;
    font-size: 13px;
    line-height: 15px;
}
.checkoutProcess .popup-link {
    display: block;
    text-align: center;
    position: relative;
}
.social-links-container {
    margin-top: 0;
    display: table;
    float: none;
    width: 160px;
    margin: 0 auto;
}

/*.beverage-pdp .social-links-container{
margin-top: 10px;
}*/

/* COUPON POPUP STYLES */


#couponPopup {
    margin-top: 20px;
}
#couponPopup .close {
    position: absolute;
    top: 5px;
    right: 22px;
}
#couponPopup .content .headline1, #couponPopup .content .headline2 {
    color: #8D99A7;
    font-family: 'MarkOT-Bold';
}
#couponPopup .content .headline1 {
    font-size: 50px
}
#couponPopup .content .headline2 {
    font-size: 61px;
    line-height: 0.7;
}
#couponPopup .content .headline3 {
    font-size: 30px;
    line-height: 2.0;
}
#couponPopup .content .blurb {
    font-size: 25px;
}

/*#couponPopup .content .blurb label {
font-family:'MarkOT-Bold';
}*/
#couponPopup .content .blurb p {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 20px;
    margin-bottom: 20px;
}
#couponPopup .content span {
    font-size: 20px;
}
#couponPopup .content span.code {
    margin-left: 15px;
    color: #F8C612;
    font-family: 'MarkOT-Bold';
}
#couponPopup .content .btn-box {
    padding: 14px 65px 13px;
    margin: 20px;
}
#couponPopup .content .left .btn-box {
    margin-left: 0;
}
#couponPopup .content .left .blurb p {
    padding-left: 0;
}
#couponPopup .content .expires {
    font-size: 15px;
    font-family: 'MarkOT-Bold';
}
#couponPopup .content .tncContent {
    font-size: 12px;
    background-color: #f1f1f1;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 0;
    border-top: 1px solid #d7d7d7;
}
#couponPopup .content.no-coupon h1 {
    color: #F94C45;
    font-size: 45px;
    font-family: 'MarkOT-Bold';
    margin-bottom: 20px;
}
#couponPopup .content.no-coupon span.code {
    color: #F94C45;
}
#couponPopup .content.no-coupon span, #couponPopup .content.no-coupon label {
    font-size: 24px;
}
#couponPopup .content.no-coupon .btn-box {
    margin-bottom: 40px;
    padding: 14px 121px 13px;
}

/*WITH IMAGE*/
#couponPopup .content .right .blurb p {
    padding-left: 0;
    padding-right: 0;
}
#couponPopup .content .right .btn-box, #couponPopup .content.no-coupon span.code {
    margin-left: 0;
}
#couponPopup .content img, #couponPopup .content .left {
    margin-left: 10px;
}
.brewerPdpDescription .brewerPdpWrapperComponentRight .social-links-container {
    position: inherit;
    float: none;
    width: 28%;
    padding-top: 15px;
    padding-right: 26px;
}
#silentOrderPostForm > .headline {
    padding-bottom: 15px;
}

/*Fix for KCOM-3680 Desktop*/
#silentOrderPostForm #redeem-giftcard {
    margin: 15px 0 8px;
}
.balance-inquiry {
    margin-top: 25px;
    overflow: hidden;
}
.balance-inquiry .giftCard {
    padding-left: 6px;
}
.balance-inquiry .giftCard input[type="button"], #couponOK {
    -webkit-appearance: none;
    border-radius: 0;
}
.balance-inquiry .giftCard .pin {
    margin-top: 20px;
}
.balance-inquiry #messageContainer .smallerCopy {
    display: inline-block;
    padding-right: 25px;
    text-align: right;
    width: 50%;
}
#genericContainer>div:nth-child(n+3)>.balance-inquiry {
    padding-top: 20px !important;
}
.original-price {
    text-decoration: line-through;
}
.new-price {
    color: #D51510 !important;
}
.disount-price {
    display: none;
    font-size: 1.417em;
    padding-left: 20px;
    padding-top: 5px;
}
div.twitter {
    display: table-cell;
    overflow: hidden;
    padding-top: 0;
    width: 20px;
}
.price-list {
    float: left;
}
.products li .prod_info .price-list p {
    float: none;
    display: block;
    margin-bottom: 7px;
}
.social-links-container div> iframe {
    margin-left: -5px;
    width: 23px !important;
}
#colorbox {
    z-index: 2147483646 !important;
}
.new-price-row {
    display: none;
}
.beverages-hero .new-price, .new-price {
    color: #D51510 !important;
    font-weight: 700;
}
.beverages-hero .social-links-container {
    margin-top: 10px;
}

/*Custom preloader CSS starts*/
#preloaderContainer {
    position: fixed;
    background-color: rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1000000;
    text-align: center;
    vertical-align: middle;
}
#preloaderContainer > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*Custom preloader CSS ends*/
.list-view .price-row .reg-price {
    font-weight: 700;
    width: 30% !important;
}
.beveragePdpPage .pricingInfo {
    margin-bottom: 15px;
}

/*Bundle PDP*/
.bundle-discount-price {
    width: 100%;
    padding: 10px 0 0 20px;
    font-size: .8em;
    color: red;
}
@media screen and (max-width:1024px) {
    .s7mixedmediaviewer {
        width: 375px !important;
    }
}

/* Fixed for KCOM-4209 */
#ch-exp-2-try-before-buying {
    overflow: hidden;
    float: left;
    margin-top: 20px;
}
#multiAddToCartForm #divAddTOCart #addToCartButton {
    margin-bottom: 15px;
}
@media screen and (max-device-width:640px) {
    .cover-image {
        background-position: 50% 50%;
        padding-top: 115px;
    }
    .cover-image h1 {
        font-size: 18px;
        margin: 0;
    }
    .cover-image h2 {
        font-size: 11px;
    }
}
#ui-datepicker-div {
    position: absolute;
    top: 0;
}
.alert-reorder.neutral-reorder {
    border-color: #4c5053;
    color: #333;
    background-color: #f1be48;
    margin: 20px 0 20px 0;
    position: relative;
    display: inline-block;
    width: auto;
    text-align: left;
    padding: 15px 20px;
}
.alert-reorder.neutral-reorder .corner {
    border-color: #ffaf01 #fff #fff;
    border-style: solid;
    border-width: 10px;
    bottom: -20px;
    height: 10px;
    left: 20px;
    position: absolute;
    width: 10px;
}
#egiftInvalidateForm .controls .chosen-container, .account-container form.payment-container .controls .chosen-container {
    display: inline-block;
}
.yCmsContentSlot.footer {
    font-size: 18px;
}

/* checkout Login page */
.checkoutLogin .sectionTitle {
    font-family: MarkOT-Light;
    font-size: 42px;
    line-height: 42px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    color: #333;
}
.checkoutLogin .sec .title {
    font-family: MarkOT-Light;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    color: #68676B;
    border-bottom: none;
    padding-bottom: 0;
}
.checkoutLogin .keurig-btn--msg {
    font-family: MarkOT-Light;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #949494;
}
.checkoutLogin #password-forgotten {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #333;
    border-bottom: 2px solid #f1be48;
}
.checkoutLogin #password-forgotten:hover {
    border-color: #2F4053;
}
.checkoutLogin #password-forgotten:active {
    color: #68676B;
    border-color: #68676B;
}
/*
#content #body.checkoutLogin {
    background: #ffffff;
    width: 800px !important;
    margin: auto;
}
*/

.checkoutLogin #password-forgotten:before {

    /*content: ' ';
    width: 12px;
    left: -2px;
    display: inline-block;
    position: relative;
    background: url(../images/top_navigation_icons.png) no-repeat;
    background-position: -21px -205px;
    height: 16px;
    top: 3px;*/
}

/* commented for dep login */
/* .form-new.checkoutLogin .span-24 .span-12 {
    border: none;
}
.checkoutLogin .span-24 h1 + .span-12 {
    border-right: 2px solid #ebebeb;
}
.checkoutLogin .button-row {
    margin: 35px 0;
}
#body.checkoutLogin .new .edgeBoth {
    float: right;
    padding-right: 0;
    padding-left: 25px;
} */

.breadcrumb {
    padding: 6px 10px 6px 10px;
}

.nav.row.simplified-header {
    border-bottom: 0;
}

/**** Verification Pop up ****/
.QAS_Header {
	display: block;
	padding: 0.6em 2.5em;
	position: relative;
	background: #ffff99;
}

.QAS_Prompt, .QAS_RightDetails {
	padding-top: 2.2em;
	padding-left: 38px;
	float: left;
    color: #333333;
    font-size: 14px;
    line-height: 15px;
	padding-bottom: 30px;
	width: 50%;
}

.QAS_RightDetails {
	padding-left: 28px;
}
.QAS_Prompt {
	width: 50%;
}
.QAS_RightDetails { 
	width: 50%;
}
.QAS_Input {
	padding: 0;
	float: left;
}
#QAS_Dialog {
	font-size: .875rem;
}
.QAS_RightDetails {
	overflow-x: hidden;  /* overflow-y: auto; */
}
.QAS_RightSidePrompt {
	padding-bottom: 0.5em;
}
.QAS_RightSidePromptText {
	padding-bottom: .5em;
	text-align: left;
	font-family: "MarkOT-Medium";
}

/* .QAS_RightDetails table {
	font-size: .9em;
	width:300px;
} */
.exp_table {
	font-size: 1em;
	width: 300px;
}
.QAS_EditLink {
	font-size: .8em;
	padding-left: 1em;
}
.QAS_Picklist {
	padding-top: 0em;
	padding-left: 0em;
	width: 100%;
	float: left;
	font-size: 1em;
	padding-bottom: 0em;
	margin-bottom:0px;
}
.QAS_DeliverableWarning {
	font-size: .8em;
	padding-top: .6em;
}
.QAS_Pick {
	font-size: 1em;
	width: auto;
	overflow: auto;
}
.QAS_MultPick {
	font-size: 1em;
	width: 100%;
	height: 190px;
	overflow: auto;
}
.QAS_ShowPick {
	/* padding-bottom: .6em; */
	padding-left: 5px;
	/* margin-top: 30px; */
	text-transform: none;
}
.QAS_OriginalMessage table {
	border-collapse: collapse;
}
.QAS_Pick table, .QAS_MultPick table {
	font-size: 1em;
	padding-right: 0;
}
.QAS_Pick table td, .QAS_MultPick table td {
	padding-right: 0px;
}
.QAS_PromptText {
	margin-bottom: 1.4em;
	text-align: left;
	font-family: "MarkOT-Medium";
}
.QAS_PromptData table {

	/* background-color: #e0e0ff; */
}
#QAS_RefineText {
	background: #eaecf6;
	border: 1px solid #aaaab8;
	width: 100px;
}
#QAS_RefineBtn, #QAS_AcceptOriginal, #QAS_NoApt, #QAS_FinishEdit, #QAS_Edit, #QAS_ShowPick, #QAS_AcceptOriginal1 {
	padding: 10px 24px;
	font-size: 1em;
	-webkit-appearance: none;
	float: left;

}
#QAS_NoApt {
	margin-top: .5em;
}

#QAS_ShowPick:hover,
#QAS_AcceptOriginal1:hover,
#QAS_Edit:hover {
	color: #333;
}

#QAS_ShowPick:active,
#QAS_AcceptOriginal1:active,
#QAS_Edit:active {
	color: #333;
}


/* End */

/**** showloading ****/
.loading-indicator {
	height: 80px;
	width: 80px;
	background: url( '../img/loading.gif' );
	background-repeat: no-repeat;
	background-position: center center;
}
.loading-indicator-overlay {
	background-color: #FFFFFF;
	opacity: 0.6;
	filter: alpha(opacity = 60);
}

/********JQUERY CSS*********/

/* Layout helpers */
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	position: absolute;
	left: -99999999px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.ui-helper-clearfix {
	display: inline-block;
}
.ui-helper-clearfix {
	display: block;
}

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
	height: 1%;
}
.ui-helper-clearfix {
	display: block;
}

/* end clearfix */
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0);
}

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

/* states and images */

/* .ui-icon { 
display: block; 
overflow: hidden; 
background-repeat: no-repeat; 
}  */

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #666666;
	opacity: .60;
	filter: Alpha(Opacity=60);
}

/* Component containers */
.ui-widget {
	font-family: "MarkOT-Regular";
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 15px;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: Tahoma, sans-serif;
	font-size: 15px;
}
.ui-widget-content {
	border: 1px solid #aaaab8;
	color: #333;
	background: #ffffff;
}
.ui-widget-content a {
	color: #333;
}
.ui-widget-header {
	font-weight: 400;
	border: none;
}
.qas-title {
	border: 1px solid #aaaab8;
	background: #41b6e6;
}
.ui-widget-header a {
	color: #333;
}

/* Interaction states */
.ui-widget:active {
	outline: none;
}

/* Interaction Cues */

/* Overlays */
.ui-widget-overlay {
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa;
	opacity: .30;
	filter: Alpha(Opacity=30);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

/****** Dialog *********/
.ui-dialog {
	position: absolute;
	padding: 0;
	width: 300px;
	overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar {
	padding: 2em 1em 1.5em 2.2em;
	position: relative;  
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 20px;
	color: #333333;
	text-transform: uppercase;
	background: #ffffff;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 16px .2em 0;
    }
.ui-dialog .ui-dialog-titlebar-close {
	background-image: none;
	position: absolute;
  	right: 20px;
  	top: 20px;
  	width: 32px;
  	height: 32px;
	display: block;
	z-index: 10;
	border: none;
	text-indent: -9999px;
	background: none;
	cursor: pointer;
}
.ui-dialog .ui-dialog-titlebar-close:before, .ui-dialog .ui-dialog-titlebar-close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 20px;
  width: 2px;
  background-color: #333;
}
.ui-dialog .ui-dialog-titlebar-close:before {
  transform: rotate(45deg);
}
.ui-dialog .ui-dialog-titlebar-close:after {
  transform: rotate(-45deg);
}

.ui-dialog .ui-dialog-titlebar-close span {
	display: none;
	margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
	padding: 0;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: 0;
	background: none;
	overflow: auto;
	zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin: .5em 0 0 0;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 14px;
	height: 14px;
	right: 3px;
	bottom: 3px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

/******** Button *****/
input.ui-button {
	padding: 0.4em 1em;
}
.ui-button {
	cursor: pointer;
	display: inline-block;
	margin-right: 0.1em;
	overflow: visible;
	padding: 0;
	position: relative;
	text-align: center;
	text-decoration: none !important;
}

/*********Custom Popup***********/
#popup-dialog-overlay {

	/* set it to fill the whil screen */
	width: 100%;
	height: 100%;	/* transparency for different browsers */
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	background: #333;	/* make sure it appear behind the dialog box but above everything else */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10001;	/* hide it by default */
	display: none;
}
#popup-dialog-box {

	/* css3 drop shadow */
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);	/* css3 border radius */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fff;	/* styling of the dialog box, i have a fixed dimension for this demo */
	width: 328px;	/* make sure it has the highest z-index */
	position: absolute;
	z-index: 10002;	/* hide it by default */
	display: none;
}
#popup-dialog-box .popup-dialog-content {

	/* style the content */
	text-align: center;
	padding: 10px;
	margin: 13px;
	color: #666;
	font-size: .875rem;
}
a.okbutton {

	/* styles for button */
	margin: 10px auto 0 auto;
	text-align: center;
	background-color: #db9623;
	display: block;
	width: 60px;
	padding: 10px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-family: 'MarkOT-Bold';
	line-height: 1;	/* css3 implementation :) */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	position: relative;
	cursor: pointer;
}

/* extra styling */
#popup-dialog-box .popup-dialog-content p {
	font-weight: 700;
	margin: 0;
}
#popup-dialog-box .popup-dialog-content ul {
	margin: 10px 0 10px 20px;
	padding: 0;
	height: 50px;
}
#experianOK {
	padding: 10px 20px 10px;
	margin-top: 8px;
}

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	border-top-left-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-top-right-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	border-bottom-left-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-bottom-right-radius: 0;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	color: #ffffff;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: none;
}
.ui-datepicker .ui-widget-content a, .ui-datepicker .ui-widget-header a {
	color: #333;
}
.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default, .ui-datepicker a.okbutton {
	color: #333;
}
.ui-datepicker.ui-corner-all {
	border-radius: 10px;
}
.ui-datepicker a.ui-state-active {
	color: #f8c612;
}
.ui-datepicker .ui-datepicker-calendar td > span.ui-state-default {
	color: #929aa5;
}






/*reskinning experian popup*/
#QAS_Dialog .QAS_Header {
    border: 1px solid #333333;
	background-color: #333333;
	text-align: left;
}


#QAS_Dialog .QAS_Header .translation {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 20px;
    font-family: "MarkOT-Regular";
}

#QAS_Dialog tr td+td select:disabled{
	background-color: #fff;
    border: none;
    text-align: left;
    padding: 0;
    font-size: 1em;
    font-family: "MarkOT-Medium";
    width: 100%;
    margin: -10px 0;
    background: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-margin-left: -4px;

}
.ui-widget input[type="button"] {
	font-size: 0.8em;
	font-family: "MarkOT-Regular";
    line-height: 18px;
}

#QAS_AcceptOriginal {
    border-radius: 2px;
 
    font-family: "MarkOT-Bold";
}
#QAS_RefineBtn {
	font-family: "MarkOT-Bold";
	margin-top: 25px;
}

#QAS_Edit {
    background: #fff;
    border: none;
    border-bottom: 2px solid #F9C309;
    padding: 0;
    margin-left: 20px;
}
.QAS_PromptText .translation, .QAS_RightSidePromptText .translation{
    font-size: 14px;
    text-transform: uppercase;
	color: #333333;
	font-family: MarkOT-Medium;
}
.ui-widget input[type="button"]:hover {
	background: #F9C606;
	color: #333333;
}
#QAS_Dialog tr, #QAS_Dialog tr:nth-of-type(even) {
    background: #fff;
}
#QAS_Dialog tr td {
	padding: 5px 5px 5px 0;
    font-size: 14px;
    width: 140px;
    letter-spacing: 0.5px;
}
#QAS_Dialog tr td+td {
    font-family: "MarkOT-Medium";
	font-size: 16px;
	width: 243px;
    padding-right: 20px;
}
#QAS_AcceptOriginal, #QAS_RefineBtn {
	font-size: 1em;
    padding: 0.68em 1.56em 0.68em 1.25em;
}
#QAS_AcceptOriginal, #QAS_Edit {
	margin-top: 35px;
}
#QAS_ShowPick {
	background: none;
	border: none;
    border-bottom: 2px solid #F9C606;
    padding: 0;
    line-height: 18px;
    font-size: 1em;
    font-family: "MarkOT-Regular";
}
#QAS_Dialog .QAS_Pick tr:nth-of-type(odd),  #QAS_Dialog .QAS_MultPick tr:nth-of-type(odd){
    background: #EBEBEB;
}
#QAS_Dialog .QAS_Pick tr td+td,  #QAS_Dialog .QAS_MultPick tr td+td{
    font-family: "MarkOT-Regular";
	vertical-align: middle;
	text-align: left;
}
#QAS_Dialog .QAS_Pick tr td,  #QAS_Dialog .QAS_MultPick tr td{
    padding: 15px 0px 15px 10px;
	vertical-align: middle;
	text-align: left;
    font-family: "MarkOT-Regular";
}
#QAS_RefineBtn {
    border-radius: 2px;
    display: block;
}
.confirm-conatiner #QAS_RefineBtn {
 	position: absolute;
 	right: 0;
 	top: 0;
 	margin: 0;
}
#QAS_RefineText {
    background: #fff;
    border: 1px solid #d2d2d2;
    width: 338px;
    border-radius: 3px;
    position: relative;
    height: 40px;
    margin: 0;
}
.confirm-conatiner {
    position: relative;
}

#QAS_Dialog .QAS_Prompt ~ .QAS_Picklist {
	padding-top:0;
}
#QAS_Dialog .QAS_Pick--show {
    max-height: 190px;
    display: none;
	margin-top: 10px;
	position: relative;
    top: 10px;
}
#QAS_Dialog .QAS_Pick--show > .nano-pane , #QAS_Dialog .QAS_MultPick--show > .nano-pane {
	border-radius: 3px;
	width: 10px;
    right: 0;
    height: 100%;
}

#QAS_Dialog .QAS_Pick--show > .nano-pane > .nano-slider, #QAS_Dialog .QAS_MultPick--show > .nano-pane > .nano-slider {
    background: #999999;
    border: 3px solid #999999;
    margin: 0 4px;
    width: 10px;
}
#QAS_Dialog .QAS_Pick--show , #QAS_Dialog .QAS_MultPick--show , #QAS_Dialog .QAS_Pick--show .nano-content, #QAS_Dialog .QAS_MultPick--show .nano-content{
	-ms-overflow-style: none; 
	overflow: -moz-scrollbars-none;
}
#QAS_Dialog .QAS_Pick table {
	padding: 0;
}
#QAS_Dialog .QAS_Pick--show .Qas_ic--address, #QAS_Dialog .QAS_MultPick--show .Qas_ic--address {
    max-width: 218px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}
#QAS_RefineText {
    background: #fff;
    border: 1px solid #d2d2d2;
    width: 338px;
    border-radius: 3px;
    height: 40px;
    margin: 0;
    padding-right: 107px;
}
.confirm-conatiner #QAS_RefineText {
    background: #fff;
    border: 1px solid #d2d2d2;
    width: 338px;
    border-radius: 3px;
    height: 40px;
    margin: 0;
    padding-right: 107px;
}
.QAS_EditMessage .field {
	    padding-bottom: .5px;
}
#QAS_Edit {
	padding-top: 10px;
    margin-left: 30px;
}
#QAS_Dialog .QAS_EditMessage input[type="text"], #QAS_Dialog .QAS_EditMessage select {
    border: 1px solid #D2D2D2;
    border-radius: 3px;
    background-color: #FFFFFF;
    height: 40px;
    width: 220px;
    color: #333333;
    font-size: 14px;
    font-weight: 500;
    line-height: 15px;
    font-family: "MarkOT-Regular";

}
#QAS_AcceptOriginal1 {
    border: 2px solid #F9C309;
    border-radius: 2px;
    font-size: 1em;
    font-family: "MarkOT-Bold";
}
#QAS_FinishEdit {
    background: #fff;
    border: none;
    color: #0F7DB5;
    font-size: 1em;
    letter-spacing: 1px;
    line-height: 20px;
    font-family: "MarkOT-Regular";
    text-transform: capitalize;
}
#QAS_Dialog .QAS_MultPick--show {
    max-height: 190px;
    display: none;
    margin-top: 10px;
	height: 190px;
}
.QAS_MultPick {
	height: 190px;
}
.QAS_EditMessage #QAS_AcceptOriginal1, .QAS_EditMessage #QAS_FinishEdit {
    margin-top: 60px;
}
.QAS_EditMessage td {
    padding: 0;
}
.QAS_RightDetails ~ .QAS_Picklist {
    margin-top: -40px;
}
.QAS_RightDetails ~ .QAS_Picklist table{
    padding: 0;
}
#QAS_Edit {
    text-transform: capitalize;
}
#QAS_Dialog .QAS_StepIn {
	display: block;
	padding-right: 0px;
	font-size: 14px;
}
.QAS_Dialog {
	    /* max-width: 915px; */
		max-width: 766px;
}

@media screen and (min-width: 1024px) {

	.QAS_Dialog {
		max-width: 915px;
	}
}

#editstate {
	    padding-top: 14px;
		padding-left: 14px;
		
}
.control-label {
	    margin-top: 0px;
}

#editstate + .control-label {
	    margin-top: 4px;
}

.ui-dialog-titlebar {
	padding: 2em 1em 1.5em 2.2em;
	position: relative;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 20px;
	color: #333;
	text-transform: uppercase;
	background: #fff;
	text-align: left;
}

.editForm-0, .editForm-61 {
	padding-top: 0px;
    padding-bottom: 0px;
    width: 36%;
    display: inline-block;
    float: left;
	margin-top: 8px;
	margin-right: 10px;
}

#editzip {
	    top: 0px;
}

#editzip + label {
	margin-top: 5px;
}

.QAS_PromptText {
	font-weight: 500;
}

.user-reviews-container .pr-submit-button:hover{
	color: inherit;
	background: #f1be48;
}

.QAS_Input .confirm-conatiner #QAS_RefineBtn {
	height: 40px;
}
.nano .QAS_Pick table tr td:nth-child(2) {
   	padding-left: 0px !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
	#QAS_Dialog tr td + td select:disabled {
		margin-left: -3px;
	}
}

		.QAS_EditMessage {
		   padding-right: 20px;
		}

		 #QAS_Dialog .QAS_EditMessage select {
			    width: 100%;
				font-size: 12px;
				font-weight: 500;
				background:url('../images/social-icons/arrow-down.png');
				background-repeat: no-repeat;
				background-position: 92% 50%;
				background-size: 12px;
		}

		#QAS_Dialog .QAS_EditMessage input[type=text] {
			    width: 92%;
				font-weight: 500;
				font-size: 12px;
		}


	@media screen and (min-width: 1200px) {  
		#QAS_Dialog .QAS_EditMessage input[type=text] {
			width: 92%;
		}
	}	


	@media screen and (max-width: 767px) {   
		.QAS_Prompt, .QAS_RightDetails  {
			width: 100% !important;
			padding-bottom: 0px;
			padding-left: 10px;
    		padding-top: 26px
		}
		.QAS_PromptText {
			text-align: left;
			margin-bottom: 12px;
			padding-top: 5px;
			font-family: MarkOT-Medium;
		
		}
		.QAS_RightDetails {
			padding-top: 30px;
			padding-left: 1em;
		}

		.QAS_PromptText .translation, .QAS_RightSidePromptText .translation {
			font-size: 13px;
			font-family:MarkOT-Medium;
			letter-spacing: 1px;
		}

		#QAS_Dialog .QAS_Pick tr td,  #QAS_Dialog .QAS_MultPick tr td{
			padding: 13px 0 13px 15px;
			vertical-align: middle;
			width: 100%;
		}

		#QAS_Dialog .QAS_Pick tr td+td,  #QAS_Dialog .QAS_MultPick tr td+td{
			padding-left: 2px;
			padding-right: 2px;
			vertical-align: middle;
			width: 100%;
		}

		#QAS_Dialog .QAS_MultPick--show {
			height: 169px !important; 
		}
		 
		#QAS_AcceptOriginal, #QAS_Edit {
			    float: left;
		}

		.QAS_EditMessage table {
			width:100%;
		}

		.QAS_MultPick {
			min-height: 160px;
			height: auto;
			width: 100%;
		}

		.QAS_EditMessage #QAS_AcceptOriginal1, .QAS_EditMessage #QAS_FinishEdit {
			    float: left;
				margin-top: 20px;
				position:relative;
				z-index:9999;
				margin-bottom:0px;
				color: #333;
				padding: 10px 20px;
		}

		.QAS_Prompt, .QAS_RightDetails {
			    padding-left: 1em;
		}

		.QAS_Dialog {
	    max-width: 94%;
		} 
		.QAS_EditMessage table {
			width:100% !important;
			
		}
		.QAS_RightSidePrompt {
			text-align: left;
			padding-top:0px;
		}
		.QAS_RightSidePromptText {
			padding-top: 20px;
			padding-bottom: 14px;
		}

		#QAS_Dialog tr td {
			padding: 0px;
			font-size: 13px;
			width: 150px;
			letter-spacing: 0.08px;
			line-height: 16px;
			padding-bottom: 6px;
		}
		#QAS_Dialog tr td+td {
			    width: 343px;
				font-size: 16px;
				padding-left: 26px;
		}
		.QAS_Header {
   			font-size: 13px;
			padding: 10px;
			text-align: left;
		}
		#QAS_Dialog .QAS_Header .translation {
			font-size: 13px;
			line-height: 16px;
			text-align: left;
		}

		.ui-dialog-titlebar {
			text-transform: uppercase;
    		text-align: left;
			padding: 50px 1em 10px 10px;
			font-size: 14px;
			border-radius: 3px 3px 0px 0px;
			-moz-border-radius: 3px 3px 0px 0px;
			-webkit-border-radius: 3px 3px 0px 0px;
			letter-spacing: 0.3px;
		}

		#QAS_Dialog .remodal-close {
			top: 13px;
    		right: 15px;
		}

		.QAS_Prompt, .QAS_RightDetails {
			    padding: 10px;
		}
		#QAS_RefineText, .confirm-conatiner #QAS_RefineText {
			    height: 42px;
		}

		#QAS_AcceptOriginal, #QAS_RefineBtn {
			font-family: MarkOT-Medium;
		}

		.confirm-conatiner #QAS_RefineBtn {
			font-size: 14px;
		}
		.QAS_Prompt {
			padding-top: 14px;
		}
		.QAS_ShowPick {
			text-align: left;
			padding-top: 0px;
			font-size: 12px;
			padding-bottom: 0px;
			float: left;
			padding-left: 0px;
		}

		#QAS_Edit {
			font-size: 14px;
			padding-left: 5px;
			border: none;
			padding-top: 10px;
			position: relative;
    		z-index: 99999;
		}

		.QAS_Picklist {
			    padding-left: 0px;
				width: 98%;
				padding-bottom: 0;
		}

		.translation {
			    font-size: 14px;
		}

		#QAS_Dialog .QAS_Pick--show .nano-content {
			    right: 4px !important;
		}
	
		#QAS_Dialog .QAS_Pick table {
			width: 100%;
		}

		.editForm-0, .editForm-61 {
			width: 34%;
		}

		#QAS_Dialog .QAS_EditMessage input[type=text] {
			width: 100%;
			letter-spacing: 0.86px;
		}


		.QAS_EditMessage {
			padding-right: 0px;
		}

		.QAS_RightDetails {
			padding-bottom: 20px;
			padding-top: 0px;
		}

		#QAS_AcceptOriginal, #QAS_Edit {
			margin-top: 26px;
		}

		#QAS_RefineText, .confirm-conatiner {
			padding-bottom: 4px;
		}

		#QAS_ShowPick {
			text-transform: none;
		}

		#QAS_RefineText, .confirm-conatiner #QAS_RefineText {
			width: 330px;
		}

		#QAS_Dialog .QAS_Pick--show .Qas_ic--address {
			max-width: 208px;
			font-size: 12px;
		}

		#QAS_Dialog .QAS_StepIn {
			font-size: 12px;
			white-space: nowrap;
		}
	
		#QAS_Dialog .QAS_Pick tr td {
			padding: 11px 10px;
			   padding-right: 0;
			   font-size: 12px;
		}

		.QAS_Pick tr td+td, #QAS_ShowPick {
			font-size: 12px;
		}

		#QAS_Dialog .QAS_Pick--show {
			max-height: 152px;
		}

		#QAS_RefineBtn {
			margin-top: 26px; 
		}

		#QAS_Dialog .QAS_EditMessage input[type=text], #QAS_Dialog .QAS_EditMessage select {
			font-family: MarkOT-Medium;
		}

		#QAS_Dialog .QAS_EditMessage input[type=text] {
			font-weight: normal;
		}

		#QAS_Dialog .QAS_EditMessage select {
			font-weight: normal;
		}

		#QAS_Dialog {

		}

	}

	@media only screen and (max-device-width: 767px) and (orientation: portrait) {
		#QAS_Dialog .QAS_Pick tr td,  #QAS_Dialog .QAS_MultPick tr td{
			max-width: 180px;
		}
		#QAS_Dialog .QAS_Pick--show .Qas_ic--address, #QAS_Dialog .QAS_MultPick--show .Qas_ic--address {
			max-width: 98%;
		}
	}

	@media screen and (min-width: 768px){
		#QAS_Dialog .QAS_Pick tr td+td{
			width: 100px;
			font-size: 14px;
		}
		#QAS_Dialog .QAS_Pick--show{
			width: 340px;
		}
		#QAS_Dialog .QAS_ShowPick{
			margin-top: 30px;
		}
		.confirm-conatiner #QAS_RefineText{
			padding-right: 131px;
		}
	}
@font-face {
  font-family: "icomoon";
  src: url("/_ui/shared/fonts/icomoon/icomoon.eot");
  src: url("/_ui/shared/fonts/icomoon/icomoon.eot#iefix") format("embedded-opentype"), url("/_ui/shared/fonts/icomoon/icomoon.ttf") format("truetype"), url("/_ui/shared/fonts/icomoon/icomoon.woff") format("woff"), url("/_ui/shared/fonts/icomoon/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

.notifications-alert {
  background-color: #f1be48;
  position: relative; }
  .notifications-alert-content {
    max-width: 1200px;
    display: block;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    text-align: center; }
    @media screen and (min-width: 400px) {
      .notifications-alert-content {
        padding: 5px 30px 5px 15px; } }
  .notifications-alert .icon-alert {
    float: left;
    font-size: 22px;
    line-height: 38px;
    color: #333;
    padding-right: 12px; }
    .notifications-alert .icon-alert:before {
      content: "\e900";
      font-family: 'icomoon' !important;
      font-style: normal; }
  .notifications-alert .notifications-text {
    line-height: 40px;
    position: relative;
    top: 1px;
    display: inline-block;
    color: #333;
    font-size: 14px;
    font-family: MarkOT-Medium; }
    .notifications-alert .notifications-text.notification-link {
      margin-left: 10px;
      text-decoration: underline; }
    .notifications-alert .notifications-text strong {
      font-family: MarkOT-Bold; }
    .notifications-alert .notifications-text .notification-ribban {
      background-color: #00cc99;
      padding: 4px 24px;
      position: relative;
      margin-right: 16px;
      font-family: MarkOT-Bold;
      font-size: 12px; }
      .notifications-alert .notifications-text .notification-ribban::before {
        content: '';
        position: absolute;
        width: 15px;
        height: 22px;
        transform: rotate(35deg);
        background-color: #f9c606;
        right: -10px;
        top: -4px; }
      .notifications-alert .notifications-text .notification-ribban::after {
        content: '';
        position: absolute;
        width: 15px;
        height: 22px;
        transform: rotate(-40deg);
        background-color: #f9c606;
        right: -11px;
        top: 4px; }
  .notifications-alert .close-icon {
    position: absolute;
    display: inline-block;
    width: 14px;
    height: 20px;
    float: right;
    transform: translate(0, -50%);
    right: -50px;
    top: 50%; }
    .notifications-alert .close-icon:hover::before, .notifications-alert .close-icon:hover::after {
      background: #333; }
    .notifications-alert .close-icon::before, .notifications-alert .close-icon::after {
      content: '';
      position: absolute;
      height: 2px;
      width: 100%;
      top: 10px;
      left: 0;
      margin-top: -1px;
      background: #333; }
    .notifications-alert .close-icon::before {
      -ms-transform: rotate(45deg);
      /* IE 9 */
      -webkit-transform: rotate(45deg);
      /* Safari */
      transform: rotate(45deg); }
    .notifications-alert .close-icon::after {
      -ms-transform: rotate(-45deg);
      /* IE 9 */
      -webkit-transform: rotate(-45deg);
      /* Safari */
      transform: rotate(-45deg); }

@media screen and (max-width: 767px) {
  #target_notification .notifications-alert .notifications-alert-content {
    max-width: 100%; } }

@media screen and (min-width: 1024px) {
  #target_notification .notifications-alert .notifications-alert-content {
    max-width: 100%; } }

@media screen and (max-width: 767px) {
  #target_notification .notifications-alert .notifications-text {
    padding: 6px 0px;
    line-height: 18px; } }

@media screen and (max-width: 767px) {
  #target_notification .notifications-alert .close-icon {
    right: 5px;
    top: 8px;
    transform: translate(0, 0%); } }

@media screen and (min-width: 768px) {
  #target_notification .notifications-alert .close-icon {
    right: 5px;
    top: 50%;
    transform: translate(0, -50%); } }

/**************************************************/

/* Copied from screen1.css
/**************************************************/

#miniCart .count {
   text-indent: 0;
    font-size: 11px;
    text-align: center;
    background: #f1be48;
    height: 18px;
    line-height: 17px;
    width: 18px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative !important;
    display: block !important;
    margin-left: 17px;
    margin-top: -40px;
    letter-spacing: normal;
    padding-left: 1px;
}
/**************************************************/
/* Copied from screen2.css
/**************************************************/
.mini-cart-flyout {
    display: none;
}



 /*for bmsm icon*/
.bmsm-text--container.minicart-bmsm {
        position: absolute;
        right: 0;
        bottom: 5px;
        min-height: 40px;
}
.mini-cart-flyout .itemList .itemDesc {
    position: relative;
}
.mini-cart-flyout .bmsm-image:hover:after {
    right: 0;
    left: auto;
}
.bmsm-image {
		display: inline-block;
	    vertical-align: top;
	    margin-top: 4px;
}

.bmsm-image:hover {
    position: relative;
}

.bmsm-image:hover:after {
    content: attr(data-content); 
    padding: 3px 14px;
    font-family: MarkOT-Regular;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3c3c3c;
    position: absolute;
    left: 0;
    top: 100%;
    white-space: nowrap;
    z-index: 20;
    object-fit: contain;
    background-color: #ece8ea;
    border: solid 1px #cacaca;
}
/*header*/
/* Cancel Remediation Modal */
.cart-popup {
  width: 100%;
  max-width: 882px; }
  .cart-popup .message-container {
    width: auto;
    text-align: center;
    margin: auto;
    display: flex;
    justify-content: center;
    padding-top: 20px; }
    .cart-popup .message-container .message-block {
      padding-left: 20px;
      font-size: 14px;
      text-align: left;
      font-family: MarkOT-Medium;
      color: #282828;
      letter-spacing: 1px;
      line-height: 18px; }
    .cart-popup .message-container .success-icon {
      display: inline-block;
      margin-left: -15px;
      width: 55px;
      height: 55px;
      position: relative; }
      .cart-popup .message-container .success-icon:before {
        font-family: icomoon !important;
        content: "\e94e";
        font-size: 55px;
        color: #498428;
        position: absolute;
        left: 0px;
        top: 18px; }
    .cart-popup .message-container label {
      text-align: left; }
    .cart-popup .message-container .message {
      font-family: "MarkOT-Regular";
      font-size: 30px;
      line-height: 30px;
      letter-spacing: 2px;
      color: #498428;
      white-space: nowrap; }
    .cart-popup .message-container .free-shipping-message {
      font-family: "MarkOT-Regular";
      font-size: 14px;
      font-weight: 500;
      line-height: 18px;
      letter-spacing: 1px;
      color: #333333;
      padding-top: 5px; }
  .cart-popup hr {
    margin: 25px 0 20px;
    background-color: #ebebeb; }
  .cart-popup__label {
    height: 20px;
    font-family: "MarkOT-Regular";
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 1px;
    color: #999999;
    text-align: center; }
  .cart-popup__continue {
    padding: 20px;
    text-align: center;
    line-height: 25px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: #333333;
    font-family: MarkOT-Medium;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 25px; }
  .cart-popup .recommendation-section {
    background-color: #fff;
    min-height: 365px;
    display: flex;
    justify-content: center; }
    .cart-popup .recommendation-section .product-tile:hover {
      cursor: pointer; }
      .cart-popup .recommendation-section .product-tile:hover .product-title {
        text-decoration: underline; }
    .cart-popup .recommendation-section .product-tile .img-wrapper {
      margin: 0 auto;
      max-width: 150px; }
      .cart-popup .recommendation-section .product-tile .img-wrapper .product-image {
        max-width: 150px;
        padding: 10px;
        border-radius: 50%;
        margin: 0 auto;
        box-shadow: 0px 8px 20px #68676b;
        padding: 0px; }
    .cart-popup .recommendation-section .product-tile .product-title {
      margin-top: 6px;
      display: block;
      min-height: 50px;
      font-size: 16px;
      line-height: 25px;
      color: #333333;
      letter-spacing: 1px;
      cursor: pointer;
      font-weight: bold;
      text-align: center; }
    .cart-popup .recommendation-section .product-tile .product-quantity {
      display: block;
      margin-top: 5px;
      padding: 0 60px;
      font-size: 12px;
      line-height: 20px;
      color: #68676b;
      text-transform: uppercase;
      font-family: "MarkOT-Medium";
      letter-spacing: 1px;
      text-align: center; }
    .cart-popup .recommendation-section .product-tile .product-price-section {
      text-align: center; }
      .cart-popup .recommendation-section .product-tile .product-price-section .product-price-sale {
        display: inline-block;
        margin: 5px 10px 0 0;
        font-size: 16px;
        font-family: "MarkOT-Bold";
        letter-spacing: 1px;
        line-height: 18px;
        color: #d51610; }
        .cart-popup .recommendation-section .product-tile .product-price-section .product-price-sale sup.currencyFont {
          font-size: 12px;
          left: 0;
          top: 1px; }
      .cart-popup .recommendation-section .product-tile .product-price-section .product-price-strike {
        text-decoration: line-through;
        color: #68676b; }
    .cart-popup .recommendation-section .product-tile .add-to-cart {
      text-align: center;
      margin-top: 15px; }
  .cart-popup .btn-container {
    margin: 45px auto 0;
    text-align: center; }
    .cart-popup .btn-container button {
      min-width: 232px;
      height: 40px;
      padding: 0;
      border-width: 2px;
      margin: 0 13px;
      font-size: 14px;
      cursor: pointer; }
      .cart-popup .btn-container button:hover {
        border-color: #333333; }
      .cart-popup .btn-container button.btn-orange:hover {
        background-color: #f1be48;
        color: #333333; }

/*** The classes below will be removed as the are already in common css. ***/
.text-link {
  text-decoration: none;
  border-bottom: 2px solid #f9c606;
  font-family: MarkOT-Medium;
  letter-spacing: 0.04em;
  font-size: 16px;
  line-height: 25px;
  color: #333333; }

/*** =================================================================== ***/

/*header*/
/* Cancel Remediation Modal */
/* -------------------------------------------------------------
  Sass CSS3 Mixins!
  List of CSS3 Sass Mixins File to be @imported and @included as you need
  The purpose of this library is to facilitate the use of CSS3 on different browsers
 ------------------------------------------------------------ */
.snackbar {
  align-items: center;
  visibility: hidden;
  width: 90%;
  margin: 0 auto;
  background-color: #2f4053;
  color: #fff;
  text-align: center;
  padding: 25px 5px;
  position: fixed;
  z-index: 1;
  left: 50%;
  right: 50%;
  bottom: 35px;
  font-size: 17px;
  transform: translate(-50%, -50%);
  height: 70px;
  color: #fff;
  font-family: "MarkOT-Regular";
  font-size: 16px;
  line-height: 20px;
  display: flex;
  justify-content: center; }
  @media screen and (min-width: 1024px) {
    .snackbar {
      width: 800px;
      padding: 25px 97px 25px 95px; } }
  @media screen and (max-width: 767px) {
    .snackbar {
      font-size: 14px; } }
  .snackbar .icon-CheckBig {
    display: inline-block;
    margin-left: -15px;
    width: 42px;
    height: 55px;
    position: relative; }
    .snackbar .icon-CheckBig:before {
      font-family: icomoon !important;
      content: "\e94e";
      font-size: 38px;
      color: #fff;
      position: absolute;
      left: 0;
      top: 18px; }
  .snackbar.add-to-cart {
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .snackbar.add-to-cart {
        padding: 25px; } }
  .snackbar .atc-message {
    color: #fff;
    padding-right: 3px;
    font-family: MarkOT-Bold;
    display: inline; }
  .snackbar .free-shipping-message {
    color: #fff;
    padding-right: 3px;
    font-family: MarkOT-Regular;
    display: inline; }
  .snackbar .atc-shipping-msg {
    color: #fff;
    padding-right: 3px;
    font-family: MarkOT-Regular;
    display: inline; }
  .snackbar strong {
    font-weight: 900; }
  .snackbar.show {
    visibility: visible;
    display: inline-block;
    display: flex;
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s;
    z-index: 10000; }
    @media screen and (max-width: 767px) {
      .snackbar.show {
        padding: 16px 5px;
        height: auto;
        display: inline;
        width: 100%;
        bottom: 0;
        transform: translate(-50%, 0%);
        font-family: MarkOT-bold;
        font-size: 14px;
        line-height: 18px;
        -webkit-animation: fadein 0.0s;
        animation: fadein 0.0s; } }
  .snackbar.hidden {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    bottom: 0; }
  .snackbar__success {
    position: relative; }
    .snackbar__success--tick {
      position: absolute;
      display: block;
      width: 22px;
      height: 22px;
      border-radius: 15px;
      border: 1px solid #fff;
      color: #fff;
      left: -32px;
      top: 0; }
      .snackbar__success--tick:before {
        content: "";
        position: absolute;
        height: 1px;
        background-color: #fff;
        width: 8px;
        top: 14px;
        left: 2px;
        transform: rotate(45deg); }
      .snackbar__success--tick:after {
        content: "";
        position: absolute;
        height: 1px;
        background-color: #fff;
        width: 13px;
        top: 11px;
        left: 4px;
        transform: rotate(122deg); }
  .snackbar__fail {
    position: relative; }

#new-snackbar.snackbar {
  background-color: #2A4056;
  padding: 24px 12px;
  height: auto;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.1), 0px 4px 6px -2px rgba(16, 24, 40, 0.05);
  font-family: "Filson Pro", Verdana, "Geneva", Arial, sans-serif; }
  #new-snackbar.snackbar .atc-message {
    font-family: "Filson Pro", Verdana, "Geneva", Arial, sans-serif; }
  #new-snackbar.snackbar b {
    font-family: "Filson Pro", Verdana, "Geneva", Arial, sans-serif; }
  #new-snackbar.snackbar .snackbar-message {
    color: var(--text-icon-brand-inverse-default, #FEFEFC);
    text-align: center;
    font-family: "Filson Pro", Verdana, "Geneva", Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
    letter-spacing: -0.32px; }
  #new-snackbar.snackbar.show {
    border-radius: 24px;
    border: 10px solid #FBF4E9;
    outline: 0; }
    @media screen and (max-width: 767px) {
      #new-snackbar.snackbar.show {
        margin-bottom: 120px; } }

@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0; }
  to {
    bottom: 35px;
    opacity: 1; } }

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0; }
  to {
    bottom: 35px;
    opacity: 1; } }

@-webkit-keyframes fadeout {
  from {
    bottom: 35px;
    opacity: 1; }
  to {
    bottom: 0;
    opacity: 0; } }

@keyframes fadeout {
  from {
    bottom: 35px;
    opacity: 1; }
  to {
    bottom: 0;
    opacity: 0; } }

/*header*/
/* Cancel Remediation Modal */
/* -------------------------------------------------------------
  Sass CSS3 Mixins!
  List of CSS3 Sass Mixins File to be @imported and @included as you need
  The purpose of this library is to facilitate the use of CSS3 on different browsers
 ------------------------------------------------------------ */
.brewer-type-modal {
  width: 100%;
  max-width: 1147px;
  margin: auto;
  height: auto; }
  .brewer-type-modal #imageDescription, .brewer-type-modal .imageDescription {
    color: #333333;
    font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin: 0 15px;
    margin-bottom: 8px; }
    @media only screen and (min-width: 768px) and (max-width: 850px) {
      .brewer-type-modal #imageDescription, .brewer-type-modal .imageDescription {
        margin: 0px;
        margin-bottom: 20px; } }
    @media only screen and (min-width: 768px) {
      .brewer-type-modal #imageDescription, .brewer-type-modal .imageDescription {
        margin: 0px;
        margin-bottom: 20px; } }
  @media only screen and (min-width: 768px) {
    .brewer-type-modal-items {
      min-height: 67px; } }
  .brewer-type-modal h4 {
    color: #333333;
    font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 27px; }
    @media only screen and (min-width: 768px) {
      .brewer-type-modal h4 {
        font-size: 42px;
        font-weight: 300;
        letter-spacing: 4px;
        line-height: 50px;
        text-align: center;
        margin-bottom: 78px;
        font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif; } }
  .brewer-type-modal-items a {
    border: 1px solid #ebebeb;
    border-radius: 3px;
    padding: 20px 12px;
    display: block;
    font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 25px;
    text-decoration: none;
    color: #333333;
    width: 100%;
    box-sizing: border-box;
    border: 2px solid transparent; }
    .brewer-type-modal-items a.selected {
      border: 1px solid #2f4053;
      background-color: #2f4053;
      color: #fff; }
    .brewer-type-modal-items a:hover {
      border-color: #2f4053; }

.brewer-type-image--wrapper {
  width: 100%;
  max-width: 375px;
  margin-bottom: 30px;
  margin: auto;
  min-height: 404px; }
  @media only screen and (min-width: 768px) {
    .brewer-type-image--wrapper {
      margin-right: 75px;
      float: left;
      margin-bottom: 40px; } }
  @media only screen and (min-width: 768px) and (max-width: 950px) {
    .brewer-type-image--wrapper {
      margin-right: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 850px) {
    .brewer-type-image--wrapper {
      margin-right: 45px;
      float: right;
      max-width: 320px; } }
  .brewer-type-image--wrapper img {
    width: 100%;
    border: solid #F2F2F2;
    border-width: 4px 8px;
    max-width: 283px;
    max-height: 200px;
    display: block;
    margin: auto; }
    @media only screen and (min-width: 768px) {
      .brewer-type-image--wrapper img {
        max-width: 262px;
        max-height: 286px; } }

.brewer-type--list {
  margin: 0;
  padding: 0;
  max-width: 295px;
  box-shadow: 0 5px 25px 0 #d2d2d2;
  list-style-type: none; }

.brewer-type--wrapper {
  width: 100%;
  max-width: 1043px;
  margin: auto;
  text-align: center;
  margin-top: 65px; }
  @media only screen and (min-width: 768px) {
    .brewer-type--wrapper {
      text-align: left;
      margin-top: 60px; } }

.brewer-type-select--wrapper {
  margin-bottom: 35px; }
  @media only screen and (min-width: 768px) {
    .brewer-type-select--wrapper {
      width: 46%;
      float: left;
      padding-left: 60px; } }
  @media only screen and (min-width: 768px) and (max-width: 850px) {
    .brewer-type-select--wrapper {
      width: 42%;
      padding-left: 14px; } }
  @media only screen and (min-width: 768px) and (max-width: 950px) {
    .brewer-type-select--wrapper {
      padding-left: 4%; } }

.page-register-brewer #cboxClose {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 32px;
  height: 32px;
  background: none;
  bottom: auto;
  z-index: 9999; }
  @media only screen and (min-width: 768px) {
    .page-register-brewer #cboxClose {
      right: 20px;
      top: 20px; } }
  .page-register-brewer #cboxClose:before, .page-register-brewer #cboxClose:after {
    left: 15px;
    content: ' ';
    height: 24px;
    width: 3px;
    background-color: #030303;
    position: absolute; }
  .page-register-brewer #cboxClose:before {
    transform: rotate(45deg); }
  .page-register-brewer #cboxClose:after {
    transform: rotate(-45deg); }

.page-register-brewer .brewer-type-modal .brewer-type-select--wrapper .bootstrap-select > .dropdown-toggle {
  border: 1px solid #ebebeb;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 5px 25px 0 #d2d2d2;
  min-width: 315px;
  min-height: 50px;
  cursor: pointer;
  border: none; }
  @media only screen and (min-width: 320px) and (max-device-width: 375px) {
    .page-register-brewer .brewer-type-modal .brewer-type-select--wrapper .bootstrap-select > .dropdown-toggle {
      min-width: 280px; } }
  .page-register-brewer .brewer-type-modal .brewer-type-select--wrapper .bootstrap-select > .dropdown-toggle .caret {
    border-color: #254053;
    padding: 5px; }

.page-register-brewer .brewer-type-modal .brewer-type-select--wrapper .bootstrap-select.open > .dropdown-toggle .caret {
  transform: rotate(225deg); }

.page-register-brewer .bootstrap-select.open .dropdown-menu li a {
  padding: 12px; }

.page-register-brewer .dropdown-toggle .filter-option {
  font-family: "MarkOT-Bold", Helvetica, Arial, sans-serif;
  color: #333;
  letter-spacing: 1px;
  line-height: 25px; }

.page-register-brewer .dropdown-menu li a {
  font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
  color: #68676B;
  letter-spacing: 1px;
  line-height: 25px; }

.page-register-brewer .dropdown-menu .selected {
  display: none; }

.page-register-brewer #wrapper {
  min-width: 320px !important; }

#cboxWrapper .brewer-type-modal .bootstrap-select > select.mobile-device {
  width: 0.5px !important; }

#cboxWrapper .brewer-type-modal .bootstrap-select.open:not(.dropup) .dropdown-menu.open {
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  border: none;
  box-shadow: 0 11px 25px 0 #d2d2d2 !important;
  top: 94% !important; }

/*header*/
/* Cancel Remediation Modal */
/* -------------------------------------------------------------
  Sass CSS3 Mixins!
  List of CSS3 Sass Mixins File to be @imported and @included as you need
  The purpose of this library is to facilitate the use of CSS3 on different browsers
 ------------------------------------------------------------ */
.locate-serial-number-popup {
  margin: 0; }
  .locate-serial-number-popup.remodal {
    max-width: 640px !important; }
    @media screen and (max-width: 767px) {
      .locate-serial-number-popup.remodal {
        width: auto !important; } }
    @media screen and (min-width: 768px) {
      .locate-serial-number-popup.remodal .remodal-close {
        right: 25px; } }
  .locate-serial-number-popup .nano > .nano-pane > .nano-slider {
    background: #2F4053;
    border: 3px solid #2F4053; }
  .locate-serial-number-popup .brewer-type--wrapper {
    margin-top: 20px; }
  .locate-serial-number-popup .table-data {
    text-align: center; }
    .locate-serial-number-popup .table-data .brewer-desc {
      color: #333333;
      font-size: 14px;
      letter-spacing: 0;
      line-height: 20px;
      text-align: center;
      padding: 0 50px 20px; }
      @media screen and (max-width: 767px) {
        .locate-serial-number-popup .table-data .brewer-desc {
          padding: 0 26px 26px; } }
    .locate-serial-number-popup .table-data .brewer-image-container {
      margin: 20px auto;
      max-width: 377px;
      min-height: 377px; }
      @media screen and (max-width: 767px) {
        .locate-serial-number-popup .table-data .brewer-image-container {
          max-width: 278px;
          min-height: 278px; } }
      .locate-serial-number-popup .table-data .brewer-image-container .brewer-image {
        height: auto;
        width: 100%; }
  .locate-serial-number-popup .brewer-type-modal {
    width: 100%;
    max-width: 1147px;
    margin: auto;
    overflow: auto;
    max-height: calc(100vh - 20px);
    -webkit-overflow-scrolling: touch; }
    @media screen and (max-width: 767px) {
      .locate-serial-number-popup .brewer-type-modal {
        height: calc(100vh - 40px);
        width: calc(100vw - 20px);
        max-height: none; } }
  .locate-serial-number-popup .brewer-type-modal h4 {
    font-size: 30px;
    letter-spacing: 0;
    margin-bottom: 20px;
    font-family: "MarkOT-Book", Helvetica, Arial, sans-serif; }
    @media screen and (max-width: 767px) {
      .locate-serial-number-popup .brewer-type-modal h4 {
        font-size: 24px;
        font-weight: 300;
        line-height: 36px; } }
  .locate-serial-number-popup .chosen-container {
    margin: 0;
    width: auto !important;
    max-width: 100%; }
    .locate-serial-number-popup .chosen-container .chosen-single {
      height: 60px;
      width: 273px;
      border-radius: 2px;
      display: flex;
      align-items: center;
      white-space: normal;
      overflow: auto;
      padding: 0 16px; }
      .locate-serial-number-popup .chosen-container .chosen-single span {
        color: #333333;
        font: 14px/20px "MarkOT-Medium", Helvetica, Arial, sans-serif;
        letter-spacing: 0.5px;
        white-space: normal;
        overflow: auto;
        max-height: 40px;
        overflow: hidden;
        text-overflow: inherit; }
      .locate-serial-number-popup .chosen-container .chosen-single > div > b::before {
        content: none; }
      .locate-serial-number-popup .chosen-container .chosen-single > div > b::after {
        margin-top: -3px;
        content: "";
        display: inline-block;
        width: 11px;
        height: 11px;
        border-style: solid;
        transform: rotate(45deg);
        border-color: #2F4053;
        border-width: 0px 2px 2px 0;
        transition: .3s transform ease-in;
        transform-origin: center; }
    .locate-serial-number-popup .chosen-container.chosen-with-drop .chosen-single > div > b::after {
      transform: rotate(225deg);
      margin-top: -3px; }
    .locate-serial-number-popup .chosen-container .active-result {
      display: flex !important;
      align-items: center;
      color: #333333;
      font: 14px/20px "MarkOT-Regular", Helvetica, Arial, sans-serif;
      letter-spacing: 0.5px;
      width: auto;
      padding: 12px 0;
      margin: 0 10px;
      border-bottom: 1px solid #ebebeb;
      border-top: none; }
      .locate-serial-number-popup .chosen-container .active-result:last-child {
        border-bottom: none; }
    .locate-serial-number-popup .chosen-container .image-box {
      display: inline-block;
      margin-right: 9px;
      max-width: 58px;
      min-width: 58px;
      text-align: center;
      line-height: 12px; }
      .locate-serial-number-popup .chosen-container .image-box img {
        max-width: 58px;
        max-height: 58px; }
    .locate-serial-number-popup .chosen-container .highlighted {
      color: #333333 !important;
      background-color: #F3F3F3 !important;
      margin: 0;
      padding: 12px 10px; }
    .locate-serial-number-popup .chosen-container .result-selected {
      display: none !important; }
    .locate-serial-number-popup .chosen-container .chosen-drop {
      box-shadow: none;
      border-radius: 0 0 2px 2px;
      border: 1px solid #DADADA; }
      @media screen and (max-width: 767px) {
        .locate-serial-number-popup .chosen-container .chosen-drop {
          min-width: 273px; } }
      .locate-serial-number-popup .chosen-container .chosen-drop.nano {
        max-height: 350px; }
    .locate-serial-number-popup .chosen-container .nano-pane {
      right: 12px; }
      @media screen and (max-width: 767px) {
        .locate-serial-number-popup .chosen-container .nano-pane {
          right: 7px; } }
    .locate-serial-number-popup .chosen-container .chosen-results {
      padding: 0;
      margin: 0;
      max-height: none;
      background-color: #FBFBFB;
      z-index: -1;
      right: 0 !important; }

.registerBrewerWrapper .maxContentWidth {
  padding: 0; }

.registerBrewerWrapper .brewerRegFraudErrorMsg {
  color: red !important;
  font-size: 18px !important;
  font-weight: bold !important;
  padding-left: 5px !important; }

.registerBrewerWrapper #featured-beverages .brewer-full-width-background {
  min-height: 397px;
  padding: 37px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%; }
  @media screen and (max-width: 767px) {
    .registerBrewerWrapper #featured-beverages .brewer-full-width-background {
      background-size: cover;
      min-height: 230px;
      height: 100%;
      padding: 15px 0px; } }

/*input:focus{
	outline: 1px dotted #212121;
    outline: -webkit-focus-ring-color auto 5px;
}*/
.registerBrewerCoverbanner {
  display: none; }

.register-brewer--banner {
  height: 100%;
  width: 100%;
  color: #333333;
  min-height: 125px;
  padding: 15px;
  text-align: center;
  background-size: cover; }
  @media only screen and (min-width: 768px) {
    .register-brewer--banner {
      min-height: 397px;
      color: #fff;
      padding: 37px;
      background-size: contain; } }
  @media screen and (max-width: 767px) {
    .register-brewer--banner {
      background-size: 100% 100%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .register-brewer--banner {
      min-height: 300px;
      background-position: center; } }
  @media screen and (min-width: 1024px) and (max-width: 1199px) {
    .register-brewer--banner {
      min-height: 350px;
      background-position: center; } }
  .register-brewer--banner h4 {
    font-size: 20px !important;
    font-weight: 500 !important;
    font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif !important;
    letter-spacing: 1px;
    line-height: 30px !important;
    text-align: center !important; }
    @media only screen and (min-width: 768px) {
      .register-brewer--banner h4 {
        font-size: 42px !important;
        letter-spacing: 4px;
        line-height: 50px !important;
        color: #fff; } }
  .register-brewer--banner p {
    font-size: 14px !important;
    line-height: 18px !important;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 0; }
    .register-brewer--banner p span {
      display: block; }
    @media only screen and (min-width: 768px) {
      .register-brewer--banner p {
        font-size: 30px !important;
        letter-spacing: 2px;
        line-height: 30px !important;
        margin-top: 45px;
        color: #fff; } }

.tabs-link--conatiner {
  box-shadow: 0 5px 25px 0 #d2d2d2; }
  .tabs-link--conatiner .register-brewer-tab {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    max-width: 375px;
    margin: auto; }
    .tabs-link--conatiner .register-brewer-tab li {
      width: 49%;
      display: inline-block;
      text-align: center;
      cursor: pointer;
      float: left; }
      .tabs-link--conatiner .register-brewer-tab li a {
        display: inline-block;
        text-decoration: none;
        color: #2f4053;
        padding: 19px 0 11px;
        font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
        text-align: center; }
      .tabs-link--conatiner .register-brewer-tab li.current {
        display: block; }
        .tabs-link--conatiner .register-brewer-tab li.current a {
          border-bottom: 2px solid #2f4053; }

.tab-content {
  display: none; }
  .tab-content.current {
    display: block !important; }

.restriction-wrapper {
  max-width: 320px;
  width: 100%;
  color: #68676b;
  font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 1px;
  line-height: 15px;
  margin: 6px 0px;
  text-align: left;
  letter-spacing: .5px; }
  .restriction-wrapper a {
    line-height: inherit;
    color: inherit;
    cursor: pointer;
    text-decoration: underline;
    font-style: normal; }

.appliance-modal {
  color: #333333;
  font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif !important;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
  font-style: normal;
  display: none;
  padding: 50px 15px;
  min-height: 548px; }
  @media screen and (max-width: 767px) {
    .appliance-modal {
      padding: 15px; } }
  .appliance-modal h4 {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 50px;
    margin-top: 10px;
    margin-bottom: 15px;
    font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif !important; }
    @media screen and (max-width: 767px) {
      .appliance-modal h4 {
        font-size: 24px; } }
    .appliance-modal h4 + p {
      font-size: 20px;
      font-weight: 300;
      letter-spacing: 1px;
      line-height: 30px;
      margin-top: 0;
      margin-bottom: 25px; }
  .appliance-modal .nano > .nano-content {
    right: 0 !important; }
    @media only screen and (min-width: 768px) {
      .appliance-modal .nano > .nano-content {
        position: relative; } }
  .appliance-modal .nano > .nano-pane > .nano-slider {
    background: #999999;
    border: 3px solid #999999;
    cursor: pointer; }
  .appliance-modal--content {
    font-size: 12px !important;
    letter-spacing: 1px;
    line-height: 15px;
    text-align: left; }
    @media only screen and (min-width: 768px) {
      .appliance-modal--content {
        font-size: 16px !important;
        line-height: 20px !important;
        text-align: center;
        height: auto !important; } }
    .appliance-modal--content #registerBrewerBottomOffer {
      font-size: 12px !important;
      font-family: "MarkOT-Italic", Helvetica, Arial, sans-serif !important; }
      @media only screen and (min-width: 768px) {
        .appliance-modal--content #registerBrewerBottomOffer {
          font-size: 16px !important;
          font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif !important;
          max-height: 100%; } }
  @media only screen and (min-width: 768px) {
    .appliance-modal {
      padding: 45px 90px; } }

#colorbox .appliance-modal {
  display: block; }

.page-register-brewer #globalMessages .alert.negative {
  position: relative;
  width: auto;
  border: 1px solid #d51610;
  border-radius: 3px;
  color: #d51610;
  font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 25px;
  padding: 5px 35px;
  min-width: 355px;
  margin: 10px;
  background: none; }
  @media only screen and (min-width: 768px) {
    .page-register-brewer #globalMessages .alert.negative {
      min-width: 494px;
      margin: 20px; } }
  .page-register-brewer #globalMessages .alert.negative:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 10px;
    height: 25px;
    width: 20px;
    background: url("../images/brewer-reg/Keurig2.0-Icomoon_1-alert.png") no-repeat; }
  .page-register-brewer #globalMessages .alert.negative .corner {
    display: none; }

.page-register-brewer .brewerFooterText {
  padding: 0; }

.forgottenPwd {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 77px;
  background: #fff;
  padding: 15px;
  border-bottom: 1px solid #D8DBDF;
  max-width: 340px;
  border-radius: 8px; }
  .forgottenPwd #forgottenPwdForm input[name=email] {
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    height: 40px;
    padding: 12px 15px 0;
    margin-bottom: 8px; }
  .forgottenPwd .headline {
    height: 24px;
    width: 100%;
    margin: 20px 0px;
    color: #333333;
    font: 16px/24px "MarkOT-Bold", Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    text-align: center; }
  .forgottenPwd .password-description {
    width: 100%;
    padding: 0px 20px;
    color: #333333;
    font: 14px/20px "MarkOT-Regular", Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    text-align: center; }
  .forgottenPwd .btn-box {
    margin: 20px 0px;
    height: 40px;
    width: 100%;
    border-radius: 2px;
    padding: 0;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 18px; }
    .forgottenPwd .btn-box.common-button {
      margin-top: 30px;
      border-radius: 20px;
      background-color: #3b2b2f;
      color: #fff;
      line-height: 16px;
      text-align: center;
      padding: 10px;
      border: none; }
  .forgottenPwd .close-btn {
    box-sizing: border-box;
    height: 40px;
    border: 2px solid #d2d2d2;
    border-radius: 20px;
    color: #333333;
    font: 14px/16px "MarkOT-Regular", Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    text-align: center;
    background-color: #fff;
    cursor: pointer; }
    .forgottenPwd .close-btn:hover {
      color: #333333;
      background-color: #f5f5f5;
      border: 2px solid #d2d2d2; }
  .forgottenPwd .close-link {
    position: relative;
    width: fit-content;
    cursor: pointer;
    margin-left: -25px;
    color: #333333;
    font: 16px "MarkOT-Medium", Helvetica, Arial, sans-serif;
    padding: 0;
    border: none; }
    .forgottenPwd .close-link:hover {
      background: none; }
    .forgottenPwd .close-link span {
      padding-left: 44px; }
    .forgottenPwd .close-link::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 2px;
      border-radius: 2px;
      background-color: #000;
      transform-origin: center center;
      top: 50%;
      left: 32px;
      transform: translate(-50%, -50%) rotate(45deg); }
    .forgottenPwd .close-link::after {
      content: "";
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 2px;
      border-radius: 2px;
      background-color: #000;
      transform-origin: center center;
      top: 50%;
      left: 32px;
      transform: translate(-50%, -50%) rotate(-45deg); }
  .forgottenPwd .forgot-password-footer {
    margin: 0px -15px 15px;
    border-top: 1px solid #eaf0f7;
    padding-top: 32px;
    text-align: center;
    background-color: #fff;
    border-radius: 8px; }
    .forgottenPwd .forgot-password-footer .fgt-heading {
      color: #333333;
      font: 14px/18px "MarkOT-Bold", Helvetica, Arial, sans-serif;
      margin-bottom: 10px; }
    .forgottenPwd .forgot-password-footer .fgt-body {
      color: #333333;
      font: 14px/20px "MarkOT-Regular", Helvetica, Arial, sans-serif;
      padding: 0 20px;
      min-height: 150px;
      background-color: #fff; }
      .forgottenPwd .forgot-password-footer .fgt-body a {
        color: #0f7db5;
        font: 14px/20px "MarkOT-Medium", Helvetica, Arial, sans-serif;
        cursor: pointer;
        text-decoration: underline;
        padding: 0;
        display: inline; }
  .forgottenPwd a {
    display: block;
    padding: 12px 10px;
    border-bottom: 1px solid #d2d2d2;
    font-size: 16px;
    line-height: 24px;
    font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
    color: #333333; }
    .forgottenPwd a:hover {
      background-color: #f5f5f5; }
    .forgottenPwd a:last-child {
      border-bottom: none; }
    .forgottenPwd a.rounded-button {
      border: 2px solid #d2d2d2;
      border-radius: 20px;
      padding: 8px;
      text-align: center;
      margin: 12px -12px 0; }
  .forgottenPwd .error {
    padding-top: 8px; }
    .forgottenPwd .error span {
      color: #D51510; }

.remodal-wrapper .forgottenPwd .error {
  padding-top: 0; }

.remodal-wrapper .forgottenPwd a.rounded-button {
  margin: 12px 0px 0; }

.forgot-pwd-popup.remodal {
  width: auto; }

.register-brewer--conatiner {
  width: 100%;
  margin: 25px auto 0; }
  @media screen and (max-width: 767px) {
    .register-brewer--conatiner {
      max-width: 340px;
      width: 100%;
      margin: 8px auto 0; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .register-brewer--conatiner {
      max-width: 700px;
      width: 100%;
      margin: auto; } }
  @media screen and (min-width: 1200px) {
    .register-brewer--conatiner {
      margin-top: 40px; } }
  @media only screen and (min-width: 320px) and (max-device-width: 375px) {
    .register-brewer--conatiner {
      max-width: 340px; } }
  @media screen and (max-width: 374px) {
    .register-brewer--conatiner {
      max-width: 310px; } }
  .register-brewer--conatiner #registerBrewerForm {
    text-align: center; }
    .register-brewer--conatiner #registerBrewerForm .register-brewer-form-wrapper {
      display: flex;
      justify-content: center;
      column-gap: 100px; }
      @media screen and (min-width: 768px) and (max-width: 1199px) {
        .register-brewer--conatiner #registerBrewerForm .register-brewer-form-wrapper {
          column-gap: 50px; }
          .register-brewer--conatiner #registerBrewerForm .register-brewer-form-wrapper .brewer-reg-left,
          .register-brewer--conatiner #registerBrewerForm .register-brewer-form-wrapper .brewer-reg-right {
            width: 340px;
            margin: 0px auto; } }
      @media screen and (max-width: 1023px) {
        .register-brewer--conatiner #registerBrewerForm .register-brewer-form-wrapper {
          flex-direction: column; } }
    .register-brewer--conatiner #registerBrewerForm .forgot-password-container {
      text-align: left;
      padding: 5px; }
      .register-brewer--conatiner #registerBrewerForm .forgot-password-container .primary-link {
        color: #0f7db5 !important;
        font: 13px "MarkOT-Medium", Helvetica, Arial, sans-serif;
        cursor: pointer;
        text-decoration: underline;
        line-height: 16px;
        border-bottom: none; }
    .register-brewer--conatiner #registerBrewerForm .validation-error {
      position: relative;
      font-size: 14px;
      font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
      text-align: left;
      line-height: 16px;
      max-width: 340px;
      color: #D1150C;
      left: 20px;
      padding-top: 5px; }
      .register-brewer--conatiner #registerBrewerForm .validation-error:before {
        content: "";
        position: absolute;
        left: -22px;
        height: 20px;
        width: 20px;
        background: url("../images/icons/Alert.svg") no-repeat; }
    .register-brewer--conatiner #registerBrewerForm .pass-hide-show {
      width: 20px;
      height: 20px;
      position: absolute;
      top: 20px;
      right: 8px;
      background: url(https://images.keurig.com/is/image/keurig/showPassword?fmt=png-alpha) 0% 0%/contain no-repeat;
      cursor: pointer; }
      .register-brewer--conatiner #registerBrewerForm .pass-hide-show.show {
        background: url(https://images.keurig.com/is/image/keurig/hidePassword?fmt=png-alpha) 0% 0%/contain no-repeat; }
    .register-brewer--conatiner #registerBrewerForm .btn-box:disabled {
      pointer-events: none;
      opacity: .3;
      border: 2px solid #999999; }
    .register-brewer--conatiner #registerBrewerForm .brewer-question-wrapper {
      text-align: left;
      padding: 10px 0; }
      .register-brewer--conatiner #registerBrewerForm .brewer-question-wrapper .disabled {
        pointer-events: none; }
        .register-brewer--conatiner #registerBrewerForm .brewer-question-wrapper .disabled .brewer-question {
          color: #D8DBDF; }
        .register-brewer--conatiner #registerBrewerForm .brewer-question-wrapper .disabled select {
          background-color: #ebebeb; }
        .register-brewer--conatiner #registerBrewerForm .brewer-question-wrapper .disabled select.select-style {
          opacity: .3; }
      .register-brewer--conatiner #registerBrewerForm .brewer-question-wrapper #datePurchased {
        color: #7e8a96 !important;
        width: 160px; }
      .register-brewer--conatiner #registerBrewerForm .brewer-question-wrapper .brewer-question {
        color: #68676b;
        cursor: pointer;
        display: block;
        line-height: 1.5;
        font-size: 14px; }
      .register-brewer--conatiner #registerBrewerForm .brewer-question-wrapper .autocomplete {
        position: relative;
        display: inline-block;
        margin-bottom: 8px; }
        .register-brewer--conatiner #registerBrewerForm .brewer-question-wrapper .autocomplete .typehead {
          padding: 0 20px;
          margin-bottom: 0; }
      .register-brewer--conatiner #registerBrewerForm .brewer-question-wrapper .autocomplete-items {
        position: absolute;
        border: 1px solid #68676b;
        border-bottom: none;
        border-top: none;
        z-index: 99;
        top: 100%;
        left: 0;
        right: 0; }
        .register-brewer--conatiner #registerBrewerForm .brewer-question-wrapper .autocomplete-items div {
          padding: 10px;
          cursor: pointer;
          background-color: #fff;
          border-bottom: 1px solid #68676b;
          font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
          font-size: 16px;
          line-height: 20px; }
          .register-brewer--conatiner #registerBrewerForm .brewer-question-wrapper .autocomplete-items div:hover {
            background-color: #f1be48;
            color: #fff; }
      .register-brewer--conatiner #registerBrewerForm .brewer-question-wrapper .autocomplete-active {
        background-color: #f1be48 !important;
        color: #fff; }
    .register-brewer--conatiner #registerBrewerForm .registerAppliancePurchaseFrom {
      padding-bottom: 0px; }
    .register-brewer--conatiner #registerBrewerForm .whatInspiredLabel .prettycheckbox {
      margin: 0px 0; }
    .register-brewer--conatiner #registerBrewerForm .ui-datepicker-trigger {
      left: -190px;
      width: 28px;
      height: 18px;
      bottom: 37px;
      float: right;
      padding-right: 10px; }
      @media screen and (max-width: 374px) {
        .register-brewer--conatiner #registerBrewerForm .ui-datepicker-trigger {
          left: -170px; } }
    .register-brewer--conatiner #registerBrewerForm #brewerOwnBefore, .register-brewer--conatiner #registerBrewerForm .select-style {
      border-radius: 2px;
      width: 100%;
      height: 40px;
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
      background-image: url("../images/grey-down-Arrow.svg");
      background-size: 16px;
      background-position: 291px center;
      -moz-appearance: none; }
      .register-brewer--conatiner #registerBrewerForm #brewerOwnBefore:hover, .register-brewer--conatiner #registerBrewerForm .select-style:hover {
        background-color: transparent;
        border: 1px solid #d2d2d2; }
      .register-brewer--conatiner #registerBrewerForm #brewerOwnBefore:focus, .register-brewer--conatiner #registerBrewerForm .select-style:focus {
        outline: #333333 solid 1px; }
    .register-brewer--conatiner #registerBrewerForm .control-label.registerBrewerFomLabel.brewerOwnBeforeLabel {
      margin: 0; }
    .register-brewer--conatiner #registerBrewerForm .brewer-serial--container {
      text-align: right;
      position: relative; }
      .register-brewer--conatiner #registerBrewerForm .brewer-serial--container .serial-help-text {
        font-size: 14px;
        font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
        line-height: 16px;
        color: #333333;
        max-width: 340px;
        text-align: left; }
      .register-brewer--conatiner #registerBrewerForm .brewer-serial--container .serial-wrapper {
        display: block;
        margin-top: 0px;
        z-index: 1;
        position: relative;
        text-align: left; }
        @media only screen and (min-width: 768px) {
          .register-brewer--conatiner #registerBrewerForm .brewer-serial--container .serial-wrapper {
            position: relative;
            left: 0px;
            display: block;
            top: 40%;
            width: 300px;
            text-align: left; } }
        .register-brewer--conatiner #registerBrewerForm .brewer-serial--container .serial-wrapper #locate-serial-number {
          color: #0F7DB5;
          font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
          font-size: 13px;
          line-height: 16px;
          text-align: center;
          background: transparent;
          outline: 0;
          border: 0;
          cursor: pointer;
          padding: 0px;
          text-decoration: underline; }
      .register-brewer--conatiner #registerBrewerForm .brewer-serial--container .control-group {
        margin: 0px; }
    .register-brewer--conatiner #registerBrewerForm .brewer-serial--container label,
    .register-brewer--conatiner #registerBrewerForm .form_field-elements label,
    .register-brewer--conatiner #registerBrewerForm .loginFormBrewer label {
      font-size: 16px;
      font-family: "MarkOT-Bold", Helvetica, Arial, sans-serif;
      line-height: 18px;
      color: #3B2B2F; }
    .register-brewer--conatiner #registerBrewerForm .form_field-elements .password-help-text {
      font-family: "MarkOT-Book", Helvetica, Arial, sans-serif;
      font-size: 12px;
      line-height: 13px;
      max-width: 340px;
      color: #333333;
      text-align: left;
      padding-top: 12px; }
    .register-brewer--conatiner #registerBrewerForm .control-group {
      position: relative;
      margin-bottom: 10px;
      width: 340px;
      margin: auto 0px;
      text-align: left; }
      @media screen and (max-width: 374px) {
        .register-brewer--conatiner #registerBrewerForm .control-group {
          max-width: 310px; } }
      .register-brewer--conatiner #registerBrewerForm .control-group.info .help-inline span {
        background-color: #333333;
        border: 1px solid #333333; }
        .register-brewer--conatiner #registerBrewerForm .control-group.info .help-inline span:after {
          border-top: 10px solid #333333; }
      .register-brewer--conatiner #registerBrewerForm .control-group.error input, .register-brewer--conatiner #registerBrewerForm .control-group.error select {
        border-color: #d51610; }
      .register-brewer--conatiner #registerBrewerForm .control-group.error .help-inline span {
        background-color: #d51610;
        border: 1px solid #d51610; }
        .register-brewer--conatiner #registerBrewerForm .control-group.error .help-inline span:after {
          border-top: 10px solid #d51610; }
      .register-brewer--conatiner #registerBrewerForm .control-group .help-inline {
        bottom: 54px;
        position: absolute;
        display: none;
        width: 100%;
        z-index: 999; }
        @media only screen and (min-width: 320px) and (max-device-width: 375px) {
          .register-brewer--conatiner #registerBrewerForm .control-group .help-inline {
            left: -5px; } }
        .register-brewer--conatiner #registerBrewerForm .control-group .help-inline span {
          border-radius: 3px;
          color: #fff;
          font-size: 12px;
          font-style: italic;
          font-weight: bold;
          letter-spacing: 1px;
          line-height: 15px;
          padding: 7px 3px;
          display: block;
          width: 100%;
          position: relative; }
          .register-brewer--conatiner #registerBrewerForm .control-group .help-inline span:after {
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            content: "";
            position: absolute;
            right: 10px;
            bottom: -10px; }
      .register-brewer--conatiner #registerBrewerForm .control-group label {
        font-size: 14px;
        margin-top: 10px; }
        .register-brewer--conatiner #registerBrewerForm .control-group label sup {
          top: 6px;
          font-size: 14px; }
      .register-brewer--conatiner #registerBrewerForm .control-group input {
        width: 340px;
        border: 1px solid #d2d2d2;
        border-radius: 3px;
        /*padding: 8px;*/
        height: 40px;
        padding: 12px 15px 0 15px;
        font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
        margin-bottom: 8px; }
        @media only screen and (min-width: 320px) and (max-device-width: 375px) {
          .register-brewer--conatiner #registerBrewerForm .control-group input {
            width: 340px; } }
        @media screen and (max-width: 374px) {
          .register-brewer--conatiner #registerBrewerForm .control-group input {
            max-width: 310px; } }
      .register-brewer--conatiner #registerBrewerForm .control-group input[type="checkbox"] {
        display: block !important;
        margin: 0;
        color: #fff;
        border: #fff;
        position: absolute;
        left: -2000px;
        height: auto; }
        .register-brewer--conatiner #registerBrewerForm .control-group input[type="checkbox"]:checked ~ label:before {
          background-color: #2f4053;
          border: 2px solid #2f4053; }
        .register-brewer--conatiner #registerBrewerForm .control-group input[type="checkbox"] ~ a {
          display: none; }
        .register-brewer--conatiner #registerBrewerForm .control-group input[type="checkbox"]:checked ~ label:after {
          content: '';
          display: block;
          position: absolute;
          width: 6px;
          height: 12px;
          border: solid #fff;
          border-width: 0 2px 2px 0;
          transform: rotate(45deg);
          top: 3px;
          left: 7px;
          background: none; }
        .register-brewer--conatiner #registerBrewerForm .control-group input[type="checkbox"]:focus ~ label:before {
          outline: #85BFFD solid 2px; }
        .register-brewer--conatiner #registerBrewerForm .control-group input[type="checkbox"] ~ label {
          color: #68676b;
          font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
          font-size: 14px;
          font-weight: 300;
          line-height: 15px;
          position: relative;
          padding-left: 35px;
          margin-top: 16px;
          display: block;
          cursor: pointer; }
          .register-brewer--conatiner #registerBrewerForm .control-group input[type="checkbox"] ~ label:before {
            display: block;
            width: 20px;
            height: 20px;
            top: 1px;
            left: 0;
            content: '';
            position: absolute;
            background-color: #fff;
            border: 2px solid #d2d2d2;
            background: none; }
  .register-brewer--conatiner .btn-row {
    margin-top: 30px !important; }
    .register-brewer--conatiner .btn-row #registerBrewerButton {
      width: 340px !important;
      border-radius: 20px;
      padding: 11px 22px;
      cursor: pointer;
      font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 1px;
      line-height: 18px;
      text-align: center;
      text-transform: uppercase;
      margin-top: 15px;
      margin-bottom: 30px; }
      @media screen and (max-width: 374px) {
        .register-brewer--conatiner .btn-row #registerBrewerButton {
          max-width: 310px !important; } }
    .register-brewer--conatiner .btn-row #registerBrewerButton.btn-orange:not([disabled]) {
      background-color: #3B2B2F;
      color: #fff;
      border-width: 0px; }
      .register-brewer--conatiner .btn-row #registerBrewerButton.btn-orange:not([disabled]):hover {
        background-color: #AA8066; }

.register-brewer--banner.shadow-only {
  margin-top: 59px;
  box-shadow: 0 5px 25px 0 #d2d2d2; }

.confirmation-images {
  padding: 34px 0 0;
  text-align: center;
  min-height: 240px; }
  @media only screen and (min-width: 768px) {
    .confirmation-images .explore-image {
      margin-right: 6%; } }
  .confirmation-images a {
    display: inline-block;
    width: 100%;
    max-width: 211px;
    width: 100%;
    box-shadow: 0 5px 25px 0 #d2d2d2;
    border-radius: 3px;
    margin: auto;
    vertical-align: top;
    margin-bottom: 15px; }
    @media only screen and (min-width: 768px) {
      .confirmation-images a {
        margin-bottom: 0; } }
    .confirmation-images a img {
      width: 100%;
      max-height: 148px; }
    .confirmation-images a span {
      display: block;
      font-family: MarkOT-Regular;
      font-size: 14px;
      padding: 8px 14px;
      text-align: center;
      color: #333; }

/*.floating-label .passwordLabel, .floating-label .registerBrewerPasswordLabel {
		margin-top: 15px!important;
} */
.register-brewer--conatiner #registerBrewerForm .control-group #emailOptIn ~ label {
  margin-top: 10px; }

#registerBrewerForm .controls.field {
  padding: 0; }

#registerBrewerForm .floating-label.IE-password--container input {
  margin-top: 0; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .register-brewer--conatiner #registerBrewerForm .control-group input[type=checkbox]:checked ~ label::after {
    top: 6px !important; }
  .register-brewer--conatiner #registerBrewerForm .control-group input[type=checkbox] ~ label::before {
    top: 3px !important; }
  .register-brewer--conatiner #registerBrewerForm .control-group input[type=checkbox] {
    top: 38px;
    left: 4px !important;
    height: 0 !important;
    outline: 0;
    width: 0; } }

#content #applianceListPage table {
  margin-left: 80px; }
  #content #applianceListPage table tr th {
    text-align: left; }
  #content #applianceListPage table tr td {
    text-align: left; }

#ui-datepicker-div {
  display: none; }
  #ui-datepicker-div .ui-widget-header a {
    font-size: 1rem; }

/*header*/
/* Cancel Remediation Modal */
/* -------------------------------------------------------------
  Sass CSS3 Mixins!
  List of CSS3 Sass Mixins File to be @imported and @included as you need
  The purpose of this library is to facilitate the use of CSS3 on different browsers
 ------------------------------------------------------------ */
.brewer-modal {
  max-width: 820px;
  width: 100%;
  padding: 25px 11px 50px;
  margin: auto;
  text-align: center; }
  .brewer-modal .br-only {
    border: 1px solid #ebebeb;
    width: 100%; }
  .brewer-modal h4 {
    color: #498428;
    font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif !important;
    font-size: 20px !important;
    letter-spacing: 1px;
    line-height: 30px !important;
    text-align: center !important;
    margin: 12px 0; }
    @media only screen and (min-width: 768px) {
      .brewer-modal h4 {
        text-align: left !important;
        font-size: 30px !important;
        letter-spacing: 2px !important; } }
  .brewer-modal--container {
    width: 100%;
    max-width: 520px;
    margin: auto;
    margin-top: 24px; }
    @media only screen and (min-width: 768px) {
      .brewer-modal--container {
        margin-top: 50px; } }
    .brewer-modal--container .msg-extra--text {
      margin-top: -25px;
      margin-bottom: 50px;
      padding: 0 43px; }
    @media only screen and (min-width: 768px) {
      .brewer-modal--container-msg {
        display: inline-block;
        vertical-align: top;
        margin-left: 4%;
        text-align: left; } }
    @media only screen and (min-width: 768px) {
      .brewer-modal--container-icon {
        width: 11%;
        display: inline-block; } }
    .brewer-modal--container-icon .right-icon {
      height: 55px;
      width: 55px;
      border-radius: 50%;
      display: inline-block;
      border: 3px solid #498428;
      position: relative; }
      .brewer-modal--container-icon .right-icon:after {
        display: block;
        position: absolute;
        width: 14px;
        height: 26px;
        border: solid #498428;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        top: 20%;
        left: 37%;
        content: ""; }
    .brewer-modal--container:nth-child(1) {
      margin-bottom: 16px; }
    .brewer-modal--container--success-msg {
      font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif; }
      .brewer-modal--container--success-msg a {
        color: #4097c4;
        text-decoration: none;
        text-transform: capitalize;
        font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif; }
  .brewer-modal--congrats-msg {
    color: #333333;
    font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    display: block;
    margin-bottom: 25px; }
  .brewer-modal--coupon-box {
    padding: 15px 6px;
    border: 1px dashed #2f4053;
    border-radius: 2px;
    color: #333333;
    font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    margin-bottom: 20px; }
  .brewer-modal--start-shopping__btn {
    border: 2px solid #f1be48;
    border-radius: 2px;
    background-color: #f1be48;
    padding: 11px 16px;
    cursor: pointer;
    color: #333333;
    font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 18px;
    text-align: center;
    margin-top: 25px;
    text-transform: uppercase;
    /*margin-bottom: 50px;*/
    display: inline-block; }

/*.brewer-modal--coupon-box .brewer-modal--start-shopping__btn {
    display: inline-block;
    margin-bottom: 2px;
}*/

/*header*/
/* Cancel Remediation Modal */
/* -------------------------------------------------------------
  Sass CSS3 Mixins!
  List of CSS3 Sass Mixins File to be @imported and @included as you need
  The purpose of this library is to facilitate the use of CSS3 on different browsers
 ------------------------------------------------------------ */
.floating-label {
  position: relative;
  /* easeInOutQuart */ }
  .floating-label input {
    display: block;
    position: relative;
    width: 100%;
    border: 0;
    top: 10px;
    background: none;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 18px;
    padding: 12px 15px 0 15px;
    /*&:focus {
			background: none;
		}*/ }
  .floating-label label {
    display: block;
    position: absolute;
    -webkit-font-smoothing: antialiased;
    margin-top: 2px;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 18px;
    padding-left: 0;
    animation-name: labelIn;
    -webkit-animation-name: labelIn;
    animation-duration: 0.35s;
    -webkit-animation-duration: 0.35s;
    animation-direction: reverse;
    -webkit-animation-direction: reverse;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    cursor: default;
    color: #999999;
    font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
    margin-top: 10px; }
  .floating-label input:focus ~ label, .floating-label input:-webkit-autofill ~ label {
    animation-name: labelOut;
    -webkit-animation-name: labelOut;
    animation-duration: 0.35s;
    -webkit-animation-duration: 0.35s;
    animation-direction: normal;
    -webkit-animation-direction: normal;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    color: #999999;
    font-size: 10px; }
  .floating-label label.up {
    animation-name: labelOut;
    -webkit-animation-name: labelOut;
    animation-duration: 0.35s;
    -webkit-animation-duration: 0.35s;
    animation-direction: normal;
    -webkit-animation-direction: normal;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    font-size: 10px; }

@keyframes labelIn {
  0% {
    left: 16px;
    opacity: 1;
    top: 10px;
    font-size: 14px; }
  50% {
    font-size: 14px;
    left: 16px;
    opacity: 1;
    top: 10px; }
  50.01% {
    font-size: 10px;
    left: 16px;
    opacity: 1;
    top: 1px;
    color: #333333; }
  100% {
    font-size: 10px;
    opacity: 1;
    left: 16px;
    top: 1px;
    color: #333333; } }

@-webkit-keyframes labelIn {
  0% {
    left: 16px;
    opacity: 1;
    top: 10px;
    font-size: 14px; }
  50% {
    font-size: 14px;
    left: 16px;
    opacity: 1;
    top: 10px; }
  50.01% {
    font-size: 10px;
    left: 16px;
    opacity: 1;
    top: 1px;
    color: #333333; }
  100% {
    font-size: 10px;
    opacity: 1;
    left: 16px;
    top: 1px;
    color: #333333; } }

@keyframes labelOut {
  0% {
    left: 16px;
    opacity: 1;
    top: 10px;
    font-size: 14px; }
  50% {
    font-size: 14px;
    left: 16px;
    opacity: 1;
    top: 10px; }
  50.01% {
    font-size: 10px;
    left: 16px;
    opacity: 1;
    top: 1px;
    color: #999999; }
  100% {
    font-size: 10px;
    opacity: 1;
    left: 16px;
    top: 1px;
    color: #999999; } }

@-webkit-keyframes labelOut {
  0% {
    left: 16px;
    opacity: 1;
    top: 10px;
    font-size: 14px; }
  50% {
    font-size: 14px;
    left: 16px;
    opacity: 1;
    top: 10px; }
  50.01% {
    font-size: 10px;
    left: 16px;
    opacity: 1;
    top: 1px;
    color: #999999; }
  100% {
    font-size: 10px;
    opacity: 1;
    left: 16px;
    top: 1px;
    color: #999999; } }

/*header*/
/* Cancel Remediation Modal */
/* -------------------------------------------------------------
  Sass CSS3 Mixins!
  List of CSS3 Sass Mixins File to be @imported and @included as you need
  The purpose of this library is to facilitate the use of CSS3 on different browsers
 ------------------------------------------------------------ */
#registerBrewerForm .control-group input:focus {
  outline: 1px solid #333333; }

#registerBrewerForm .control-group.error input:focus {
  outline: none; }

#registerBrewerForm .control-group.error input:focus {
  outline: none; }

/*header*/
/* Cancel Remediation Modal */
/* -------------------------------------------------------------
  Sass CSS3 Mixins!
  List of CSS3 Sass Mixins File to be @imported and @included as you need
  The purpose of this library is to facilitate the use of CSS3 on different browsers
 ------------------------------------------------------------ */
.account-container.profile-page {
  min-height: 562px;
  background: #fbf3eb; }
  .account-container.profile-page .maxContentWidth {
    padding: 0 10px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .account-container.profile-page .maxContentWidth {
        padding: 0 20px; } }
    @media screen and (min-width: 1200px) {
      .account-container.profile-page .maxContentWidth {
        padding: 0 50px; } }
  .account-container.profile-page .full-content {
    padding-top: 30px; }
    .account-container.profile-page .full-content.profile-page-content {
      padding: 30px 0 40px 0; }

.profile-page-content .emp-group.employee-id .tooltip-wrapper {
  margin: 23px 11px 0 1px; }

.profile-page-content .tooltip-wrapper {
  position: relative;
  float: right;
  width: 22px;
  height: 22px; }
  .profile-page-content .tooltip-wrapper.disabled-edit {
    margin-left: 11px;
    top: 8px; }
    @media screen and (max-width: 767px) {
      .profile-page-content .tooltip-wrapper.disabled-edit {
        margin-left: 5px; } }
    @media only screen and (max-width: 380px) {
      .profile-page-content .tooltip-wrapper.disabled-edit .info_icon {
        margin-left: 0; } }
  .profile-page-content .tooltip-wrapper .info_icon {
    position: relative;
    display: inline-block;
    text-decoration: none !important;
    width: 20px;
    height: 21px;
    bottom: 5px;
    background: url(/_ui/desktop/common/images/icons/icon-reverse.png) no-repeat; }
    @media only screen and (max-width: 380px) {
      .profile-page-content .tooltip-wrapper .info_icon {
        margin-left: 13px; } }
    .profile-page-content .tooltip-wrapper .info_icon:focus + .employee_detail_info,
    .profile-page-content .tooltip-wrapper .info_icon:active + .employee_detail_info,
    .profile-page-content .tooltip-wrapper .info_icon:hover + .employee_detail_info {
      visibility: visible;
      opacity: 1;
      transition: opacity 0.5s linear; }

.profile-page-content .employee_detail_info {
  visibility: hidden;
  position: absolute;
  background-color: #fff;
  padding: 10px 5px 10px 10px;
  width: 204px;
  display: flex;
  border-radius: 3px;
  right: -12px;
  bottom: 42px;
  text-align: left;
  word-wrap: break-word;
  border: 1px solid #d2d2d2;
  color: #68676b;
  opacity: 0;
  z-index: 1;
  box-shadow: 0 5px 25px 0 #d2d2d2; }
  @media only screen and (max-width: 380px) {
    .profile-page-content .employee_detail_info {
      right: -9px; } }
  .profile-page-content .employee_detail_info .employee_detail_msg {
    font-size: 12px;
    letter-spacing: 1px;
    position: relative;
    line-height: 15px; }
  .profile-page-content .employee_detail_info:after {
    content: "";
    position: absolute;
    cursor: pointer;
    background-color: #fff;
    border-style: solid;
    border-color: #d2d2d2;
    height: 15px;
    width: 15px;
    right: 7%;
    bottom: -16px;
    border-width: 1px 0 0 1px;
    -webkit-transform: translateY(-50%) rotate(-135deg);
    -moz-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg); }

.update-communications-label {
  margin: 15px 0 30px 0;
  display: inline-flex;
  flex-direction: column; }
  @media screen and (min-width: 1200px) {
    .update-communications-label {
      margin: 12px 0 30px 0; } }
  @media screen and (max-width: 1023px) {
    .update-communications-label.site-ca {
      margin: 15px 0 16px 16px; } }
  .update-communications-label a {
    padding-top: 7px;
    font-size: 12px;
    font-family: "MarkOT-Italic", Helvetica, Arial, sans-serif;
    color: #68676b;
    text-decoration: underline; }
    @media only screen and (min-width: 768px) {
      .update-communications-label a {
        font-size: 14px; } }
  .update-communications-label .perks-modal-content, .update-communications-label .perks-optout-modal-content {
    display: none; }

.your-perfect-cup {
  background: #fff;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 22px 0; }
  @media only screen and (min-width: 768px) {
    .your-perfect-cup {
      margin: 0 0 30px 0;
      padding: 18px 10px;
      align-items: center; } }
  .your-perfect-cup .image-container {
    margin: 1px 15px 0 1px; }
    @media only screen and (min-width: 768px) {
      .your-perfect-cup .image-container {
        margin: 0 20px 0 0; } }
  .your-perfect-cup .text-container {
    flex: 1; }
    @media only screen and (min-width: 768px) {
      .your-perfect-cup .text-container {
        position: relative; } }
    .your-perfect-cup .text-container .title {
      padding: 0;
      margin: 0;
      border: none;
      font-size: 12px;
      color: #333333;
      text-transform: uppercase;
      letter-spacing: 0.38px;
      line-height: 15px;
      font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif; }
      @media only screen and (min-width: 768px) {
        .your-perfect-cup .text-container .title {
          font-size: 14px;
          letter-spacing: 0.44px;
          line-height: 18px; } }
    .your-perfect-cup .text-container .description {
      margin: 5px 0 0 0;
      font-size: 12px;
      font-weight: 300;
      letter-spacing: 0.38px;
      line-height: 15px;
      color: #68676b;
      font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif; }
      @media only screen and (min-width: 768px) {
        .your-perfect-cup .text-container .description {
          font-size: 16px;
          line-height: 20px;
          letter-spacing: 0.5px; } }
      @media screen and (min-width: 1024px) {
        .your-perfect-cup .text-container .description {
          max-width: 85%; } }
      .your-perfect-cup .text-container .description:first-letter {
        text-transform: capitalize; }
  .your-perfect-cup .link {
    letter-spacing: 0.38px;
    line-height: 15px;
    font-family: "MarkOT-Bold", Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin-top: 5px;
    flex: inherit; }
    @media only screen and (min-width: 768px) {
      .your-perfect-cup .link {
        margin-top: 7px;
        display: flex; } }
    @media screen and (min-width: 1024px) {
      .your-perfect-cup .link {
        margin-left: auto;
        margin-top: 14px;
        position: absolute;
        right: 0;
        top: 0; } }

@media only screen and (min-width: 768px) {
  .employee-info-container .KDP-employee {
    display: inline-block; } }

.employee-info-container .employee-checkbox {
  display: inline-block;
  padding: 0;
  margin: 20px 5px 0 0;
  background-position: top;
  background-size: 10px 1px;
  background-repeat: repeat-x;
  background-position-x: inherit; }
  .employee-info-container .employee-checkbox input[type=checkbox] {
    display: block !important;
    margin: 0;
    width: 320px;
    border-radius: 3px;
    padding: 12px 15px 0;
    font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
    color: #fff;
    border: #fff;
    position: absolute;
    left: -2000px;
    height: auto; }
    .employee-info-container .employee-checkbox input[type=checkbox]:checked ~ label.disabled {
      cursor: default; }
    .employee-info-container .employee-checkbox input[type=checkbox]:checked ~ label:before {
      background-color: #2f4053;
      border: 2px solid #2f4053; }
    .employee-info-container .employee-checkbox input[type=checkbox]:checked ~ label.disabled:before {
      background-color: #d2d2d2;
      border: 2px solid #d2d2d2; }
    .employee-info-container .employee-checkbox input[type=checkbox] ~ a {
      display: none; }
    .employee-info-container .employee-checkbox input[type=checkbox]:checked ~ label:after {
      content: '';
      display: block;
      position: absolute;
      width: 6px;
      height: 12px;
      border: solid #fff;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg);
      top: 3px;
      left: 7px;
      background: none; }
    .employee-info-container .employee-checkbox input[type=checkbox]:focus ~ label:before {
      outline: #85BFFD solid 2px; }
    .employee-info-container .employee-checkbox input[type=checkbox] ~ label {
      color: #333333;
      font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
      font-size: 14px;
      position: relative;
      padding-left: 35px;
      margin-top: 20px;
      display: block;
      line-height: 20px;
      cursor: pointer;
      letter-spacing: 0.88px;
      margin-left: 0; }
      @media only screen and (min-width: 768px) {
        .employee-info-container .employee-checkbox input[type=checkbox] ~ label {
          font-size: 14px;
          letter-spacing: 0.88px; } }
      .employee-info-container .employee-checkbox input[type=checkbox] ~ label:before {
        display: block;
        width: 20px;
        height: 20px;
        top: 1px;
        left: 0;
        content: '';
        position: absolute;
        background-color: #fff;
        border: 2px solid #d2d2d2;
        background: none; }
  .employee-info-container .employee-checkbox [for='kdp-employee-checkbox'] {
    margin-right: 0; }
  .employee-info-container .employee-checkbox .kdp-employee-checkbox {
    margin-right: 0; }
    .employee-info-container .employee-checkbox .kdp-employee-checkbox.disabled {
      cursor: default;
      font-size: 14px;
      letter-spacing: .88px;
      color: #333;
      margin-right: 0; }

.employee-info-container .employee-info-wrap {
  display: none;
  position: relative; }
  @media only screen and (min-width: 768px) {
    .employee-info-container .employee-info-wrap {
      margin-top: 10px; } }
  .employee-info-container .employee-info-wrap.kdp-employee {
    margin-top: 0; }
  .employee-info-container .employee-info-wrap .employeeInfoFormLabel.up {
    letter-spacing: 0.36px;
    font-size: 10px; }
  .employee-info-container .employee-info-wrap .emp-group {
    position: relative;
    margin-bottom: 10px;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .employee-info-container .employee-info-wrap .emp-group {
        display: inline-block;
        margin-right: 15px;
        width: 156px; } }
    @media only screen and (min-width: 768px) {
      .employee-info-container .employee-info-wrap .emp-group.employee-id {
        width: 211px; } }
    @media screen and (max-width: 767px) {
      .employee-info-container .employee-info-wrap .emp-group.employee-id.without-tooltip .floating-label {
        width: auto;
        display: block; } }
    .employee-info-container .employee-info-wrap .emp-group.employee-id .floating-label {
      width: 85%;
      display: inline-block; }
      @media only screen and (min-width: 768px) {
        .employee-info-container .employee-info-wrap .emp-group.employee-id .floating-label {
          width: 156px; } }
    .employee-info-container .employee-info-wrap .emp-group input {
      border: 1px solid #d2d2d2;
      border-radius: 3px;
      height: 40px;
      padding: 12px 15px 0;
      font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
      margin-bottom: 8px;
      color: #333333;
      letter-spacing: 0.5px;
      font-size: 14px;
      line-height: 18px;
      box-shadow: none;
      margin-top: 0;
      background: #fff; }
      .employee-info-container .employee-info-wrap .emp-group input.disabled {
        font-size: 14px;
        background: #fff;
        color: #333333;
        letter-spacing: 0.43px;
        line-height: 15px; }
        @media only screen and (min-width: 768px) {
          .employee-info-container .employee-info-wrap .emp-group input.disabled {
            color: #999999; } }
    .employee-info-container .employee-info-wrap .emp-group label {
      margin-top: 10px;
      color: #68676b;
      font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
      font-size: 14px;
      letter-spacing: 0.5px;
      line-height: 18px; }
      .employee-info-container .employee-info-wrap .emp-group label.disabled {
        color: #999999;
        font-size: 10px;
        letter-spacing: 0.36px;
        line-height: 13px; }
    .employee-info-container .employee-info-wrap .emp-group .error {
      border-color: #d51610; }
  .employee-info-container .employee-info-wrap .emp_info_submitted {
    float: left;
    margin-left: 18.88px;
    margin-top: 11px;
    height: 40px; }
    @media only screen and (min-width: 768px) {
      .employee-info-container .employee-info-wrap .emp_info_submitted {
        margin-left: 13px; } }
    .employee-info-container .employee-info-wrap .emp_info_submitted .success_icon {
      background: url(/_ui/desktop/common/images/icons/green-checkmark.png) no-repeat;
      width: 32px;
      height: 32px;
      display: inline-block;
      background-size: 100%;
      float: left;
      margin-top: 4px;
      margin-bottom: 6px; }
    .employee-info-container .employee-info-wrap .emp_info_submitted .success_msg {
      color: #498428;
      font-size: 12px;
      font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
      letter-spacing: 1px;
      line-height: 15px;
      width: 160px;
      display: block;
      float: left;
      margin-left: 13.88px;
      margin-top: 4px;
      margin-bottom: 6px; }

.employee-info-container .submit-emp-info {
  margin-top: 10px;
  position: relative;
  float: left; }
  .employee-info-container .submit-emp-info button {
    padding: 0;
    height: 40px;
    width: 92px;
    border-radius: 2px;
    letter-spacing: 1px;
    line-height: 18px; }
    .employee-info-container .submit-emp-info button:disabled, .employee-info-container .submit-emp-info button:disabled:hover {
      cursor: default; }

.employee-info-container .error-tooltip {
  position: absolute;
  width: auto;
  padding: 7px 10.71px 7px 9.9px;
  border: 1px solid #d51610;
  border-radius: 3px;
  background-color: #d51610; }
  .employee-info-container .error-tooltip .arrow-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #d51610;
    position: absolute;
    bottom: -10px; }
  .employee-info-container .error-tooltip label {
    color: #fff;
    font-family: "MarkOT-Bold", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 15px; }
  .employee-info-container .error-tooltip.empFirstName {
    bottom: 140px; }
    @media only screen and (min-width: 768px) {
      .employee-info-container .error-tooltip.empFirstName {
        bottom: 58px; } }
  .employee-info-container .error-tooltip.empLastName {
    bottom: 90px; }
    @media only screen and (min-width: 768px) {
      .employee-info-container .error-tooltip.empLastName {
        bottom: 58px;
        left: 175px; } }
  .employee-info-container .error-tooltip.empId {
    bottom: 40px; }
    @media only screen and (min-width: 768px) {
      .employee-info-container .error-tooltip.empId {
        bottom: 58px;
        left: 351px; } }

.employee-info-container .discount-used {
  display: none;
  color: #333333;
  width: 100%;
  margin-top: 11px;
  color: #333333; }
  @media only screen and (min-width: 768px) {
    .employee-info-container .discount-used {
      width: auto;
      margin-top: initial; } }
  .employee-info-container .discount-used span {
    font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
    line-height: 25px;
    font-size: 12px;
    letter-spacing: 0.75px; }
    @media only screen and (min-width: 768px) {
      .employee-info-container .discount-used span {
        font-size: 14px;
        letter-spacing: 0.88px; } }
  .employee-info-container .discount-used .discount-price {
    font-family: "MarkOT-Bold", Helvetica, Arial, sans-serif;
    float: right;
    font-size: 16px;
    position: relative;
    letter-spacing: 1px; }
    @media only screen and (min-width: 768px) {
      .employee-info-container .discount-used .discount-price {
        float: none;
        margin-left: 10px;
        line-height: 18px; } }
    @media only screen and (max-width: 380px) {
      .employee-info-container .discount-used .discount-price {
        position: inherit;
        top: 0px; } }
    .employee-info-container .discount-used .discount-price sup {
      font-size: 10px; }

.employee-info-container .discount-max {
  display: none;
  color: #333333;
  font-size: 16px;
  letter-spacing: 1px;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .employee-info-container .discount-max {
      width: 345px; } }
  .employee-info-container .discount-max span {
    font-family: "MarkOT-MediumItalic", Helvetica, Arial, sans-serif;
    line-height: 20px; }

.employee-info-container .generic-error {
  width: 282px;
  color: #d51610;
  display: flex; }
  .employee-info-container .generic-error span {
    font-family: "MarkOT-Bold", Helvetica, Arial, sans-serif;
    line-height: 15px;
    font-size: 12px;
    font-style: italic;
    letter-spacing: 1px; }

.perks-modal-container {
  text-align: center;
  background-color: #e7ceb5;
  padding: 40px 100px;
  width: calc(100% - 20px);
  max-width: 820px;
  border-radius: 8px; }
  @media screen and (max-width: 767px) {
    .perks-modal-container {
      padding: 40px 20px; } }
  .perks-modal-container .perks-modal-logo {
    max-width: 288px; }
    @media screen and (max-width: 767px) {
      .perks-modal-container .perks-modal-logo {
        max-width: 237px; } }
  .perks-modal-container .perks-modal-heading {
    color: #E5431E;
    font-family: "MarkOT-Bold", Helvetica, Arial, sans-serif;
    font-size: 30px;
    line-height: normal;
    margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      .perks-modal-container .perks-modal-heading {
        font-size: 24px; } }
  .perks-modal-container .perks-modal-desc {
    color: #333;
    font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding: 20px 0 0;
    word-spacing: 1px; }
    .perks-modal-container .perks-modal-desc a {
      font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
      text-decoration: underline; }
  .perks-modal-container .perks-join-today, .perks-modal-container .perks-optout-cta {
    border: none;
    border-radius: 100px;
    background: #fff;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 10px;
    color: #E6431E;
    text-align: center;
    font-family: "MarkOT-Bold", Helvetica, Arial, sans-serif;
    font-size: 16px;
    width: 220px;
    margin-top: 40px;
    cursor: pointer; }
  .perks-modal-container .perks-join-container .perks-3lines-left, .perks-modal-container .perks-join-container .perks-3lines-right {
    position: relative;
    top: 14px; }
  .perks-modal-container .perks-modal-benefit {
    max-width: 400px;
    margin: 0 auto;
    text-align: left;
    padding-left: 58px;
    padding-top: 20px; }
    @media screen and (max-width: 767px) {
      .perks-modal-container .perks-modal-benefit {
        padding-left: 40px; } }
    .perks-modal-container .perks-modal-benefit .perks-modal-desc {
      text-align: left; }
    .perks-modal-container .perks-modal-benefit .perks-modal-benefit-list {
      margin-top: 15px; }
      .perks-modal-container .perks-modal-benefit .perks-modal-benefit-list li {
        font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
        font-size: 16px;
        line-height: 20px;
        list-style-type: disc; }
  .perks-modal-container .perks-optout-cta {
    margin-top: 70px; }
  .perks-modal-container .remodal-close {
    width: 25px;
    height: 25px; }

/*
    * This fix is for handling click on iOS devices on Profile page. 
    * This is to fix the blur event of the tooltip info-icon.
    */
html.touch .page-profile {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent; }

/*header*/
/* Cancel Remediation Modal */
/* -------------------------------------------------------------
  Sass CSS3 Mixins!
  List of CSS3 Sass Mixins File to be @imported and @included as you need
  The purpose of this library is to facilitate the use of CSS3 on different browsers
 ------------------------------------------------------------ */
.profile-container {
  background: #fff;
  padding: 0 10px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 10px 0;
  border-radius: 3px; }
  .profile-container .employeeInfoFormLabel {
    font-size: 0.875rem !important; }
  @media screen and (min-width: 1200px) {
    .profile-container {
      padding: 0 10px;
      margin: 0 0 12px 0; } }
  .profile-container .profile-row {
    display: flex;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
    flex-wrap: wrap;
    border-bottom: 1px solid #F1E3D7; }
    .profile-container .profile-row .update-profile {
      width: 100%; }
      .profile-container .profile-row .update-profile .error-tooltip-profile {
        position: absolute;
        width: 100%;
        padding: 0 10.71px 7px 9.9px;
        border: 1px solid #d51610;
        border-radius: 3px;
        background-color: #d51610;
        bottom: 40px; }
        @media screen and (min-width: 768px) {
          .profile-container .profile-row .update-profile .error-tooltip-profile {
            bottom: 50px; } }
        .profile-container .profile-row .update-profile .error-tooltip-profile .arrow-down {
          width: 0;
          height: 0;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-top: 10px solid #d51610;
          position: absolute;
          bottom: -10px; }
    .profile-container .profile-row .name-label {
      display: flex;
      width: 100%;
      flex-wrap: wrap; }
      .profile-container .profile-row .name-label .row-label {
        width: 5.5rem;
        text-transform: uppercase; }
        @media screen and (min-width: 1200px) {
          .profile-container .profile-row .name-label .row-label {
            width: 15%; } }
        .profile-container .profile-row .name-label .row-label span {
          height: 13px;
          width: 32px;
          color: #68676b;
          font-family: "MarkOT-Regular";
          font-size: 10px;
          line-height: 13px; }
          @media screen and (min-width: 1200px) {
            .profile-container .profile-row .name-label .row-label span {
              height: 18px;
              width: 44px;
              font-size: 14px;
              line-height: 18px; } }
      .profile-container .profile-row .name-label .row-val {
        width: 56%;
        overflow-wrap: break-word; }
        @media screen and (min-width: 1200px) {
          .profile-container .profile-row .name-label .row-val {
            width: 71%; } }
        .profile-container .profile-row .name-label .row-val span {
          height: 15px;
          color: #333333;
          font-family: "MarkOT-Medium";
          font-size: 12px;
          line-height: 15px; }
          @media screen and (min-width: 1200px) {
            .profile-container .profile-row .name-label .row-val span {
              height: 18px;
              font-size: 14px;
              line-height: 18px; } }
          .profile-container .profile-row .name-label .row-val spanpassword {
            height: 15px;
            line-height: 15px; }
            @media screen and (min-width: 1200px) {
              .profile-container .profile-row .name-label .row-val spanpassword {
                height: 16px;
                line-height: 16px; } }
      .profile-container .profile-row .name-label .row-edit {
        min-width: 10%;
        max-width: 10%;
        text-align: right;
        flex-grow: 1; }
        @media screen and (max-width: 767px) {
          .profile-container .profile-row .name-label .row-edit {
            min-width: unset;
            max-width: unset; } }
        .profile-container .profile-row .name-label .row-edit .simple-link {
          float: right;
          height: 15px;
          font-family: "MarkOT-Bold";
          font-size: 12px;
          letter-spacing: 0.38px;
          line-height: 26px;
          cursor: pointer; }
          .profile-container .profile-row .name-label .row-edit .simple-link:focus-visible {
            outline: auto 1px;
            outline: -webkit-focus-ring-color auto 1px; }
          .profile-container .profile-row .name-label .row-edit .simple-link.disabled {
            color: #b9b9b9;
            cursor: not-allowed; }
        .profile-container .profile-row .name-label .row-edit .opened-link {
          cursor: default !important; }
    .profile-container .profile-row .company-edit,
    .profile-container .profile-row .name-edit,
    .profile-container .profile-row .email-edit,
    .profile-container .profile-row .password-edit,
    .profile-container .profile-row .workplace-edit,
    .profile-container .profile-row .industry-edit,
    .profile-container .profile-row .employees-edit,
    .profile-container .profile-row .customers-edit,
    .profile-container .profile-row .numberOfLocations-edit,
    .profile-container .profile-row .cupsPerDay-edit,
    .profile-container .profile-row .rooms-edit,
    .profile-container .profile-row .roomLocations-edit {
      display: block;
      width: 100%;
      padding-top: 13px; }
      @media screen and (min-width: 1200px) {
        .profile-container .profile-row .company-edit,
        .profile-container .profile-row .name-edit,
        .profile-container .profile-row .email-edit,
        .profile-container .profile-row .password-edit,
        .profile-container .profile-row .workplace-edit,
        .profile-container .profile-row .industry-edit,
        .profile-container .profile-row .employees-edit,
        .profile-container .profile-row .customers-edit,
        .profile-container .profile-row .numberOfLocations-edit,
        .profile-container .profile-row .cupsPerDay-edit,
        .profile-container .profile-row .rooms-edit,
        .profile-container .profile-row .roomLocations-edit {
          display: inline-flex;
          align-items: center; } }
      .profile-container .profile-row .company-edit .company-input,
      .profile-container .profile-row .company-edit .name-input,
      .profile-container .profile-row .name-edit .company-input,
      .profile-container .profile-row .name-edit .name-input,
      .profile-container .profile-row .email-edit .company-input,
      .profile-container .profile-row .email-edit .name-input,
      .profile-container .profile-row .password-edit .company-input,
      .profile-container .profile-row .password-edit .name-input,
      .profile-container .profile-row .workplace-edit .company-input,
      .profile-container .profile-row .workplace-edit .name-input,
      .profile-container .profile-row .industry-edit .company-input,
      .profile-container .profile-row .industry-edit .name-input,
      .profile-container .profile-row .employees-edit .company-input,
      .profile-container .profile-row .employees-edit .name-input,
      .profile-container .profile-row .customers-edit .company-input,
      .profile-container .profile-row .customers-edit .name-input,
      .profile-container .profile-row .numberOfLocations-edit .company-input,
      .profile-container .profile-row .numberOfLocations-edit .name-input,
      .profile-container .profile-row .cupsPerDay-edit .company-input,
      .profile-container .profile-row .cupsPerDay-edit .name-input,
      .profile-container .profile-row .rooms-edit .company-input,
      .profile-container .profile-row .rooms-edit .name-input,
      .profile-container .profile-row .roomLocations-edit .company-input,
      .profile-container .profile-row .roomLocations-edit .name-input {
        display: inline-block;
        width: 100%;
        margin-bottom: 20px; }
        @media screen and (min-width: 1200px) {
          .profile-container .profile-row .company-edit .company-input,
          .profile-container .profile-row .company-edit .name-input,
          .profile-container .profile-row .name-edit .company-input,
          .profile-container .profile-row .name-edit .name-input,
          .profile-container .profile-row .email-edit .company-input,
          .profile-container .profile-row .email-edit .name-input,
          .profile-container .profile-row .password-edit .company-input,
          .profile-container .profile-row .password-edit .name-input,
          .profile-container .profile-row .workplace-edit .company-input,
          .profile-container .profile-row .workplace-edit .name-input,
          .profile-container .profile-row .industry-edit .company-input,
          .profile-container .profile-row .industry-edit .name-input,
          .profile-container .profile-row .employees-edit .company-input,
          .profile-container .profile-row .employees-edit .name-input,
          .profile-container .profile-row .customers-edit .company-input,
          .profile-container .profile-row .customers-edit .name-input,
          .profile-container .profile-row .numberOfLocations-edit .company-input,
          .profile-container .profile-row .numberOfLocations-edit .name-input,
          .profile-container .profile-row .cupsPerDay-edit .company-input,
          .profile-container .profile-row .cupsPerDay-edit .name-input,
          .profile-container .profile-row .rooms-edit .company-input,
          .profile-container .profile-row .rooms-edit .name-input,
          .profile-container .profile-row .roomLocations-edit .company-input,
          .profile-container .profile-row .roomLocations-edit .name-input {
            display: flex;
            padding-left: 7.5%;
            width: 80%;
            margin-bottom: 11px;
            flex-wrap: wrap; } }
        .profile-container .profile-row .company-edit .company-input .passwordShowHide,
        .profile-container .profile-row .company-edit .name-input .passwordShowHide,
        .profile-container .profile-row .name-edit .company-input .passwordShowHide,
        .profile-container .profile-row .name-edit .name-input .passwordShowHide,
        .profile-container .profile-row .email-edit .company-input .passwordShowHide,
        .profile-container .profile-row .email-edit .name-input .passwordShowHide,
        .profile-container .profile-row .password-edit .company-input .passwordShowHide,
        .profile-container .profile-row .password-edit .name-input .passwordShowHide,
        .profile-container .profile-row .workplace-edit .company-input .passwordShowHide,
        .profile-container .profile-row .workplace-edit .name-input .passwordShowHide,
        .profile-container .profile-row .industry-edit .company-input .passwordShowHide,
        .profile-container .profile-row .industry-edit .name-input .passwordShowHide,
        .profile-container .profile-row .employees-edit .company-input .passwordShowHide,
        .profile-container .profile-row .employees-edit .name-input .passwordShowHide,
        .profile-container .profile-row .customers-edit .company-input .passwordShowHide,
        .profile-container .profile-row .customers-edit .name-input .passwordShowHide,
        .profile-container .profile-row .numberOfLocations-edit .company-input .passwordShowHide,
        .profile-container .profile-row .numberOfLocations-edit .name-input .passwordShowHide,
        .profile-container .profile-row .cupsPerDay-edit .company-input .passwordShowHide,
        .profile-container .profile-row .cupsPerDay-edit .name-input .passwordShowHide,
        .profile-container .profile-row .rooms-edit .company-input .passwordShowHide,
        .profile-container .profile-row .rooms-edit .name-input .passwordShowHide,
        .profile-container .profile-row .roomLocations-edit .company-input .passwordShowHide,
        .profile-container .profile-row .roomLocations-edit .name-input .passwordShowHide {
          margin-left: 156px;
          padding-top: 11px;
          text-decoration: underline;
          color: #68676b;
          font-family: "MarkOT-Regular";
          line-height: 15px;
          font-size: 12px;
          cursor: pointer !important;
          position: absolute;
          top: 14px;
          right: 10px; }
          @media screen and (min-width: 1200px) {
            .profile-container .profile-row .company-edit .company-input .passwordShowHide,
            .profile-container .profile-row .company-edit .name-input .passwordShowHide,
            .profile-container .profile-row .name-edit .company-input .passwordShowHide,
            .profile-container .profile-row .name-edit .name-input .passwordShowHide,
            .profile-container .profile-row .email-edit .company-input .passwordShowHide,
            .profile-container .profile-row .email-edit .name-input .passwordShowHide,
            .profile-container .profile-row .password-edit .company-input .passwordShowHide,
            .profile-container .profile-row .password-edit .name-input .passwordShowHide,
            .profile-container .profile-row .workplace-edit .company-input .passwordShowHide,
            .profile-container .profile-row .workplace-edit .name-input .passwordShowHide,
            .profile-container .profile-row .industry-edit .company-input .passwordShowHide,
            .profile-container .profile-row .industry-edit .name-input .passwordShowHide,
            .profile-container .profile-row .employees-edit .company-input .passwordShowHide,
            .profile-container .profile-row .employees-edit .name-input .passwordShowHide,
            .profile-container .profile-row .customers-edit .company-input .passwordShowHide,
            .profile-container .profile-row .customers-edit .name-input .passwordShowHide,
            .profile-container .profile-row .numberOfLocations-edit .company-input .passwordShowHide,
            .profile-container .profile-row .numberOfLocations-edit .name-input .passwordShowHide,
            .profile-container .profile-row .cupsPerDay-edit .company-input .passwordShowHide,
            .profile-container .profile-row .cupsPerDay-edit .name-input .passwordShowHide,
            .profile-container .profile-row .rooms-edit .company-input .passwordShowHide,
            .profile-container .profile-row .rooms-edit .name-input .passwordShowHide,
            .profile-container .profile-row .roomLocations-edit .company-input .passwordShowHide,
            .profile-container .profile-row .roomLocations-edit .name-input .passwordShowHide {
              right: 25px; } }
        .profile-container .profile-row .company-edit .company-input .error,
        .profile-container .profile-row .company-edit .name-input .error,
        .profile-container .profile-row .name-edit .company-input .error,
        .profile-container .profile-row .name-edit .name-input .error,
        .profile-container .profile-row .email-edit .company-input .error,
        .profile-container .profile-row .email-edit .name-input .error,
        .profile-container .profile-row .password-edit .company-input .error,
        .profile-container .profile-row .password-edit .name-input .error,
        .profile-container .profile-row .workplace-edit .company-input .error,
        .profile-container .profile-row .workplace-edit .name-input .error,
        .profile-container .profile-row .industry-edit .company-input .error,
        .profile-container .profile-row .industry-edit .name-input .error,
        .profile-container .profile-row .employees-edit .company-input .error,
        .profile-container .profile-row .employees-edit .name-input .error,
        .profile-container .profile-row .customers-edit .company-input .error,
        .profile-container .profile-row .customers-edit .name-input .error,
        .profile-container .profile-row .numberOfLocations-edit .company-input .error,
        .profile-container .profile-row .numberOfLocations-edit .name-input .error,
        .profile-container .profile-row .cupsPerDay-edit .company-input .error,
        .profile-container .profile-row .cupsPerDay-edit .name-input .error,
        .profile-container .profile-row .rooms-edit .company-input .error,
        .profile-container .profile-row .rooms-edit .name-input .error,
        .profile-container .profile-row .roomLocations-edit .company-input .error,
        .profile-container .profile-row .roomLocations-edit .name-input .error {
          border-color: #d51610 !important; }
        .profile-container .profile-row .company-edit .company-input .profileCompany,
        .profile-container .profile-row .company-edit .company-input .profileFirstName,
        .profile-container .profile-row .company-edit .company-input .profileLastName,
        .profile-container .profile-row .company-edit .name-input .profileCompany,
        .profile-container .profile-row .company-edit .name-input .profileFirstName,
        .profile-container .profile-row .company-edit .name-input .profileLastName,
        .profile-container .profile-row .name-edit .company-input .profileCompany,
        .profile-container .profile-row .name-edit .company-input .profileFirstName,
        .profile-container .profile-row .name-edit .company-input .profileLastName,
        .profile-container .profile-row .name-edit .name-input .profileCompany,
        .profile-container .profile-row .name-edit .name-input .profileFirstName,
        .profile-container .profile-row .name-edit .name-input .profileLastName,
        .profile-container .profile-row .email-edit .company-input .profileCompany,
        .profile-container .profile-row .email-edit .company-input .profileFirstName,
        .profile-container .profile-row .email-edit .company-input .profileLastName,
        .profile-container .profile-row .email-edit .name-input .profileCompany,
        .profile-container .profile-row .email-edit .name-input .profileFirstName,
        .profile-container .profile-row .email-edit .name-input .profileLastName,
        .profile-container .profile-row .password-edit .company-input .profileCompany,
        .profile-container .profile-row .password-edit .company-input .profileFirstName,
        .profile-container .profile-row .password-edit .company-input .profileLastName,
        .profile-container .profile-row .password-edit .name-input .profileCompany,
        .profile-container .profile-row .password-edit .name-input .profileFirstName,
        .profile-container .profile-row .password-edit .name-input .profileLastName,
        .profile-container .profile-row .workplace-edit .company-input .profileCompany,
        .profile-container .profile-row .workplace-edit .company-input .profileFirstName,
        .profile-container .profile-row .workplace-edit .company-input .profileLastName,
        .profile-container .profile-row .workplace-edit .name-input .profileCompany,
        .profile-container .profile-row .workplace-edit .name-input .profileFirstName,
        .profile-container .profile-row .workplace-edit .name-input .profileLastName,
        .profile-container .profile-row .industry-edit .company-input .profileCompany,
        .profile-container .profile-row .industry-edit .company-input .profileFirstName,
        .profile-container .profile-row .industry-edit .company-input .profileLastName,
        .profile-container .profile-row .industry-edit .name-input .profileCompany,
        .profile-container .profile-row .industry-edit .name-input .profileFirstName,
        .profile-container .profile-row .industry-edit .name-input .profileLastName,
        .profile-container .profile-row .employees-edit .company-input .profileCompany,
        .profile-container .profile-row .employees-edit .company-input .profileFirstName,
        .profile-container .profile-row .employees-edit .company-input .profileLastName,
        .profile-container .profile-row .employees-edit .name-input .profileCompany,
        .profile-container .profile-row .employees-edit .name-input .profileFirstName,
        .profile-container .profile-row .employees-edit .name-input .profileLastName,
        .profile-container .profile-row .customers-edit .company-input .profileCompany,
        .profile-container .profile-row .customers-edit .company-input .profileFirstName,
        .profile-container .profile-row .customers-edit .company-input .profileLastName,
        .profile-container .profile-row .customers-edit .name-input .profileCompany,
        .profile-container .profile-row .customers-edit .name-input .profileFirstName,
        .profile-container .profile-row .customers-edit .name-input .profileLastName,
        .profile-container .profile-row .numberOfLocations-edit .company-input .profileCompany,
        .profile-container .profile-row .numberOfLocations-edit .company-input .profileFirstName,
        .profile-container .profile-row .numberOfLocations-edit .company-input .profileLastName,
        .profile-container .profile-row .numberOfLocations-edit .name-input .profileCompany,
        .profile-container .profile-row .numberOfLocations-edit .name-input .profileFirstName,
        .profile-container .profile-row .numberOfLocations-edit .name-input .profileLastName,
        .profile-container .profile-row .cupsPerDay-edit .company-input .profileCompany,
        .profile-container .profile-row .cupsPerDay-edit .company-input .profileFirstName,
        .profile-container .profile-row .cupsPerDay-edit .company-input .profileLastName,
        .profile-container .profile-row .cupsPerDay-edit .name-input .profileCompany,
        .profile-container .profile-row .cupsPerDay-edit .name-input .profileFirstName,
        .profile-container .profile-row .cupsPerDay-edit .name-input .profileLastName,
        .profile-container .profile-row .rooms-edit .company-input .profileCompany,
        .profile-container .profile-row .rooms-edit .company-input .profileFirstName,
        .profile-container .profile-row .rooms-edit .company-input .profileLastName,
        .profile-container .profile-row .rooms-edit .name-input .profileCompany,
        .profile-container .profile-row .rooms-edit .name-input .profileFirstName,
        .profile-container .profile-row .rooms-edit .name-input .profileLastName,
        .profile-container .profile-row .roomLocations-edit .company-input .profileCompany,
        .profile-container .profile-row .roomLocations-edit .company-input .profileFirstName,
        .profile-container .profile-row .roomLocations-edit .company-input .profileLastName,
        .profile-container .profile-row .roomLocations-edit .name-input .profileCompany,
        .profile-container .profile-row .roomLocations-edit .name-input .profileFirstName,
        .profile-container .profile-row .roomLocations-edit .name-input .profileLastName {
          height: 40px;
          width: 100%;
          border: 1px solid #d2d2d2;
          border-radius: 3px;
          background-color: #ffffff;
          margin: 0 0 10px 0; }
          @media screen and (min-width: 1200px) {
            .profile-container .profile-row .company-edit .company-input .profileCompany,
            .profile-container .profile-row .company-edit .company-input .profileFirstName,
            .profile-container .profile-row .company-edit .company-input .profileLastName,
            .profile-container .profile-row .company-edit .name-input .profileCompany,
            .profile-container .profile-row .company-edit .name-input .profileFirstName,
            .profile-container .profile-row .company-edit .name-input .profileLastName,
            .profile-container .profile-row .name-edit .company-input .profileCompany,
            .profile-container .profile-row .name-edit .company-input .profileFirstName,
            .profile-container .profile-row .name-edit .company-input .profileLastName,
            .profile-container .profile-row .name-edit .name-input .profileCompany,
            .profile-container .profile-row .name-edit .name-input .profileFirstName,
            .profile-container .profile-row .name-edit .name-input .profileLastName,
            .profile-container .profile-row .email-edit .company-input .profileCompany,
            .profile-container .profile-row .email-edit .company-input .profileFirstName,
            .profile-container .profile-row .email-edit .company-input .profileLastName,
            .profile-container .profile-row .email-edit .name-input .profileCompany,
            .profile-container .profile-row .email-edit .name-input .profileFirstName,
            .profile-container .profile-row .email-edit .name-input .profileLastName,
            .profile-container .profile-row .password-edit .company-input .profileCompany,
            .profile-container .profile-row .password-edit .company-input .profileFirstName,
            .profile-container .profile-row .password-edit .company-input .profileLastName,
            .profile-container .profile-row .password-edit .name-input .profileCompany,
            .profile-container .profile-row .password-edit .name-input .profileFirstName,
            .profile-container .profile-row .password-edit .name-input .profileLastName,
            .profile-container .profile-row .workplace-edit .company-input .profileCompany,
            .profile-container .profile-row .workplace-edit .company-input .profileFirstName,
            .profile-container .profile-row .workplace-edit .company-input .profileLastName,
            .profile-container .profile-row .workplace-edit .name-input .profileCompany,
            .profile-container .profile-row .workplace-edit .name-input .profileFirstName,
            .profile-container .profile-row .workplace-edit .name-input .profileLastName,
            .profile-container .profile-row .industry-edit .company-input .profileCompany,
            .profile-container .profile-row .industry-edit .company-input .profileFirstName,
            .profile-container .profile-row .industry-edit .company-input .profileLastName,
            .profile-container .profile-row .industry-edit .name-input .profileCompany,
            .profile-container .profile-row .industry-edit .name-input .profileFirstName,
            .profile-container .profile-row .industry-edit .name-input .profileLastName,
            .profile-container .profile-row .employees-edit .company-input .profileCompany,
            .profile-container .profile-row .employees-edit .company-input .profileFirstName,
            .profile-container .profile-row .employees-edit .company-input .profileLastName,
            .profile-container .profile-row .employees-edit .name-input .profileCompany,
            .profile-container .profile-row .employees-edit .name-input .profileFirstName,
            .profile-container .profile-row .employees-edit .name-input .profileLastName,
            .profile-container .profile-row .customers-edit .company-input .profileCompany,
            .profile-container .profile-row .customers-edit .company-input .profileFirstName,
            .profile-container .profile-row .customers-edit .company-input .profileLastName,
            .profile-container .profile-row .customers-edit .name-input .profileCompany,
            .profile-container .profile-row .customers-edit .name-input .profileFirstName,
            .profile-container .profile-row .customers-edit .name-input .profileLastName,
            .profile-container .profile-row .numberOfLocations-edit .company-input .profileCompany,
            .profile-container .profile-row .numberOfLocations-edit .company-input .profileFirstName,
            .profile-container .profile-row .numberOfLocations-edit .company-input .profileLastName,
            .profile-container .profile-row .numberOfLocations-edit .name-input .profileCompany,
            .profile-container .profile-row .numberOfLocations-edit .name-input .profileFirstName,
            .profile-container .profile-row .numberOfLocations-edit .name-input .profileLastName,
            .profile-container .profile-row .cupsPerDay-edit .company-input .profileCompany,
            .profile-container .profile-row .cupsPerDay-edit .company-input .profileFirstName,
            .profile-container .profile-row .cupsPerDay-edit .company-input .profileLastName,
            .profile-container .profile-row .cupsPerDay-edit .name-input .profileCompany,
            .profile-container .profile-row .cupsPerDay-edit .name-input .profileFirstName,
            .profile-container .profile-row .cupsPerDay-edit .name-input .profileLastName,
            .profile-container .profile-row .rooms-edit .company-input .profileCompany,
            .profile-container .profile-row .rooms-edit .company-input .profileFirstName,
            .profile-container .profile-row .rooms-edit .company-input .profileLastName,
            .profile-container .profile-row .rooms-edit .name-input .profileCompany,
            .profile-container .profile-row .rooms-edit .name-input .profileFirstName,
            .profile-container .profile-row .rooms-edit .name-input .profileLastName,
            .profile-container .profile-row .roomLocations-edit .company-input .profileCompany,
            .profile-container .profile-row .roomLocations-edit .company-input .profileFirstName,
            .profile-container .profile-row .roomLocations-edit .company-input .profileLastName,
            .profile-container .profile-row .roomLocations-edit .name-input .profileCompany,
            .profile-container .profile-row .roomLocations-edit .name-input .profileFirstName,
            .profile-container .profile-row .roomLocations-edit .name-input .profileLastName {
              height: 40px;
              width: 213px;
              margin-right: 15px; } }
        @media screen and (min-width: 768px) and (max-width: 1199px) {
          .profile-container .profile-row .company-edit .company-input .floating-label,
          .profile-container .profile-row .company-edit .name-input .floating-label,
          .profile-container .profile-row .name-edit .company-input .floating-label,
          .profile-container .profile-row .name-edit .name-input .floating-label,
          .profile-container .profile-row .email-edit .company-input .floating-label,
          .profile-container .profile-row .email-edit .name-input .floating-label,
          .profile-container .profile-row .password-edit .company-input .floating-label,
          .profile-container .profile-row .password-edit .name-input .floating-label,
          .profile-container .profile-row .workplace-edit .company-input .floating-label,
          .profile-container .profile-row .workplace-edit .name-input .floating-label,
          .profile-container .profile-row .industry-edit .company-input .floating-label,
          .profile-container .profile-row .industry-edit .name-input .floating-label,
          .profile-container .profile-row .employees-edit .company-input .floating-label,
          .profile-container .profile-row .employees-edit .name-input .floating-label,
          .profile-container .profile-row .customers-edit .company-input .floating-label,
          .profile-container .profile-row .customers-edit .name-input .floating-label,
          .profile-container .profile-row .numberOfLocations-edit .company-input .floating-label,
          .profile-container .profile-row .numberOfLocations-edit .name-input .floating-label,
          .profile-container .profile-row .cupsPerDay-edit .company-input .floating-label,
          .profile-container .profile-row .cupsPerDay-edit .name-input .floating-label,
          .profile-container .profile-row .rooms-edit .company-input .floating-label,
          .profile-container .profile-row .rooms-edit .name-input .floating-label,
          .profile-container .profile-row .roomLocations-edit .company-input .floating-label,
          .profile-container .profile-row .roomLocations-edit .name-input .floating-label {
            float: left;
            width: 31.33%;
            margin-right: 10px; }
            .profile-container .profile-row .company-edit .company-input .floating-label .reenterPasswordLabel,
            .profile-container .profile-row .company-edit .name-input .floating-label .reenterPasswordLabel,
            .profile-container .profile-row .name-edit .company-input .floating-label .reenterPasswordLabel,
            .profile-container .profile-row .name-edit .name-input .floating-label .reenterPasswordLabel,
            .profile-container .profile-row .email-edit .company-input .floating-label .reenterPasswordLabel,
            .profile-container .profile-row .email-edit .name-input .floating-label .reenterPasswordLabel,
            .profile-container .profile-row .password-edit .company-input .floating-label .reenterPasswordLabel,
            .profile-container .profile-row .password-edit .name-input .floating-label .reenterPasswordLabel,
            .profile-container .profile-row .workplace-edit .company-input .floating-label .reenterPasswordLabel,
            .profile-container .profile-row .workplace-edit .name-input .floating-label .reenterPasswordLabel,
            .profile-container .profile-row .industry-edit .company-input .floating-label .reenterPasswordLabel,
            .profile-container .profile-row .industry-edit .name-input .floating-label .reenterPasswordLabel,
            .profile-container .profile-row .employees-edit .company-input .floating-label .reenterPasswordLabel,
            .profile-container .profile-row .employees-edit .name-input .floating-label .reenterPasswordLabel,
            .profile-container .profile-row .customers-edit .company-input .floating-label .reenterPasswordLabel,
            .profile-container .profile-row .customers-edit .name-input .floating-label .reenterPasswordLabel,
            .profile-container .profile-row .numberOfLocations-edit .company-input .floating-label .reenterPasswordLabel,
            .profile-container .profile-row .numberOfLocations-edit .name-input .floating-label .reenterPasswordLabel,
            .profile-container .profile-row .cupsPerDay-edit .company-input .floating-label .reenterPasswordLabel,
            .profile-container .profile-row .cupsPerDay-edit .name-input .floating-label .reenterPasswordLabel,
            .profile-container .profile-row .rooms-edit .company-input .floating-label .reenterPasswordLabel,
            .profile-container .profile-row .rooms-edit .name-input .floating-label .reenterPasswordLabel,
            .profile-container .profile-row .roomLocations-edit .company-input .floating-label .reenterPasswordLabel,
            .profile-container .profile-row .roomLocations-edit .name-input .floating-label .reenterPasswordLabel {
              line-height: 13px; } }
        .profile-container .profile-row .company-edit .company-input .floating-label .error-tooltip-profile .error-label,
        .profile-container .profile-row .company-edit .name-input .floating-label .error-tooltip-profile .error-label,
        .profile-container .profile-row .name-edit .company-input .floating-label .error-tooltip-profile .error-label,
        .profile-container .profile-row .name-edit .name-input .floating-label .error-tooltip-profile .error-label,
        .profile-container .profile-row .email-edit .company-input .floating-label .error-tooltip-profile .error-label,
        .profile-container .profile-row .email-edit .name-input .floating-label .error-tooltip-profile .error-label,
        .profile-container .profile-row .password-edit .company-input .floating-label .error-tooltip-profile .error-label,
        .profile-container .profile-row .password-edit .name-input .floating-label .error-tooltip-profile .error-label,
        .profile-container .profile-row .workplace-edit .company-input .floating-label .error-tooltip-profile .error-label,
        .profile-container .profile-row .workplace-edit .name-input .floating-label .error-tooltip-profile .error-label,
        .profile-container .profile-row .industry-edit .company-input .floating-label .error-tooltip-profile .error-label,
        .profile-container .profile-row .industry-edit .name-input .floating-label .error-tooltip-profile .error-label,
        .profile-container .profile-row .employees-edit .company-input .floating-label .error-tooltip-profile .error-label,
        .profile-container .profile-row .employees-edit .name-input .floating-label .error-tooltip-profile .error-label,
        .profile-container .profile-row .customers-edit .company-input .floating-label .error-tooltip-profile .error-label,
        .profile-container .profile-row .customers-edit .name-input .floating-label .error-tooltip-profile .error-label,
        .profile-container .profile-row .numberOfLocations-edit .company-input .floating-label .error-tooltip-profile .error-label,
        .profile-container .profile-row .numberOfLocations-edit .name-input .floating-label .error-tooltip-profile .error-label,
        .profile-container .profile-row .cupsPerDay-edit .company-input .floating-label .error-tooltip-profile .error-label,
        .profile-container .profile-row .cupsPerDay-edit .name-input .floating-label .error-tooltip-profile .error-label,
        .profile-container .profile-row .rooms-edit .company-input .floating-label .error-tooltip-profile .error-label,
        .profile-container .profile-row .rooms-edit .name-input .floating-label .error-tooltip-profile .error-label,
        .profile-container .profile-row .roomLocations-edit .company-input .floating-label .error-tooltip-profile .error-label,
        .profile-container .profile-row .roomLocations-edit .name-input .floating-label .error-tooltip-profile .error-label {
          position: static;
          margin-top: 0;
          color: #fff;
          font-family: "MarkOT-Bold", Helvetica, Arial, sans-serif;
          font-size: 12px;
          font-style: italic;
          font-weight: 700;
          letter-spacing: 1px;
          line-height: 15px; }
        .profile-container .profile-row .company-edit .company-input .floating-label label,
        .profile-container .profile-row .company-edit .name-input .floating-label label,
        .profile-container .profile-row .name-edit .company-input .floating-label label,
        .profile-container .profile-row .name-edit .name-input .floating-label label,
        .profile-container .profile-row .email-edit .company-input .floating-label label,
        .profile-container .profile-row .email-edit .name-input .floating-label label,
        .profile-container .profile-row .password-edit .company-input .floating-label label,
        .profile-container .profile-row .password-edit .name-input .floating-label label,
        .profile-container .profile-row .workplace-edit .company-input .floating-label label,
        .profile-container .profile-row .workplace-edit .name-input .floating-label label,
        .profile-container .profile-row .industry-edit .company-input .floating-label label,
        .profile-container .profile-row .industry-edit .name-input .floating-label label,
        .profile-container .profile-row .employees-edit .company-input .floating-label label,
        .profile-container .profile-row .employees-edit .name-input .floating-label label,
        .profile-container .profile-row .customers-edit .company-input .floating-label label,
        .profile-container .profile-row .customers-edit .name-input .floating-label label,
        .profile-container .profile-row .numberOfLocations-edit .company-input .floating-label label,
        .profile-container .profile-row .numberOfLocations-edit .name-input .floating-label label,
        .profile-container .profile-row .cupsPerDay-edit .company-input .floating-label label,
        .profile-container .profile-row .cupsPerDay-edit .name-input .floating-label label,
        .profile-container .profile-row .rooms-edit .company-input .floating-label label,
        .profile-container .profile-row .rooms-edit .name-input .floating-label label,
        .profile-container .profile-row .roomLocations-edit .company-input .floating-label label,
        .profile-container .profile-row .roomLocations-edit .name-input .floating-label label {
          line-height: 24px; }
        .profile-container .profile-row .company-edit .company-input .floating-label sup,
        .profile-container .profile-row .company-edit .name-input .floating-label sup,
        .profile-container .profile-row .name-edit .company-input .floating-label sup,
        .profile-container .profile-row .name-edit .name-input .floating-label sup,
        .profile-container .profile-row .email-edit .company-input .floating-label sup,
        .profile-container .profile-row .email-edit .name-input .floating-label sup,
        .profile-container .profile-row .password-edit .company-input .floating-label sup,
        .profile-container .profile-row .password-edit .name-input .floating-label sup,
        .profile-container .profile-row .workplace-edit .company-input .floating-label sup,
        .profile-container .profile-row .workplace-edit .name-input .floating-label sup,
        .profile-container .profile-row .industry-edit .company-input .floating-label sup,
        .profile-container .profile-row .industry-edit .name-input .floating-label sup,
        .profile-container .profile-row .employees-edit .company-input .floating-label sup,
        .profile-container .profile-row .employees-edit .name-input .floating-label sup,
        .profile-container .profile-row .customers-edit .company-input .floating-label sup,
        .profile-container .profile-row .customers-edit .name-input .floating-label sup,
        .profile-container .profile-row .numberOfLocations-edit .company-input .floating-label sup,
        .profile-container .profile-row .numberOfLocations-edit .name-input .floating-label sup,
        .profile-container .profile-row .cupsPerDay-edit .company-input .floating-label sup,
        .profile-container .profile-row .cupsPerDay-edit .name-input .floating-label sup,
        .profile-container .profile-row .rooms-edit .company-input .floating-label sup,
        .profile-container .profile-row .rooms-edit .name-input .floating-label sup,
        .profile-container .profile-row .roomLocations-edit .company-input .floating-label sup,
        .profile-container .profile-row .roomLocations-edit .name-input .floating-label sup {
          top: 3px !important; }
        .profile-container .profile-row .company-edit .company-input .floating-label input,
        .profile-container .profile-row .company-edit .name-input .floating-label input,
        .profile-container .profile-row .name-edit .company-input .floating-label input,
        .profile-container .profile-row .name-edit .name-input .floating-label input,
        .profile-container .profile-row .email-edit .company-input .floating-label input,
        .profile-container .profile-row .email-edit .name-input .floating-label input,
        .profile-container .profile-row .password-edit .company-input .floating-label input,
        .profile-container .profile-row .password-edit .name-input .floating-label input,
        .profile-container .profile-row .workplace-edit .company-input .floating-label input,
        .profile-container .profile-row .workplace-edit .name-input .floating-label input,
        .profile-container .profile-row .industry-edit .company-input .floating-label input,
        .profile-container .profile-row .industry-edit .name-input .floating-label input,
        .profile-container .profile-row .employees-edit .company-input .floating-label input,
        .profile-container .profile-row .employees-edit .name-input .floating-label input,
        .profile-container .profile-row .customers-edit .company-input .floating-label input,
        .profile-container .profile-row .customers-edit .name-input .floating-label input,
        .profile-container .profile-row .numberOfLocations-edit .company-input .floating-label input,
        .profile-container .profile-row .numberOfLocations-edit .name-input .floating-label input,
        .profile-container .profile-row .cupsPerDay-edit .company-input .floating-label input,
        .profile-container .profile-row .cupsPerDay-edit .name-input .floating-label input,
        .profile-container .profile-row .rooms-edit .company-input .floating-label input,
        .profile-container .profile-row .rooms-edit .name-input .floating-label input,
        .profile-container .profile-row .roomLocations-edit .company-input .floating-label input,
        .profile-container .profile-row .roomLocations-edit .name-input .floating-label input {
          color: #333333;
          font-family: "MarkOT-Medium";
          font-size: 14px;
          letter-spacing: 1px;
          line-height: 18px; }
        .profile-container .profile-row .company-edit .company-input .floating-label .password-padding,
        .profile-container .profile-row .company-edit .name-input .floating-label .password-padding,
        .profile-container .profile-row .name-edit .company-input .floating-label .password-padding,
        .profile-container .profile-row .name-edit .name-input .floating-label .password-padding,
        .profile-container .profile-row .email-edit .company-input .floating-label .password-padding,
        .profile-container .profile-row .email-edit .name-input .floating-label .password-padding,
        .profile-container .profile-row .password-edit .company-input .floating-label .password-padding,
        .profile-container .profile-row .password-edit .name-input .floating-label .password-padding,
        .profile-container .profile-row .workplace-edit .company-input .floating-label .password-padding,
        .profile-container .profile-row .workplace-edit .name-input .floating-label .password-padding,
        .profile-container .profile-row .industry-edit .company-input .floating-label .password-padding,
        .profile-container .profile-row .industry-edit .name-input .floating-label .password-padding,
        .profile-container .profile-row .employees-edit .company-input .floating-label .password-padding,
        .profile-container .profile-row .employees-edit .name-input .floating-label .password-padding,
        .profile-container .profile-row .customers-edit .company-input .floating-label .password-padding,
        .profile-container .profile-row .customers-edit .name-input .floating-label .password-padding,
        .profile-container .profile-row .numberOfLocations-edit .company-input .floating-label .password-padding,
        .profile-container .profile-row .numberOfLocations-edit .name-input .floating-label .password-padding,
        .profile-container .profile-row .cupsPerDay-edit .company-input .floating-label .password-padding,
        .profile-container .profile-row .cupsPerDay-edit .name-input .floating-label .password-padding,
        .profile-container .profile-row .rooms-edit .company-input .floating-label .password-padding,
        .profile-container .profile-row .rooms-edit .name-input .floating-label .password-padding,
        .profile-container .profile-row .roomLocations-edit .company-input .floating-label .password-padding,
        .profile-container .profile-row .roomLocations-edit .name-input .floating-label .password-padding {
          padding-right: 46px; }
        .profile-container .profile-row .company-edit .company-input .floating-label .profileBirthdayTextInputField, .profile-container .profile-row .company-edit .company-input .floating-label .profilePasswordTextInputField, .profile-container .profile-row .company-edit .company-input .floating-label .profileEmailTextInputField, .profile-container .profile-row .company-edit .company-input .floating-label .profileNameTextInputField,
        .profile-container .profile-row .company-edit .name-input .floating-label .profileBirthdayTextInputField,
        .profile-container .profile-row .company-edit .name-input .floating-label .profilePasswordTextInputField,
        .profile-container .profile-row .company-edit .name-input .floating-label .profileEmailTextInputField,
        .profile-container .profile-row .company-edit .name-input .floating-label .profileNameTextInputField,
        .profile-container .profile-row .name-edit .company-input .floating-label .profileBirthdayTextInputField,
        .profile-container .profile-row .name-edit .company-input .floating-label .profilePasswordTextInputField,
        .profile-container .profile-row .name-edit .company-input .floating-label .profileEmailTextInputField,
        .profile-container .profile-row .name-edit .company-input .floating-label .profileNameTextInputField,
        .profile-container .profile-row .name-edit .name-input .floating-label .profileBirthdayTextInputField,
        .profile-container .profile-row .name-edit .name-input .floating-label .profilePasswordTextInputField,
        .profile-container .profile-row .name-edit .name-input .floating-label .profileEmailTextInputField,
        .profile-container .profile-row .name-edit .name-input .floating-label .profileNameTextInputField,
        .profile-container .profile-row .email-edit .company-input .floating-label .profileBirthdayTextInputField,
        .profile-container .profile-row .email-edit .company-input .floating-label .profilePasswordTextInputField,
        .profile-container .profile-row .email-edit .company-input .floating-label .profileEmailTextInputField,
        .profile-container .profile-row .email-edit .company-input .floating-label .profileNameTextInputField,
        .profile-container .profile-row .email-edit .name-input .floating-label .profileBirthdayTextInputField,
        .profile-container .profile-row .email-edit .name-input .floating-label .profilePasswordTextInputField,
        .profile-container .profile-row .email-edit .name-input .floating-label .profileEmailTextInputField,
        .profile-container .profile-row .email-edit .name-input .floating-label .profileNameTextInputField,
        .profile-container .profile-row .password-edit .company-input .floating-label .profileBirthdayTextInputField,
        .profile-container .profile-row .password-edit .company-input .floating-label .profilePasswordTextInputField,
        .profile-container .profile-row .password-edit .company-input .floating-label .profileEmailTextInputField,
        .profile-container .profile-row .password-edit .company-input .floating-label .profileNameTextInputField,
        .profile-container .profile-row .password-edit .name-input .floating-label .profileBirthdayTextInputField,
        .profile-container .profile-row .password-edit .name-input .floating-label .profilePasswordTextInputField,
        .profile-container .profile-row .password-edit .name-input .floating-label .profileEmailTextInputField,
        .profile-container .profile-row .password-edit .name-input .floating-label .profileNameTextInputField,
        .profile-container .profile-row .workplace-edit .company-input .floating-label .profileBirthdayTextInputField,
        .profile-container .profile-row .workplace-edit .company-input .floating-label .profilePasswordTextInputField,
        .profile-container .profile-row .workplace-edit .company-input .floating-label .profileEmailTextInputField,
        .profile-container .profile-row .workplace-edit .company-input .floating-label .profileNameTextInputField,
        .profile-container .profile-row .workplace-edit .name-input .floating-label .profileBirthdayTextInputField,
        .profile-container .profile-row .workplace-edit .name-input .floating-label .profilePasswordTextInputField,
        .profile-container .profile-row .workplace-edit .name-input .floating-label .profileEmailTextInputField,
        .profile-container .profile-row .workplace-edit .name-input .floating-label .profileNameTextInputField,
        .profile-container .profile-row .industry-edit .company-input .floating-label .profileBirthdayTextInputField,
        .profile-container .profile-row .industry-edit .company-input .floating-label .profilePasswordTextInputField,
        .profile-container .profile-row .industry-edit .company-input .floating-label .profileEmailTextInputField,
        .profile-container .profile-row .industry-edit .company-input .floating-label .profileNameTextInputField,
        .profile-container .profile-row .industry-edit .name-input .floating-label .profileBirthdayTextInputField,
        .profile-container .profile-row .industry-edit .name-input .floating-label .profilePasswordTextInputField,
        .profile-container .profile-row .industry-edit .name-input .floating-label .profileEmailTextInputField,
        .profile-container .profile-row .industry-edit .name-input .floating-label .profileNameTextInputField,
        .profile-container .profile-row .employees-edit .company-input .floating-label .profileBirthdayTextInputField,
        .profile-container .profile-row .employees-edit .company-input .floating-label .profilePasswordTextInputField,
        .profile-container .profile-row .employees-edit .company-input .floating-label .profileEmailTextInputField,
        .profile-container .profile-row .employees-edit .company-input .floating-label .profileNameTextInputField,
        .profile-container .profile-row .employees-edit .name-input .floating-label .profileBirthdayTextInputField,
        .profile-container .profile-row .employees-edit .name-input .floating-label .profilePasswordTextInputField,
        .profile-container .profile-row .employees-edit .name-input .floating-label .profileEmailTextInputField,
        .profile-container .profile-row .employees-edit .name-input .floating-label .profileNameTextInputField,
        .profile-container .profile-row .customers-edit .company-input .floating-label .profileBirthdayTextInputField,
        .profile-container .profile-row .customers-edit .company-input .floating-label .profilePasswordTextInputField,
        .profile-container .profile-row .customers-edit .company-input .floating-label .profileEmailTextInputField,
        .profile-container .profile-row .customers-edit .company-input .floating-label .profileNameTextInputField,
        .profile-container .profile-row .customers-edit .name-input .floating-label .profileBirthdayTextInputField,
        .profile-container .profile-row .customers-edit .name-input .floating-label .profilePasswordTextInputField,
        .profile-container .profile-row .customers-edit .name-input .floating-label .profileEmailTextInputField,
        .profile-container .profile-row .customers-edit .name-input .floating-label .profileNameTextInputField,
        .profile-container .profile-row .numberOfLocations-edit .company-input .floating-label .profileBirthdayTextInputField,
        .profile-container .profile-row .numberOfLocations-edit .company-input .floating-label .profilePasswordTextInputField,
        .profile-container .profile-row .numberOfLocations-edit .company-input .floating-label .profileEmailTextInputField,
        .profile-container .profile-row .numberOfLocations-edit .company-input .floating-label .profileNameTextInputField,
        .profile-container .profile-row .numberOfLocations-edit .name-input .floating-label .profileBirthdayTextInputField,
        .profile-container .profile-row .numberOfLocations-edit .name-input .floating-label .profilePasswordTextInputField,
        .profile-container .profile-row .numberOfLocations-edit .name-input .floating-label .profileEmailTextInputField,
        .profile-container .profile-row .numberOfLocations-edit .name-input .floating-label .profileNameTextInputField,
        .profile-container .profile-row .cupsPerDay-edit .company-input .floating-label .profileBirthdayTextInputField,
        .profile-container .profile-row .cupsPerDay-edit .company-input .floating-label .profilePasswordTextInputField,
        .profile-container .profile-row .cupsPerDay-edit .company-input .floating-label .profileEmailTextInputField,
        .profile-container .profile-row .cupsPerDay-edit .company-input .floating-label .profileNameTextInputField,
        .profile-container .profile-row .cupsPerDay-edit .name-input .floating-label .profileBirthdayTextInputField,
        .profile-container .profile-row .cupsPerDay-edit .name-input .floating-label .profilePasswordTextInputField,
        .profile-container .profile-row .cupsPerDay-edit .name-input .floating-label .profileEmailTextInputField,
        .profile-container .profile-row .cupsPerDay-edit .name-input .floating-label .profileNameTextInputField,
        .profile-container .profile-row .rooms-edit .company-input .floating-label .profileBirthdayTextInputField,
        .profile-container .profile-row .rooms-edit .company-input .floating-label .profilePasswordTextInputField,
        .profile-container .profile-row .rooms-edit .company-input .floating-label .profileEmailTextInputField,
        .profile-container .profile-row .rooms-edit .company-input .floating-label .profileNameTextInputField,
        .profile-container .profile-row .rooms-edit .name-input .floating-label .profileBirthdayTextInputField,
        .profile-container .profile-row .rooms-edit .name-input .floating-label .profilePasswordTextInputField,
        .profile-container .profile-row .rooms-edit .name-input .floating-label .profileEmailTextInputField,
        .profile-container .profile-row .rooms-edit .name-input .floating-label .profileNameTextInputField,
        .profile-container .profile-row .roomLocations-edit .company-input .floating-label .profileBirthdayTextInputField,
        .profile-container .profile-row .roomLocations-edit .company-input .floating-label .profilePasswordTextInputField,
        .profile-container .profile-row .roomLocations-edit .company-input .floating-label .profileEmailTextInputField,
        .profile-container .profile-row .roomLocations-edit .company-input .floating-label .profileNameTextInputField,
        .profile-container .profile-row .roomLocations-edit .name-input .floating-label .profileBirthdayTextInputField,
        .profile-container .profile-row .roomLocations-edit .name-input .floating-label .profilePasswordTextInputField,
        .profile-container .profile-row .roomLocations-edit .name-input .floating-label .profileEmailTextInputField,
        .profile-container .profile-row .roomLocations-edit .name-input .floating-label .profileNameTextInputField {
          height: 2.5rem; }
          @media screen and (min-width: 1200px) {
            .profile-container .profile-row .company-edit .company-input .floating-label .profileBirthdayTextInputField, .profile-container .profile-row .company-edit .company-input .floating-label .profilePasswordTextInputField, .profile-container .profile-row .company-edit .company-input .floating-label .profileEmailTextInputField, .profile-container .profile-row .company-edit .company-input .floating-label .profileNameTextInputField,
            .profile-container .profile-row .company-edit .name-input .floating-label .profileBirthdayTextInputField,
            .profile-container .profile-row .company-edit .name-input .floating-label .profilePasswordTextInputField,
            .profile-container .profile-row .company-edit .name-input .floating-label .profileEmailTextInputField,
            .profile-container .profile-row .company-edit .name-input .floating-label .profileNameTextInputField,
            .profile-container .profile-row .name-edit .company-input .floating-label .profileBirthdayTextInputField,
            .profile-container .profile-row .name-edit .company-input .floating-label .profilePasswordTextInputField,
            .profile-container .profile-row .name-edit .company-input .floating-label .profileEmailTextInputField,
            .profile-container .profile-row .name-edit .company-input .floating-label .profileNameTextInputField,
            .profile-container .profile-row .name-edit .name-input .floating-label .profileBirthdayTextInputField,
            .profile-container .profile-row .name-edit .name-input .floating-label .profilePasswordTextInputField,
            .profile-container .profile-row .name-edit .name-input .floating-label .profileEmailTextInputField,
            .profile-container .profile-row .name-edit .name-input .floating-label .profileNameTextInputField,
            .profile-container .profile-row .email-edit .company-input .floating-label .profileBirthdayTextInputField,
            .profile-container .profile-row .email-edit .company-input .floating-label .profilePasswordTextInputField,
            .profile-container .profile-row .email-edit .company-input .floating-label .profileEmailTextInputField,
            .profile-container .profile-row .email-edit .company-input .floating-label .profileNameTextInputField,
            .profile-container .profile-row .email-edit .name-input .floating-label .profileBirthdayTextInputField,
            .profile-container .profile-row .email-edit .name-input .floating-label .profilePasswordTextInputField,
            .profile-container .profile-row .email-edit .name-input .floating-label .profileEmailTextInputField,
            .profile-container .profile-row .email-edit .name-input .floating-label .profileNameTextInputField,
            .profile-container .profile-row .password-edit .company-input .floating-label .profileBirthdayTextInputField,
            .profile-container .profile-row .password-edit .company-input .floating-label .profilePasswordTextInputField,
            .profile-container .profile-row .password-edit .company-input .floating-label .profileEmailTextInputField,
            .profile-container .profile-row .password-edit .company-input .floating-label .profileNameTextInputField,
            .profile-container .profile-row .password-edit .name-input .floating-label .profileBirthdayTextInputField,
            .profile-container .profile-row .password-edit .name-input .floating-label .profilePasswordTextInputField,
            .profile-container .profile-row .password-edit .name-input .floating-label .profileEmailTextInputField,
            .profile-container .profile-row .password-edit .name-input .floating-label .profileNameTextInputField,
            .profile-container .profile-row .workplace-edit .company-input .floating-label .profileBirthdayTextInputField,
            .profile-container .profile-row .workplace-edit .company-input .floating-label .profilePasswordTextInputField,
            .profile-container .profile-row .workplace-edit .company-input .floating-label .profileEmailTextInputField,
            .profile-container .profile-row .workplace-edit .company-input .floating-label .profileNameTextInputField,
            .profile-container .profile-row .workplace-edit .name-input .floating-label .profileBirthdayTextInputField,
            .profile-container .profile-row .workplace-edit .name-input .floating-label .profilePasswordTextInputField,
            .profile-container .profile-row .workplace-edit .name-input .floating-label .profileEmailTextInputField,
            .profile-container .profile-row .workplace-edit .name-input .floating-label .profileNameTextInputField,
            .profile-container .profile-row .industry-edit .company-input .floating-label .profileBirthdayTextInputField,
            .profile-container .profile-row .industry-edit .company-input .floating-label .profilePasswordTextInputField,
            .profile-container .profile-row .industry-edit .company-input .floating-label .profileEmailTextInputField,
            .profile-container .profile-row .industry-edit .company-input .floating-label .profileNameTextInputField,
            .profile-container .profile-row .industry-edit .name-input .floating-label .profileBirthdayTextInputField,
            .profile-container .profile-row .industry-edit .name-input .floating-label .profilePasswordTextInputField,
            .profile-container .profile-row .industry-edit .name-input .floating-label .profileEmailTextInputField,
            .profile-container .profile-row .industry-edit .name-input .floating-label .profileNameTextInputField,
            .profile-container .profile-row .employees-edit .company-input .floating-label .profileBirthdayTextInputField,
            .profile-container .profile-row .employees-edit .company-input .floating-label .profilePasswordTextInputField,
            .profile-container .profile-row .employees-edit .company-input .floating-label .profileEmailTextInputField,
            .profile-container .profile-row .employees-edit .company-input .floating-label .profileNameTextInputField,
            .profile-container .profile-row .employees-edit .name-input .floating-label .profileBirthdayTextInputField,
            .profile-container .profile-row .employees-edit .name-input .floating-label .profilePasswordTextInputField,
            .profile-container .profile-row .employees-edit .name-input .floating-label .profileEmailTextInputField,
            .profile-container .profile-row .employees-edit .name-input .floating-label .profileNameTextInputField,
            .profile-container .profile-row .customers-edit .company-input .floating-label .profileBirthdayTextInputField,
            .profile-container .profile-row .customers-edit .company-input .floating-label .profilePasswordTextInputField,
            .profile-container .profile-row .customers-edit .company-input .floating-label .profileEmailTextInputField,
            .profile-container .profile-row .customers-edit .company-input .floating-label .profileNameTextInputField,
            .profile-container .profile-row .customers-edit .name-input .floating-label .profileBirthdayTextInputField,
            .profile-container .profile-row .customers-edit .name-input .floating-label .profilePasswordTextInputField,
            .profile-container .profile-row .customers-edit .name-input .floating-label .profileEmailTextInputField,
            .profile-container .profile-row .customers-edit .name-input .floating-label .profileNameTextInputField,
            .profile-container .profile-row .numberOfLocations-edit .company-input .floating-label .profileBirthdayTextInputField,
            .profile-container .profile-row .numberOfLocations-edit .company-input .floating-label .profilePasswordTextInputField,
            .profile-container .profile-row .numberOfLocations-edit .company-input .floating-label .profileEmailTextInputField,
            .profile-container .profile-row .numberOfLocations-edit .company-input .floating-label .profileNameTextInputField,
            .profile-container .profile-row .numberOfLocations-edit .name-input .floating-label .profileBirthdayTextInputField,
            .profile-container .profile-row .numberOfLocations-edit .name-input .floating-label .profilePasswordTextInputField,
            .profile-container .profile-row .numberOfLocations-edit .name-input .floating-label .profileEmailTextInputField,
            .profile-container .profile-row .numberOfLocations-edit .name-input .floating-label .profileNameTextInputField,
            .profile-container .profile-row .cupsPerDay-edit .company-input .floating-label .profileBirthdayTextInputField,
            .profile-container .profile-row .cupsPerDay-edit .company-input .floating-label .profilePasswordTextInputField,
            .profile-container .profile-row .cupsPerDay-edit .company-input .floating-label .profileEmailTextInputField,
            .profile-container .profile-row .cupsPerDay-edit .company-input .floating-label .profileNameTextInputField,
            .profile-container .profile-row .cupsPerDay-edit .name-input .floating-label .profileBirthdayTextInputField,
            .profile-container .profile-row .cupsPerDay-edit .name-input .floating-label .profilePasswordTextInputField,
            .profile-container .profile-row .cupsPerDay-edit .name-input .floating-label .profileEmailTextInputField,
            .profile-container .profile-row .cupsPerDay-edit .name-input .floating-label .profileNameTextInputField,
            .profile-container .profile-row .rooms-edit .company-input .floating-label .profileBirthdayTextInputField,
            .profile-container .profile-row .rooms-edit .company-input .floating-label .profilePasswordTextInputField,
            .profile-container .profile-row .rooms-edit .company-input .floating-label .profileEmailTextInputField,
            .profile-container .profile-row .rooms-edit .company-input .floating-label .profileNameTextInputField,
            .profile-container .profile-row .rooms-edit .name-input .floating-label .profileBirthdayTextInputField,
            .profile-container .profile-row .rooms-edit .name-input .floating-label .profilePasswordTextInputField,
            .profile-container .profile-row .rooms-edit .name-input .floating-label .profileEmailTextInputField,
            .profile-container .profile-row .rooms-edit .name-input .floating-label .profileNameTextInputField,
            .profile-container .profile-row .roomLocations-edit .company-input .floating-label .profileBirthdayTextInputField,
            .profile-container .profile-row .roomLocations-edit .company-input .floating-label .profilePasswordTextInputField,
            .profile-container .profile-row .roomLocations-edit .company-input .floating-label .profileEmailTextInputField,
            .profile-container .profile-row .roomLocations-edit .company-input .floating-label .profileNameTextInputField,
            .profile-container .profile-row .roomLocations-edit .name-input .floating-label .profileBirthdayTextInputField,
            .profile-container .profile-row .roomLocations-edit .name-input .floating-label .profilePasswordTextInputField,
            .profile-container .profile-row .roomLocations-edit .name-input .floating-label .profileEmailTextInputField,
            .profile-container .profile-row .roomLocations-edit .name-input .floating-label .profileNameTextInputField {
              width: 14.3rem; } }
        .profile-container .profile-row .company-edit .company-input .floating-label:focus,
        .profile-container .profile-row .company-edit .name-input .floating-label:focus,
        .profile-container .profile-row .name-edit .company-input .floating-label:focus,
        .profile-container .profile-row .name-edit .name-input .floating-label:focus,
        .profile-container .profile-row .email-edit .company-input .floating-label:focus,
        .profile-container .profile-row .email-edit .name-input .floating-label:focus,
        .profile-container .profile-row .password-edit .company-input .floating-label:focus,
        .profile-container .profile-row .password-edit .name-input .floating-label:focus,
        .profile-container .profile-row .workplace-edit .company-input .floating-label:focus,
        .profile-container .profile-row .workplace-edit .name-input .floating-label:focus,
        .profile-container .profile-row .industry-edit .company-input .floating-label:focus,
        .profile-container .profile-row .industry-edit .name-input .floating-label:focus,
        .profile-container .profile-row .employees-edit .company-input .floating-label:focus,
        .profile-container .profile-row .employees-edit .name-input .floating-label:focus,
        .profile-container .profile-row .customers-edit .company-input .floating-label:focus,
        .profile-container .profile-row .customers-edit .name-input .floating-label:focus,
        .profile-container .profile-row .numberOfLocations-edit .company-input .floating-label:focus,
        .profile-container .profile-row .numberOfLocations-edit .name-input .floating-label:focus,
        .profile-container .profile-row .cupsPerDay-edit .company-input .floating-label:focus,
        .profile-container .profile-row .cupsPerDay-edit .name-input .floating-label:focus,
        .profile-container .profile-row .rooms-edit .company-input .floating-label:focus,
        .profile-container .profile-row .rooms-edit .name-input .floating-label:focus,
        .profile-container .profile-row .roomLocations-edit .company-input .floating-label:focus,
        .profile-container .profile-row .roomLocations-edit .name-input .floating-label:focus {
          outline: none; }
      .profile-container .profile-row .company-edit .update-section,
      .profile-container .profile-row .name-edit .update-section,
      .profile-container .profile-row .email-edit .update-section,
      .profile-container .profile-row .password-edit .update-section,
      .profile-container .profile-row .workplace-edit .update-section,
      .profile-container .profile-row .industry-edit .update-section,
      .profile-container .profile-row .employees-edit .update-section,
      .profile-container .profile-row .customers-edit .update-section,
      .profile-container .profile-row .numberOfLocations-edit .update-section,
      .profile-container .profile-row .cupsPerDay-edit .update-section,
      .profile-container .profile-row .rooms-edit .update-section,
      .profile-container .profile-row .roomLocations-edit .update-section {
        width: 100%;
        display: flex;
        flex-wrap: wrap; }
        @media screen and (min-width: 1200px) {
          .profile-container .profile-row .company-edit .update-section,
          .profile-container .profile-row .name-edit .update-section,
          .profile-container .profile-row .email-edit .update-section,
          .profile-container .profile-row .password-edit .update-section,
          .profile-container .profile-row .workplace-edit .update-section,
          .profile-container .profile-row .industry-edit .update-section,
          .profile-container .profile-row .employees-edit .update-section,
          .profile-container .profile-row .customers-edit .update-section,
          .profile-container .profile-row .numberOfLocations-edit .update-section,
          .profile-container .profile-row .cupsPerDay-edit .update-section,
          .profile-container .profile-row .rooms-edit .update-section,
          .profile-container .profile-row .roomLocations-edit .update-section {
            display: flex;
            width: 20%;
            justify-content: flex-end; } }
        .profile-container .profile-row .company-edit .update-section .update-btn-holder,
        .profile-container .profile-row .name-edit .update-section .update-btn-holder,
        .profile-container .profile-row .email-edit .update-section .update-btn-holder,
        .profile-container .profile-row .password-edit .update-section .update-btn-holder,
        .profile-container .profile-row .workplace-edit .update-section .update-btn-holder,
        .profile-container .profile-row .industry-edit .update-section .update-btn-holder,
        .profile-container .profile-row .employees-edit .update-section .update-btn-holder,
        .profile-container .profile-row .customers-edit .update-section .update-btn-holder,
        .profile-container .profile-row .numberOfLocations-edit .update-section .update-btn-holder,
        .profile-container .profile-row .cupsPerDay-edit .update-section .update-btn-holder,
        .profile-container .profile-row .rooms-edit .update-section .update-btn-holder,
        .profile-container .profile-row .roomLocations-edit .update-section .update-btn-holder {
          margin-right: 20px; }
          .profile-container .profile-row .company-edit .update-section .update-btn-holder .update-profile, .profile-container .profile-row .company-edit .update-section .update-btn-holder .update-preferences,
          .profile-container .profile-row .name-edit .update-section .update-btn-holder .update-profile,
          .profile-container .profile-row .name-edit .update-section .update-btn-holder .update-preferences,
          .profile-container .profile-row .email-edit .update-section .update-btn-holder .update-profile,
          .profile-container .profile-row .email-edit .update-section .update-btn-holder .update-preferences,
          .profile-container .profile-row .password-edit .update-section .update-btn-holder .update-profile,
          .profile-container .profile-row .password-edit .update-section .update-btn-holder .update-preferences,
          .profile-container .profile-row .workplace-edit .update-section .update-btn-holder .update-profile,
          .profile-container .profile-row .workplace-edit .update-section .update-btn-holder .update-preferences,
          .profile-container .profile-row .industry-edit .update-section .update-btn-holder .update-profile,
          .profile-container .profile-row .industry-edit .update-section .update-btn-holder .update-preferences,
          .profile-container .profile-row .employees-edit .update-section .update-btn-holder .update-profile,
          .profile-container .profile-row .employees-edit .update-section .update-btn-holder .update-preferences,
          .profile-container .profile-row .customers-edit .update-section .update-btn-holder .update-profile,
          .profile-container .profile-row .customers-edit .update-section .update-btn-holder .update-preferences,
          .profile-container .profile-row .numberOfLocations-edit .update-section .update-btn-holder .update-profile,
          .profile-container .profile-row .numberOfLocations-edit .update-section .update-btn-holder .update-preferences,
          .profile-container .profile-row .cupsPerDay-edit .update-section .update-btn-holder .update-profile,
          .profile-container .profile-row .cupsPerDay-edit .update-section .update-btn-holder .update-preferences,
          .profile-container .profile-row .rooms-edit .update-section .update-btn-holder .update-profile,
          .profile-container .profile-row .rooms-edit .update-section .update-btn-holder .update-preferences,
          .profile-container .profile-row .roomLocations-edit .update-section .update-btn-holder .update-profile,
          .profile-container .profile-row .roomLocations-edit .update-section .update-btn-holder .update-preferences {
            height: 2.5rem;
            width: 6rem;
            border-radius: 2px;
            text-transform: uppercase;
            font-family: "MarkOT-Medium";
            font-size: 14px;
            letter-spacing: 1px;
            line-height: 18px;
            text-align: center;
            padding: 0; }
          .profile-container .profile-row .company-edit .update-section .update-btn-holder .enabled,
          .profile-container .profile-row .name-edit .update-section .update-btn-holder .enabled,
          .profile-container .profile-row .email-edit .update-section .update-btn-holder .enabled,
          .profile-container .profile-row .password-edit .update-section .update-btn-holder .enabled,
          .profile-container .profile-row .workplace-edit .update-section .update-btn-holder .enabled,
          .profile-container .profile-row .industry-edit .update-section .update-btn-holder .enabled,
          .profile-container .profile-row .employees-edit .update-section .update-btn-holder .enabled,
          .profile-container .profile-row .customers-edit .update-section .update-btn-holder .enabled,
          .profile-container .profile-row .numberOfLocations-edit .update-section .update-btn-holder .enabled,
          .profile-container .profile-row .cupsPerDay-edit .update-section .update-btn-holder .enabled,
          .profile-container .profile-row .rooms-edit .update-section .update-btn-holder .enabled,
          .profile-container .profile-row .roomLocations-edit .update-section .update-btn-holder .enabled {
            cursor: pointer !important; }
        .profile-container .profile-row .company-edit .update-section .cancel-update,
        .profile-container .profile-row .name-edit .update-section .cancel-update,
        .profile-container .profile-row .email-edit .update-section .cancel-update,
        .profile-container .profile-row .password-edit .update-section .cancel-update,
        .profile-container .profile-row .workplace-edit .update-section .cancel-update,
        .profile-container .profile-row .industry-edit .update-section .cancel-update,
        .profile-container .profile-row .employees-edit .update-section .cancel-update,
        .profile-container .profile-row .customers-edit .update-section .cancel-update,
        .profile-container .profile-row .numberOfLocations-edit .update-section .cancel-update,
        .profile-container .profile-row .cupsPerDay-edit .update-section .cancel-update,
        .profile-container .profile-row .rooms-edit .update-section .cancel-update,
        .profile-container .profile-row .roomLocations-edit .update-section .cancel-update {
          height: 2.5rem;
          width: 6rem;
          border-radius: 2px;
          text-transform: uppercase;
          font-family: "MarkOT-Medium";
          font-size: 14px;
          letter-spacing: 1px;
          line-height: 18px;
          text-align: center;
          padding: 0; }
      .profile-container .profile-row .company-edit input::-ms-clear, .profile-container .profile-row .company-edit input::-ms-reveal,
      .profile-container .profile-row .name-edit input::-ms-clear,
      .profile-container .profile-row .name-edit input::-ms-reveal,
      .profile-container .profile-row .email-edit input::-ms-clear,
      .profile-container .profile-row .email-edit input::-ms-reveal,
      .profile-container .profile-row .password-edit input::-ms-clear,
      .profile-container .profile-row .password-edit input::-ms-reveal,
      .profile-container .profile-row .workplace-edit input::-ms-clear,
      .profile-container .profile-row .workplace-edit input::-ms-reveal,
      .profile-container .profile-row .industry-edit input::-ms-clear,
      .profile-container .profile-row .industry-edit input::-ms-reveal,
      .profile-container .profile-row .employees-edit input::-ms-clear,
      .profile-container .profile-row .employees-edit input::-ms-reveal,
      .profile-container .profile-row .customers-edit input::-ms-clear,
      .profile-container .profile-row .customers-edit input::-ms-reveal,
      .profile-container .profile-row .numberOfLocations-edit input::-ms-clear,
      .profile-container .profile-row .numberOfLocations-edit input::-ms-reveal,
      .profile-container .profile-row .cupsPerDay-edit input::-ms-clear,
      .profile-container .profile-row .cupsPerDay-edit input::-ms-reveal,
      .profile-container .profile-row .rooms-edit input::-ms-clear,
      .profile-container .profile-row .rooms-edit input::-ms-reveal,
      .profile-container .profile-row .roomLocations-edit input::-ms-clear,
      .profile-container .profile-row .roomLocations-edit input::-ms-reveal {
        display: none; }
    .profile-container .profile-row .birthday-edit {
      display: inline-flex;
      align-items: center;
      padding-top: 13px; }
      @media screen and (min-width: 768px) and (max-width: 1199px) {
        .profile-container .profile-row .birthday-edit {
          padding-left: 87px;
          width: 100%; } }
      @media screen and (min-width: 1200px) {
        .profile-container .profile-row .birthday-edit {
          padding-left: 10%;
          width: 100%; } }
      .profile-container .profile-row .birthday-edit .date-input {
        height: 40px;
        width: 3rem;
        border: 1px solid #d2d2d2;
        border-radius: 3px;
        background-color: #fff;
        margin: 0 10px 0 0;
        padding: 15px 10px 7px 10px;
        color: #333333;
        font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        line-height: 18px; }
        .profile-container .profile-row .birthday-edit .date-input.error {
          border-color: #d51610; }
        .profile-container .profile-row .birthday-edit .date-input:focus ~ .floating-label-birthday {
          top: 4px;
          left: 10px;
          font-size: 11px;
          opacity: 1;
          color: #999999;
          font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
          font-size: 10px;
          letter-spacing: 0.36px;
          line-height: 13px; }
      .profile-container .profile-row .birthday-edit .company-input,
      .profile-container .profile-row .birthday-edit .name-input,
      .profile-container .profile-row .birthday-edit .workplace-edit,
      .profile-container .profile-row .birthday-edit .industry-edit,
      .profile-container .profile-row .birthday-edit .employees-edit,
      .profile-container .profile-row .birthday-edit .customers-edit,
      .profile-container .profile-row .birthday-edit .numberOfLocations-edit,
      .profile-container .profile-row .birthday-edit .cupsPerDay-edit,
      .profile-container .profile-row .birthday-edit .rooms-edit,
      .profile-container .profile-row .birthday-edit .roomLocations-edit {
        display: flex;
        margin-bottom: 20px;
        width: 70%; }
        .profile-container .profile-row .birthday-edit .company-input .error,
        .profile-container .profile-row .birthday-edit .name-input .error,
        .profile-container .profile-row .birthday-edit .workplace-edit .error,
        .profile-container .profile-row .birthday-edit .industry-edit .error,
        .profile-container .profile-row .birthday-edit .employees-edit .error,
        .profile-container .profile-row .birthday-edit .customers-edit .error,
        .profile-container .profile-row .birthday-edit .numberOfLocations-edit .error,
        .profile-container .profile-row .birthday-edit .cupsPerDay-edit .error,
        .profile-container .profile-row .birthday-edit .rooms-edit .error,
        .profile-container .profile-row .birthday-edit .roomLocations-edit .error {
          border-color: #d51610 !important; }
        .profile-container .profile-row .birthday-edit .company-input .floating-label .error-tooltip-profile,
        .profile-container .profile-row .birthday-edit .name-input .floating-label .error-tooltip-profile,
        .profile-container .profile-row .birthday-edit .workplace-edit .floating-label .error-tooltip-profile,
        .profile-container .profile-row .birthday-edit .industry-edit .floating-label .error-tooltip-profile,
        .profile-container .profile-row .birthday-edit .employees-edit .floating-label .error-tooltip-profile,
        .profile-container .profile-row .birthday-edit .customers-edit .floating-label .error-tooltip-profile,
        .profile-container .profile-row .birthday-edit .numberOfLocations-edit .floating-label .error-tooltip-profile,
        .profile-container .profile-row .birthday-edit .cupsPerDay-edit .floating-label .error-tooltip-profile,
        .profile-container .profile-row .birthday-edit .rooms-edit .floating-label .error-tooltip-profile,
        .profile-container .profile-row .birthday-edit .roomLocations-edit .floating-label .error-tooltip-profile {
          width: 180px;
          bottom: 40px; }
          .profile-container .profile-row .birthday-edit .company-input .floating-label .error-tooltip-profile .error-label,
          .profile-container .profile-row .birthday-edit .name-input .floating-label .error-tooltip-profile .error-label,
          .profile-container .profile-row .birthday-edit .workplace-edit .floating-label .error-tooltip-profile .error-label,
          .profile-container .profile-row .birthday-edit .industry-edit .floating-label .error-tooltip-profile .error-label,
          .profile-container .profile-row .birthday-edit .employees-edit .floating-label .error-tooltip-profile .error-label,
          .profile-container .profile-row .birthday-edit .customers-edit .floating-label .error-tooltip-profile .error-label,
          .profile-container .profile-row .birthday-edit .numberOfLocations-edit .floating-label .error-tooltip-profile .error-label,
          .profile-container .profile-row .birthday-edit .cupsPerDay-edit .floating-label .error-tooltip-profile .error-label,
          .profile-container .profile-row .birthday-edit .rooms-edit .floating-label .error-tooltip-profile .error-label,
          .profile-container .profile-row .birthday-edit .roomLocations-edit .floating-label .error-tooltip-profile .error-label {
            position: static;
            margin-top: 0;
            color: #fff;
            font-family: "MarkOT-Bold", Helvetica, Arial, sans-serif;
            font-size: 12px;
            font-style: italic;
            font-weight: 700;
            letter-spacing: 1px;
            line-height: 15px; }
        .profile-container .profile-row .birthday-edit .company-input .floating-label label,
        .profile-container .profile-row .birthday-edit .name-input .floating-label label,
        .profile-container .profile-row .birthday-edit .workplace-edit .floating-label label,
        .profile-container .profile-row .birthday-edit .industry-edit .floating-label label,
        .profile-container .profile-row .birthday-edit .employees-edit .floating-label label,
        .profile-container .profile-row .birthday-edit .customers-edit .floating-label label,
        .profile-container .profile-row .birthday-edit .numberOfLocations-edit .floating-label label,
        .profile-container .profile-row .birthday-edit .cupsPerDay-edit .floating-label label,
        .profile-container .profile-row .birthday-edit .rooms-edit .floating-label label,
        .profile-container .profile-row .birthday-edit .roomLocations-edit .floating-label label {
          line-height: 18px;
          margin-left: -5px; }
        .profile-container .profile-row .birthday-edit .company-input .floating-label input,
        .profile-container .profile-row .birthday-edit .name-input .floating-label input,
        .profile-container .profile-row .birthday-edit .workplace-edit .floating-label input,
        .profile-container .profile-row .birthday-edit .industry-edit .floating-label input,
        .profile-container .profile-row .birthday-edit .employees-edit .floating-label input,
        .profile-container .profile-row .birthday-edit .customers-edit .floating-label input,
        .profile-container .profile-row .birthday-edit .numberOfLocations-edit .floating-label input,
        .profile-container .profile-row .birthday-edit .cupsPerDay-edit .floating-label input,
        .profile-container .profile-row .birthday-edit .rooms-edit .floating-label input,
        .profile-container .profile-row .birthday-edit .roomLocations-edit .floating-label input {
          color: #333333;
          font-family: "MarkOT-Medium";
          font-size: 14px;
          letter-spacing: 1px;
          line-height: 18px; }
        .profile-container .profile-row .birthday-edit .company-input .floating-label:focus,
        .profile-container .profile-row .birthday-edit .name-input .floating-label:focus,
        .profile-container .profile-row .birthday-edit .workplace-edit .floating-label:focus,
        .profile-container .profile-row .birthday-edit .industry-edit .floating-label:focus,
        .profile-container .profile-row .birthday-edit .employees-edit .floating-label:focus,
        .profile-container .profile-row .birthday-edit .customers-edit .floating-label:focus,
        .profile-container .profile-row .birthday-edit .numberOfLocations-edit .floating-label:focus,
        .profile-container .profile-row .birthday-edit .cupsPerDay-edit .floating-label:focus,
        .profile-container .profile-row .birthday-edit .rooms-edit .floating-label:focus,
        .profile-container .profile-row .birthday-edit .roomLocations-edit .floating-label:focus {
          outline: none; }
      .profile-container .profile-row .birthday-edit .floating-label-birthday {
        position: absolute;
        pointer-events: none;
        left: 10px;
        top: 10px;
        transition: 0.2s ease all;
        color: #68676b;
        font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
        font-size: 14px;
        letter-spacing: 0.5px;
        line-height: 18px;
        text-transform: uppercase; }
      .profile-container .profile-row .birthday-edit .update-section {
        display: flex;
        justify-content: flex-start;
        padding-left: 10px; }
        @media screen and (min-width: 768px) {
          .profile-container .profile-row .birthday-edit .update-section {
            width: 30%;
            justify-content: flex-end; } }
        .profile-container .profile-row .birthday-edit .update-section .update-btn-holder .update-profile {
          height: 2.5rem;
          width: 6rem;
          border-radius: 2px;
          text-transform: uppercase;
          font-family: "MarkOT-Medium";
          font-size: 14px;
          letter-spacing: 1px;
          line-height: 18px;
          text-align: center;
          padding: 0;
          background: 0 0;
          color: #333;
          border: 2px solid #f1be48;
          cursor: pointer; }
          .profile-container .profile-row .birthday-edit .update-section .update-btn-holder .update-profile:hover {
            border-color: #2F4053; }
        .profile-container .profile-row .birthday-edit .update-section .update-btn-holder .enabled {
          cursor: pointer !important; }
        .profile-container .profile-row .birthday-edit .update-section .cancel-update {
          height: 40px;
          width: 97px;
          border-radius: 2px;
          text-transform: uppercase;
          font-family: "MarkOT-Medium";
          font-size: 14px;
          letter-spacing: 1px;
          line-height: 18px;
          text-align: center;
          padding: 0; }
    .profile-container .profile-row .birthday-edit-cancel-wrapper {
      padding-top: 0;
      display: block; }
      .profile-container .profile-row .birthday-edit-cancel-wrapper .birthday-edit-cancel {
        height: 15px;
        width: 26px;
        font-family: MarkOT-Bold;
        font-size: 14px;
        letter-spacing: .38px;
        line-height: 18px;
        cursor: pointer; }
    .profile-container .profile-row .birthday_info_submitted {
      float: left;
      margin-top: 11px;
      padding-left: 20px;
      height: 40px; }
      @media screen and (min-width: 768px) and (max-width: 1199px) {
        .profile-container .profile-row .birthday_info_submitted {
          padding-left: 87px;
          width: 100%; } }
      @media screen and (min-width: 1200px) {
        .profile-container .profile-row .birthday_info_submitted {
          padding-left: 10%;
          width: 100%; } }
      .profile-container .profile-row .birthday_info_submitted .success_icon {
        background: url(/_ui/desktop/common/images/icons/green-checkmark.png) no-repeat;
        width: 32px;
        height: 32px;
        display: inline-block;
        background-size: 100%;
        float: left;
        margin-top: 4px;
        margin-bottom: 6px; }
      .profile-container .profile-row .birthday_info_submitted .success_msg {
        color: #498428;
        font-size: 12px;
        font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
        letter-spacing: 1px;
        line-height: 15px;
        width: 250px;
        display: block;
        float: left;
        margin-left: 13.88px;
        margin-top: 4px;
        margin-bottom: 6px; }
      .profile-container .profile-row .birthday_info_submitted .success-message-birthday-val {
        display: block; }
    .profile-container .profile-row .hidden {
      display: none !important; }
    .profile-container .profile-row:last-of-type {
      border-bottom: none; }
    @media screen and (min-width: 1200px) {
      .profile-container .profile-row {
        padding-bottom: 14px;
        padding-top: 11px;
        vertical-align: middle;
        line-height: 18px; } }

/*AFH SCSS code*/
.afh-profile .workPreferencesTitle {
  font-size: 20px;
  font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
  line-height: 38px;
  letter-spacing: 0.16px;
  display: inline-block;
  margin-bottom: 16px; }

.afh-profile .profile-container .profile-row .name-label .row-label {
  width: 30%; }
  @media screen and (max-width: 767px) {
    .afh-profile .profile-container .profile-row .name-label .row-label {
      width: 44%; } }
  @media screen and (min-width: 1200px) {
    .afh-profile .profile-container .profile-row .name-label .row-label {
      width: 17%; } }

.afh-profile .profile-container .profile-row .name-input {
  padding-left: 0px; }
  @media screen and (min-width: 1200px) {
    .afh-profile .profile-container .profile-row .name-input {
      padding-left: 180px; } }
  @media screen and (min-width: 1200px) {
    .afh-profile .profile-container .profile-row .name-input .profileBirthdayTextInputField, .afh-profile .profile-container .profile-row .name-input .profilePasswordTextInputField, .afh-profile .profile-container .profile-row .name-input .profileEmailTextInputField, .afh-profile .profile-container .profile-row .name-input .profileNameTextInputField, .afh-profile .profile-container .profile-row .name-input .profileCompanyTextInputField {
      width: 13.3rem !important; } }

.afh-profile #updateWorkplacePreferencesForm .profile-container .profile-row {
  position: relative; }
  .afh-profile #updateWorkplacePreferencesForm .profile-container .profile-row .applies-to {
    font-family: MarkOT-Italic,Helvetica,Arial,sans-serif;
    font-size: 14px;
    position: absolute;
    min-width: 400px;
    top: 20px;
    top: 64px;
    left: 34%; }
    .afh-profile #updateWorkplacePreferencesForm .profile-container .profile-row .applies-to::before {
      content: '*'; }
    @media screen and (min-width: 1200px) {
      .afh-profile #updateWorkplacePreferencesForm .profile-container .profile-row .applies-to {
        left: 490px; } }
    @media screen and (max-width: 767px) {
      .afh-profile #updateWorkplacePreferencesForm .profile-container .profile-row .applies-to {
        font-size: 12px;
        position: relative;
        left: 0;
        top: 0; } }
  .afh-profile #updateWorkplacePreferencesForm .profile-container .profile-row .name-input {
    padding-left: 0; }
    @media screen and (min-width: 1200px) {
      .afh-profile #updateWorkplacePreferencesForm .profile-container .profile-row .name-input {
        padding-left: 195px; } }
  .afh-profile #updateWorkplacePreferencesForm .profile-container .profile-row .name-label .row-label {
    width: 30%; }
    @media screen and (max-width: 767px) {
      .afh-profile #updateWorkplacePreferencesForm .profile-container .profile-row .name-label .row-label {
        width: 70%; } }
    @media screen and (min-width: 1200px) {
      .afh-profile #updateWorkplacePreferencesForm .profile-container .profile-row .name-label .row-label {
        width: 18%; } }
  .afh-profile #updateWorkplacePreferencesForm .profile-container .profile-row input, .afh-profile #updateWorkplacePreferencesForm .profile-container .profile-row select {
    line-height: 18px;
    margin-right: 15px;
    top: 10px;
    background: 0 0;
    padding: 12px 15px 0;
    position: relative;
    border-radius: 3px;
    height: 40px;
    width: 100%;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    background-color: #ffffff;
    margin: 0 0 10px 0; }
    @media screen and (min-width: 1200px) {
      .afh-profile #updateWorkplacePreferencesForm .profile-container .profile-row input, .afh-profile #updateWorkplacePreferencesForm .profile-container .profile-row select {
        height: 40px;
        width: 280px;
        margin-right: 15px; } }
  .afh-profile #updateWorkplacePreferencesForm .profile-container .profile-row .profileOtherIndustryTextInputField {
    padding: 6px 15px 6px 15px; }

.afh-profile #updateWorkplacePreferencesForm .profile-container form {
  width: 100%; }
  .afh-profile #updateWorkplacePreferencesForm .profile-container form .profile-row:nth-last-of-type(2) {
    border-bottom: none; }

.afh-profile #updateWorkplacePreferencesForm .error-tooltip-profile {
  position: absolute;
  width: 100%;
  padding: 0 10.71px 7px 9.9px;
  border: 1px solid #d51610;
  border-radius: 3px;
  background-color: #d51610;
  bottom: 40px; }
  @media screen and (min-width: 768px) {
    .afh-profile #updateWorkplacePreferencesForm .error-tooltip-profile {
      bottom: 50px; } }
  .afh-profile #updateWorkplacePreferencesForm .error-tooltip-profile .arrow-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #d51610;
    position: absolute;
    bottom: -10px; }

.afh-profile #updateWorkplacePreferencesForm .bootstrap-select {
  width: 100%; }
  .afh-profile #updateWorkplacePreferencesForm .bootstrap-select button.dropdown-toggle {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #F8C612;
    background: #FBF3EB;
    height: 50px; }
    @media screen and (min-width: 1200px) {
      .afh-profile #updateWorkplacePreferencesForm .bootstrap-select button.dropdown-toggle {
        width: 280px; } }
    .afh-profile #updateWorkplacePreferencesForm .bootstrap-select button.dropdown-toggle span {
      font-size: 16px;
      font-family: MarkOT-Medium; }

.afh-profile #updateWorkplacePreferencesForm .dropdown-menu {
  border-radius: 0 !important; }
  .afh-profile #updateWorkplacePreferencesForm .dropdown-menu.open {
    padding-left: 1px;
    border: 1px solid #999;
    top: 60px;
    overflow: visible !important; }
    .afh-profile #updateWorkplacePreferencesForm .dropdown-menu.open:before {
      content: "";
      position: absolute;
      top: -8px;
      left: 80%;
      width: 14px;
      height: 14px;
      background-color: #fff;
      border: solid #999;
      border-width: 1px 0 0 1px;
      transform: rotate(45deg); }
  .afh-profile #updateWorkplacePreferencesForm .dropdown-menu.inner {
    padding-left: 18px;
    padding-right: 15px;
    background: white; }
    .afh-profile #updateWorkplacePreferencesForm .dropdown-menu.inner li:first-child {
      border-top: none; }
    .afh-profile #updateWorkplacePreferencesForm .dropdown-menu.inner li a {
      padding: 7px 20px; }
  .afh-profile #updateWorkplacePreferencesForm .dropdown-menu span.text {
    font-size: 14px;
    font-family: MarkOT-Medium;
    letter-spacing: 0.23px;
    line-height: 18px;
    margin-right: 0; }

@media screen and (min-width: 1200px) {
  .afh-profile #profile_collectionBanner, .afh-profile #profile_dysBanner {
    height: auto !important; } }

.afh-profile #profile_collectionBanner.banner-component p, .afh-profile #profile_dysBanner.banner-component p {
  text-align: left !important; }

.afh-profile #profile_collectionBanner .buttonFieldWrap, .afh-profile #profile_dysBanner .buttonFieldWrap {
  text-align: left !important; }

.afh-profile #profile_collectionBanner .text-container, .afh-profile #profile_dysBanner .text-container {
  padding: 20px 0 0 20px; }

.afh-profile #profile_collectionBanner .test-label, .afh-profile #profile_dysBanner .test-label {
  line-height: 25px;
  margin-bottom: 33px; }

/*header*/
/* Cancel Remediation Modal */
/* -------------------------------------------------------------
  Sass CSS3 Mixins!
  List of CSS3 Sass Mixins File to be @imported and @included as you need
  The purpose of this library is to facilitate the use of CSS3 on different browsers
 ------------------------------------------------------------ */
/*header*/
/* Cancel Remediation Modal */
/* -------------------------------------------------------------
  Sass CSS3 Mixins!
  List of CSS3 Sass Mixins File to be @imported and @included as you need
  The purpose of this library is to facilitate the use of CSS3 on different browsers
 ------------------------------------------------------------ */
.brewer-type-modal {
  width: 100%;
  max-width: 1147px;
  margin: auto;
  height: auto; }
  .brewer-type-modal #imageDescription, .brewer-type-modal .imageDescription {
    color: #333333;
    font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin: 0 15px;
    margin-bottom: 8px; }
    @media only screen and (min-width: 768px) and (max-width: 850px) {
      .brewer-type-modal #imageDescription, .brewer-type-modal .imageDescription {
        margin: 0px;
        margin-bottom: 20px; } }
    @media only screen and (min-width: 768px) {
      .brewer-type-modal #imageDescription, .brewer-type-modal .imageDescription {
        margin: 0px;
        margin-bottom: 20px; } }
  @media only screen and (min-width: 768px) {
    .brewer-type-modal-items {
      min-height: 67px; } }
  .brewer-type-modal h4 {
    color: #333333;
    font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 27px; }
    @media only screen and (min-width: 768px) {
      .brewer-type-modal h4 {
        font-size: 42px;
        font-weight: 300;
        letter-spacing: 4px;
        line-height: 50px;
        text-align: center;
        margin-bottom: 78px;
        font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif; } }
  .brewer-type-modal-items a {
    border: 1px solid #ebebeb;
    border-radius: 3px;
    padding: 20px 12px;
    display: block;
    font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 25px;
    text-decoration: none;
    color: #333333;
    width: 100%;
    box-sizing: border-box;
    border: 2px solid transparent; }
    .brewer-type-modal-items a.selected {
      border: 1px solid #2f4053;
      background-color: #2f4053;
      color: #fff; }
    .brewer-type-modal-items a:hover {
      border-color: #2f4053; }

.brewer-type-image--wrapper {
  width: 100%;
  max-width: 375px;
  margin-bottom: 30px;
  margin: auto;
  min-height: 404px; }
  @media only screen and (min-width: 768px) {
    .brewer-type-image--wrapper {
      margin-right: 75px;
      float: left;
      margin-bottom: 40px; } }
  @media only screen and (min-width: 768px) and (max-width: 950px) {
    .brewer-type-image--wrapper {
      margin-right: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 850px) {
    .brewer-type-image--wrapper {
      margin-right: 45px;
      float: right;
      max-width: 320px; } }
  .brewer-type-image--wrapper img {
    width: 100%;
    border: solid #F2F2F2;
    border-width: 4px 8px;
    max-width: 283px;
    max-height: 200px;
    display: block;
    margin: auto; }
    @media only screen and (min-width: 768px) {
      .brewer-type-image--wrapper img {
        max-width: 262px;
        max-height: 286px; } }

.brewer-type--list {
  margin: 0;
  padding: 0;
  max-width: 295px;
  box-shadow: 0 5px 25px 0 #d2d2d2;
  list-style-type: none; }

.brewer-type--wrapper {
  width: 100%;
  max-width: 1043px;
  margin: auto;
  text-align: center;
  margin-top: 65px; }
  @media only screen and (min-width: 768px) {
    .brewer-type--wrapper {
      text-align: left;
      margin-top: 60px; } }

.brewer-type-select--wrapper {
  margin-bottom: 35px; }
  @media only screen and (min-width: 768px) {
    .brewer-type-select--wrapper {
      width: 46%;
      float: left;
      padding-left: 60px; } }
  @media only screen and (min-width: 768px) and (max-width: 850px) {
    .brewer-type-select--wrapper {
      width: 42%;
      padding-left: 14px; } }
  @media only screen and (min-width: 768px) and (max-width: 950px) {
    .brewer-type-select--wrapper {
      padding-left: 4%; } }

.page-register-brewer #cboxClose {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 32px;
  height: 32px;
  background: none;
  bottom: auto;
  z-index: 9999; }
  @media only screen and (min-width: 768px) {
    .page-register-brewer #cboxClose {
      right: 20px;
      top: 20px; } }
  .page-register-brewer #cboxClose:before, .page-register-brewer #cboxClose:after {
    left: 15px;
    content: ' ';
    height: 24px;
    width: 3px;
    background-color: #030303;
    position: absolute; }
  .page-register-brewer #cboxClose:before {
    transform: rotate(45deg); }
  .page-register-brewer #cboxClose:after {
    transform: rotate(-45deg); }

.page-register-brewer .brewer-type-modal .brewer-type-select--wrapper .bootstrap-select > .dropdown-toggle {
  border: 1px solid #ebebeb;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 5px 25px 0 #d2d2d2;
  min-width: 315px;
  min-height: 50px;
  cursor: pointer;
  border: none; }
  @media only screen and (min-width: 320px) and (max-device-width: 375px) {
    .page-register-brewer .brewer-type-modal .brewer-type-select--wrapper .bootstrap-select > .dropdown-toggle {
      min-width: 280px; } }
  .page-register-brewer .brewer-type-modal .brewer-type-select--wrapper .bootstrap-select > .dropdown-toggle .caret {
    border-color: #254053;
    padding: 5px; }

.page-register-brewer .brewer-type-modal .brewer-type-select--wrapper .bootstrap-select.open > .dropdown-toggle .caret {
  transform: rotate(225deg); }

.page-register-brewer .bootstrap-select.open .dropdown-menu li a {
  padding: 12px; }

.page-register-brewer .dropdown-toggle .filter-option {
  font-family: "MarkOT-Bold", Helvetica, Arial, sans-serif;
  color: #333;
  letter-spacing: 1px;
  line-height: 25px; }

.page-register-brewer .dropdown-menu li a {
  font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
  color: #68676B;
  letter-spacing: 1px;
  line-height: 25px; }

.page-register-brewer .dropdown-menu .selected {
  display: none; }

.page-register-brewer #wrapper {
  min-width: 320px !important; }

#cboxWrapper .brewer-type-modal .bootstrap-select > select.mobile-device {
  width: 0.5px !important; }

#cboxWrapper .brewer-type-modal .bootstrap-select.open:not(.dropup) .dropdown-menu.open {
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  border: none;
  box-shadow: 0 11px 25px 0 #d2d2d2 !important;
  top: 94% !important; }

.fancy-checkbox-label .fancy-checkbox {
  position: absolute;
  left: -100px;
  display: inline-block; }
  .fancy-checkbox-label .fancy-checkbox:checked ~ .label-text::before {
    background-color: #2f4053;
    border-color: #2f4053; }
  .fancy-checkbox-label .fancy-checkbox:checked ~ .label-text:after {
    transform: rotate(-45deg) scale(1); }
  .fancy-checkbox-label .fancy-checkbox:focus ~ .label-text::before {
    outline-color: #3b99fc;
    outline-offset: -2px;
    outline-style: auto;
    outline-width: 5px; }
  .fancy-checkbox-label .fancy-checkbox ~ .label-text {
    display: block;
    position: relative;
    color: #68676b;
    font-family: MarkOT-Light;
    font-size: 14px;
    letter-spacing: 0.44px;
    line-height: 18px;
    padding-left: 36px; }
    .fancy-checkbox-label .fancy-checkbox ~ .label-text::before {
      display: inline-block;
      position: absolute;
      top: 50%;
      content: "";
      left: 0;
      height: 20px;
      width: 20px;
      border: 2px solid #d2d2d2;
      background-color: #fff;
      transform: translateY(-50%); }
    .fancy-checkbox-label .fancy-checkbox ~ .label-text:after {
      content: "";
      display: inline-block;
      position: absolute;
      width: 14px;
      height: 6px;
      border-style: solid;
      border-width: 2px;
      border-color: transparent transparent #fff #fff;
      top: 50%;
      margin-top: -5px;
      left: 3px;
      transform: rotate(0) scale(0) translateY(-50%);
      transition: transform .2s ease-in; }

.registered-brewer-box {
  border-radius: 3px 3px 0 0;
  position: relative; }
  .registered-brewer-box:after {
    position: absolute;
    top: 15px;
    border-bottom: 1px solid #000; }
  .registered-brewer-box .fancy-checkbox-label {
    margin-top: 11px;
    width: 100%; }
    @media screen and (max-width: 1023px) {
      .registered-brewer-box .fancy-checkbox-label {
        order: 2;
        margin-top: 12px; } }
  .registered-brewer-box .input-box {
    height: 40px;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    margin: 0;
    width: 100%;
    box-shadow: none;
    z-index: 2;
    position: relative;
    top: auto; }
    .registered-brewer-box .input-box, .registered-brewer-box .input-box:focus, .registered-brewer-box .input-box:hover {
      background: transparent; }
  .registered-brewer-box .btn-orange {
    font-family: MarkOT-Medium;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 36px;
    text-align: center;
    border-radius: 2px;
    padding: 0 15px;
    margin-left: 15px; }
    @media screen and (max-width: 1023px) {
      .registered-brewer-box .btn-orange {
        order: 4;
        margin-left: 0;
        margin-top: 12px; } }
  .registered-brewer-box .btn-grey {
    border-radius: 2px;
    font-size: 14px;
    font-family: MarkOT-Medium;
    letter-spacing: 1px;
    line-height: 36px;
    text-align: center;
    padding: 0 15px;
    margin-left: 15px; }
    @media screen and (max-width: 1023px) {
      .registered-brewer-box .btn-grey {
        order: 5;
        margin-top: 12px; } }
  .registered-brewer-box .upper-box {
    display: flex;
    padding: 22px 12px 28px 0;
    background-color: #fff; }
    @media screen and (max-width: 1023px) {
      .registered-brewer-box .upper-box {
        flex-direction: column; } }
  .registered-brewer-box .lower-box {
    display: flex;
    background-color: #fff; }
    @media screen and (max-width: 1023px) {
      .registered-brewer-box .lower-box {
        flex-direction: column; } }
  .registered-brewer-box .left-box {
    display: flex;
    align-items: flex-start;
    min-width: 40%;
    max-width: 40%;
    position: relative; }
    @media screen and (max-width: 1023px) {
      .registered-brewer-box .left-box {
        min-width: auto;
        max-width: none; } }
    .registered-brewer-box .left-box .brewer-icon {
      background-image: url(/_ui/desktop/common/images/icons/registered-brewer-icon.svg);
      background-repeat: no-repeat;
      background-position: center center;
      width: 70px;
      height: 70px;
      flex-shrink: 0;
      flex-grow: 0; }
      @media screen and (max-width: 1023px) {
        .registered-brewer-box .left-box .brewer-icon {
          width: 65px;
          position: absolute;
          top: 0;
          left: 0; } }
    .registered-brewer-box .left-box .text-container {
      display: flex;
      align-self: center;
      overflow: hidden; }
      @media screen and (max-width: 1023px) {
        .registered-brewer-box .left-box .text-container {
          padding: 10px 15px 5px 65px;
          overflow: auto; } }
    .registered-brewer-box .left-box .box-heading {
      color: #333333;
      font-family: MarkOT-Medium;
      font-size: 14px;
      letter-spacing: 0.44px;
      line-height: 18px;
      margin: 0;
      text-transform: uppercase; }
      @media screen and (max-width: 767px) {
        .registered-brewer-box .left-box .box-heading {
          font-size: 12px;
          letter-spacing: 0.38px;
          line-height: 15px; } }
    .registered-brewer-box .left-box .recent-brewer {
      color: #68676b;
      font-family: MarkOT-Light;
      font-size: 16px;
      letter-spacing: 0.5px;
      line-height: 20px;
      margin: 5px 0 0 0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      @media screen and (max-width: 1023px) {
        .registered-brewer-box .left-box .recent-brewer {
          font-size: 12px;
          letter-spacing: 0.38px;
          line-height: 15px;
          white-space: normal;
          overflow: auto;
          text-overflow: clip; } }
  .registered-brewer-box .right-box {
    min-width: 60%;
    max-width: 60%;
    align-self: center; }
    @media screen and (max-width: 1023px) {
      .registered-brewer-box .right-box {
        min-width: auto;
        max-width: none;
        padding: 5px 15px 15px 65px;
        align-self: flex-start; } }
    @media screen and (max-width: 767px) {
      .registered-brewer-box .right-box {
        padding-left: 16px; } }
    .registered-brewer-box .right-box .offer-box {
      text-align: right; }
      @media screen and (max-width: 1023px) {
        .registered-brewer-box .right-box .offer-box {
          text-align: left; } }
      @media screen and (max-width: 767px) {
        .registered-brewer-box .right-box .offer-box {
          padding-left: 43px; } }
    .registered-brewer-box .right-box .offer-text {
      color: #68676b;
      font: 12px/15px "MarkOT-Italic", Helvetica, Arial, sans-serif;
      letter-spacing: 0.38px;
      margin: 0; }
    .registered-brewer-box .right-box .inputs-box {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start; }
      @media screen and (max-width: 767px) {
        .registered-brewer-box .right-box .inputs-box.captcha-enabled .btn-box {
          margin-top: 0; } }
    .registered-brewer-box .right-box .text-box-wrap {
      flex: 1;
      position: relative;
      max-height: 354px; }
      @media screen and (max-width: 1023px) {
        .registered-brewer-box .right-box .text-box-wrap {
          order: 1;
          flex-grow: 0;
          flex-shrink: 0;
          max-height: 462px; } }
    .registered-brewer-box .right-box .underlined-cta {
      background-color: transparent;
      border: none;
      font-style: inherit;
      margin: 0;
      padding: 0 0 1px 0;
      font-family: inherit;
      cursor: pointer;
      display: inline;
      font-size: inherit; }
    .registered-brewer-box .right-box .captcha-box {
      margin-top: 20px; }
      @media screen and (max-width: 1023px) {
        .registered-brewer-box .right-box .captcha-box {
          min-width: 100%;
          max-width: 100%;
          order: 3;
          margin-top: 15px; } }
      @media screen and (max-width: 767px) {
        .registered-brewer-box .right-box .captcha-box {
          transform: scale(0.77);
          -webkit-transform: scale(0.77);
          transform-origin: 0 0;
          -webkit-transform-origin: 0 0; } }
    .registered-brewer-box .right-box .restriction-wrapper {
      max-width: 320px;
      width: 100%;
      color: #68676b;
      font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
      font-size: 12px;
      font-style: italic;
      letter-spacing: 1px;
      line-height: 15px;
      margin: 0;
      text-align: left;
      letter-spacing: .5px; }
      .registered-brewer-box .right-box .restriction-wrapper a {
        line-height: inherit;
        color: inherit;
        cursor: pointer;
        text-decoration: underline;
        font-style: normal; }
  .registered-brewer-box .right-box .blue-cta,
  .registered-brewer-box .registration-box .blue-cta {
    font: 12px/15px "MarkOT-Bold", Helvetica, Arial, sans-serif;
    letter-spacing: 0.38px;
    text-align: right;
    margin: 22px 0 0;
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer; }
  .registered-brewer-box .right-box .js-show-brewer-types,
  .registered-brewer-box .registration-box .js-show-brewer-types {
    text-decoration: underline; }
  .registered-brewer-box .registration-box {
    background: #fff; }
    @media screen and (max-width: 767px) {
      .registered-brewer-box .registration-box {
        margin-top: 40px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .registered-brewer-box .registration-box {
        margin-top: 80px; } }
    .registered-brewer-box .registration-box .separation-line {
      margin: 0 12px;
      padding-bottom: 35px; }
      @media screen and (min-width: 1024px) {
        .registered-brewer-box .registration-box .separation-line {
          border-top: 1px solid #979797; } }
    .registered-brewer-box .registration-box .serial-number-container {
      width: 50%;
      padding-left: 149px; }
      @media screen and (max-width: 1023px) {
        .registered-brewer-box .registration-box .serial-number-container {
          padding-left: 7px; } }
      @media screen and (max-width: 767px) {
        .registered-brewer-box .registration-box .serial-number-container {
          width: auto;
          display: flex;
          align-self: center;
          flex-direction: column;
          padding-left: 0px; } }
    .registered-brewer-box .registration-box .locate-myserial-number input {
      width: 340px;
      height: 3rem;
      margin-bottom: 5px;
      border-radius: 6px;
      border: 2px solid #E7E4DF; }
    .registered-brewer-box .registration-box .locate-myserial-number label {
      margin-top: 5px;
      font-size: 0.625rem !important; }
    .registered-brewer-box .registration-box .register-brewer-cta-container {
      width: 100%;
      display: flex;
      justify-content: center;
      margin-top: 15px;
      padding-bottom: 40px; }
      @media screen and (max-width: 1023px) {
        .registered-brewer-box .registration-box .register-brewer-cta-container {
          padding-bottom: 35px; } }
      .registered-brewer-box .registration-box .register-brewer-cta-container .btn-register {
        color: #fff;
        letter-spacing: 1px;
        width: 340px;
        height: 2.5rem;
        border-radius: 20px;
        background-color: #3b2b2f;
        border: none;
        font: 14px/18px "MarkOT-Medium", Helvetica, Arial, sans-serif; }
      .registered-brewer-box .registration-box .register-brewer-cta-container .btn-register:hover {
        cursor: pointer;
        background-color: #AA8066; }
      .registered-brewer-box .registration-box .register-brewer-cta-container .btn-register:disabled {
        pointer-events: none;
        opacity: .3;
        border: 2px solid #999999;
        background-color: #fff;
        color: #000; }
    .registered-brewer-box .registration-box .captcha-box {
      margin-top: 20px; }
    .registered-brewer-box .registration-box .alert.negative {
      width: 100%;
      max-width: 300px;
      margin: 0px auto 20px;
      display: block;
      font: 14px/18px "MarkOT-Light", Helvetica, Arial, sans-serif; }
    .registered-brewer-box .registration-box #addressformButtonPanelDiv {
      width: 300px;
      margin: 0px auto;
      text-align: center;
      padding-bottom: 20px; }
  .registered-brewer-box .brewer-question-wrapper {
    text-align: left;
    padding-left: 40px;
    margin-bottom: 16px; }
    @media screen and (max-width: 767px) {
      .registered-brewer-box .brewer-question-wrapper {
        display: flex;
        flex-direction: column;
        align-self: center;
        margin-top: 35px; } }
    @media screen and (max-width: 1023px) {
      .registered-brewer-box .brewer-question-wrapper {
        padding-left: 2px; } }
    .registered-brewer-box .brewer-question-wrapper .disabled {
      pointer-events: none; }
      .registered-brewer-box .brewer-question-wrapper .disabled .brewer-question {
        color: #D8DBDF; }
      .registered-brewer-box .brewer-question-wrapper .disabled select {
        background-color: #ebebeb; }
      .registered-brewer-box .brewer-question-wrapper .disabled select.select-style {
        opacity: .3; }
    .registered-brewer-box .brewer-question-wrapper .brewer-question {
      color: #68676b;
      cursor: pointer;
      display: block;
      max-width: 310px;
      margin-bottom: 5px;
      font: 14px/21px "MarkOT-Regular", Helvetica, Arial, sans-serif;
      margin-top: 0; }
    .registered-brewer-box .brewer-question-wrapper .brewerRegFormRadioContainer {
      padding: 10px 0; }
      .registered-brewer-box .brewer-question-wrapper .brewerRegFormRadioContainer input[type="radio"] {
        display: none; }
      .registered-brewer-box .brewer-question-wrapper .brewerRegFormRadioContainer input[type=radio] + label:before {
        border: 2px solid #3B2B2F; }
      .registered-brewer-box .brewer-question-wrapper .brewerRegFormRadioContainer input[type=radio]:checked + label:before {
        border: 2px solid #3B2B2F;
        color: #3B2B2F;
        height: 26px;
        width: 26px; }
      .registered-brewer-box .brewer-question-wrapper .brewerRegFormRadioContainer input[type=radio]:checked + label:after {
        content: '';
        display: block;
        width: 18px;
        height: 18px;
        top: 4px;
        left: 4px;
        border-radius: 50%;
        position: absolute;
        background-color: #3B2B2F;
        border: 2px solid #3B2B2F;
        color: #3B2B2F; }
    .registered-brewer-box .brewer-question-wrapper .autocomplete {
      position: relative;
      display: inline-block;
      margin-bottom: 20px; }
      .registered-brewer-box .brewer-question-wrapper .autocomplete .typehead {
        padding: 0 20px;
        margin-bottom: 0; }
    .registered-brewer-box .brewer-question-wrapper .autocomplete-items {
      position: absolute;
      border: 1px solid #68676b;
      border-bottom: none;
      border-top: none;
      z-index: 99;
      top: 100%;
      left: 0;
      right: 0; }
      .registered-brewer-box .brewer-question-wrapper .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #68676b;
        font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
        font-size: 16px;
        line-height: 20px; }
        .registered-brewer-box .brewer-question-wrapper .autocomplete-items div:hover {
          background-color: #f1be48;
          color: #fff; }
    .registered-brewer-box .brewer-question-wrapper .autocomplete-active {
      background-color: #f1be48 !important;
      color: #fff; }
  .registered-brewer-box .registerAppliancePurchaseFrom {
    padding-bottom: 0; }
  .registered-brewer-box .whatInspiredLabel .prettycheckbox {
    margin: 0 0; }
  .registered-brewer-box .ui-datepicker-trigger {
    width: 28px;
    height: 18px;
    top: 11px;
    left: auto;
    right: 0;
    position: absolute;
    padding-right: 10px; }
  .registered-brewer-box #brewerOwnBefore, .registered-brewer-box .select-style {
    border-radius: 6px;
    width: 100%;
    height: 2.5rem;
    border: 1px solid #E7E4DF;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    background-image: url("../images/grey-down-Arrow.svg");
    background-size: 18px;
    background-position: 300px center;
    -moz-appearance: none; }
    .registered-brewer-box #brewerOwnBefore:hover, .registered-brewer-box .select-style:hover {
      background-color: transparent;
      border: 1px solid #d2d2d2; }
    .registered-brewer-box #brewerOwnBefore:focus, .registered-brewer-box .select-style:focus {
      outline: #333333 solid 1px; }
  .registered-brewer-box .select-style {
    padding-right: 45px; }
  .registered-brewer-box .control-label.registerBrewerFomLabel.brewerOwnBeforeLabel {
    margin: 0; }
  .registered-brewer-box .brewer-serial--container {
    text-align: right;
    position: relative; }
    .registered-brewer-box .brewer-serial--container .serial-wrapper {
      display: block;
      margin-top: 0;
      z-index: 2;
      position: relative; }
      @media only screen and (min-width: 768px) {
        .registered-brewer-box .brewer-serial--container .serial-wrapper {
          position: absolute;
          left: 330px;
          display: inline-table;
          top: 40%;
          width: 300px;
          text-align: left; } }
      .registered-brewer-box .brewer-serial--container .serial-wrapper #locate-serial-number {
        color: #0f7db5;
        font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 18px;
        text-align: center;
        background: transparent;
        outline: 0;
        border: 0;
        cursor: pointer; }
  .registered-brewer-box .control-group {
    position: relative;
    margin-bottom: 5px;
    width: 340px;
    text-align: left; }
    .registered-brewer-box .control-group.info .help-inline span {
      background-color: #333333;
      border: 1px solid #333333; }
      .registered-brewer-box .control-group.info .help-inline span:after {
        border-top: 10px solid #333333; }
    .registered-brewer-box .control-group.error input, .registered-brewer-box .control-group.error select {
      border-color: #d51610; }
    .registered-brewer-box .control-group.error .help-inline span {
      background-color: #d51610;
      border: 1px solid #d51610; }
      .registered-brewer-box .control-group.error .help-inline span:after {
        border-top: 10px solid #d51610; }
    .registered-brewer-box .control-group .hasDatepicker {
      max-width: 161px;
      margin-top: 10px;
      margin-bottom: 0; }
    .registered-brewer-box .control-group.date-picker-box {
      width: 161px; }
    .registered-brewer-box .control-group .help-inline {
      bottom: 54px;
      position: absolute;
      display: none;
      width: 100%;
      z-index: 999; }
      @media only screen and (min-width: 320px) and (max-device-width: 375px) {
        .registered-brewer-box .control-group .help-inline {
          left: -5px; } }
      .registered-brewer-box .control-group .help-inline span {
        border-radius: 3px;
        color: #fff;
        font-size: 12px;
        font-style: italic;
        font-weight: bold;
        letter-spacing: 1px;
        line-height: 15px;
        padding: 7px 3px;
        display: block;
        width: 100%;
        position: relative; }
        .registered-brewer-box .control-group .help-inline span:after {
          width: 0;
          height: 0;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          content: "";
          position: absolute;
          right: 10px;
          bottom: -10px; }
    .registered-brewer-box .control-group label {
      font: 14px "MarkOT-Bold", Helvetica, Arial, sans-serif;
      margin-top: 58px;
      color: #3b2b2f; }
      @media screen and (max-width: 767px) {
        .registered-brewer-box .control-group label {
          margin-top: 62px; } }
      @media screen and (min-width: 768px) and (max-width: 1199px) {
        .registered-brewer-box .control-group label {
          margin-top: 62px; } }
      .registered-brewer-box .control-group label sup {
        top: 6px;
        font-size: 14px; }
    .registered-brewer-box .control-group input {
      width: 340px;
      border: 1px solid #E7E4DF;
      border-radius: 6px;
      height: 40px;
      padding: 5px 15px;
      font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
      margin-bottom: 8px; }
  .registered-brewer-box .registered-brewers {
    border-radius: 0 0 3px 3px;
    background-color: #fff;
    position: relative;
    z-index: 1; }
    .registered-brewer-box .registered-brewers .accordion-header {
      padding: 5px 10px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .registered-brewer-box .registered-brewers .accordion-content {
      display: none; }
    .registered-brewer-box .registered-brewers .accordion-button {
      display: inline-block;
      position: relative;
      width: 30px;
      height: 30px;
      padding: 0;
      background-color: transparent;
      border: none;
      cursor: pointer;
      flex-shrink: 0;
      flex-grow: 0; }
      @media screen and (max-width: 767px) {
        .registered-brewer-box .registered-brewers .accordion-button {
          width: 15px;
          height: 15px; } }
      .registered-brewer-box .registered-brewers .accordion-button::before, .registered-brewer-box .registered-brewers .accordion-button::after {
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 5px;
        content: "";
        background-color: #333333;
        height: 2px;
        width: 20px;
        transition: transform .3s ease-in;
        border-radius: 1px; }
        @media screen and (max-width: 767px) {
          .registered-brewer-box .registered-brewers .accordion-button::before, .registered-brewer-box .registered-brewers .accordion-button::after {
            left: 0;
            width: 15px;
            top: 7px; } }
      .registered-brewer-box .registered-brewers .accordion-button::after {
        transform: rotate(-90deg); }
      .registered-brewer-box .registered-brewers .accordion-button.opened::after {
        transform: rotate(0deg); }
    .registered-brewer-box .registered-brewers .disclaimer {
      color: #333333;
      font: 10px/12px "MarkOT-Regular", Helvetica, Arial, sans-serif;
      letter-spacing: 0; }
      @media screen and (min-width: 768px) and (max-width: 1199px) {
        .registered-brewer-box .registered-brewers .disclaimer {
          font-size: 8px; } }
      @media screen and (max-width: 767px) {
        .registered-brewer-box .registered-brewers .disclaimer {
          display: none; } }
    .registered-brewer-box .registered-brewers .disclaimer-mobile {
      color: #333333;
      font: 10px/12px "MarkOT-Regular", Helvetica, Arial, sans-serif;
      letter-spacing: 0; }
      @media screen and (min-width: 768px) {
        .registered-brewer-box .registered-brewers .disclaimer-mobile {
          display: none; } }
    .registered-brewer-box .registered-brewers .brewer-question-wrapper .btn-orange {
      color: #333333;
      background: #f1be48;
      font: 14px/36px "MarkOT-Medium", Helvetica, Arial, sans-serif;
      letter-spacing: 1px;
      text-align: center;
      border-radius: 2px;
      padding: 0 15px;
      border-radius: 20px;
      width: 158px;
      margin-left: 0;
      margin-top: 30px; }
      @media screen and (max-width: 1023px) {
        .registered-brewer-box .registered-brewers .brewer-question-wrapper .btn-orange {
          order: 4;
          margin-left: 0;
          margin-top: 12px; } }
      @media screen and (max-width: 1199px) {
        .registered-brewer-box .registered-brewers .brewer-question-wrapper .btn-orange {
          width: 140px; } }
    .registered-brewer-box .registered-brewers .brewer-question-wrapper .btn-orange:hover {
      background: #2f4053;
      color: #fff;
      border-color: #2f4053; }
    .registered-brewer-box .registered-brewers .brewer-question-wrapper .btn-grey {
      border-radius: 2px;
      font: 14px/36px "MarkOT-Medium", Helvetica, Arial, sans-serif;
      letter-spacing: 1px;
      text-align: center;
      padding: 0 15px;
      margin-left: 15px;
      width: 158px;
      border: 1px solid #333333;
      border-radius: 20px;
      background-color: #fff; }
      @media screen and (max-width: 1023px) {
        .registered-brewer-box .registered-brewers .brewer-question-wrapper .btn-grey {
          order: 5;
          margin-top: 12px; } }
      @media screen and (max-width: 1199px) {
        .registered-brewer-box .registered-brewers .brewer-question-wrapper .btn-grey {
          width: 140px; } }
    .registered-brewer-box .registered-brewers .sub-heading {
      color: #333333;
      font-family: MarkOT-Medium;
      font-size: 14px;
      line-height: 18px;
      padding: 0;
      border: none;
      margin: 0;
      display: inline-block; }
      @media screen and (max-width: 767px) {
        .registered-brewer-box .registered-brewers .sub-heading {
          font-size: 12px;
          letter-spacing: 0.38px;
          line-height: 15px; } }
    .registered-brewer-box .registered-brewers .brewers-list {
      padding: 1px 15px 0 15px;
      list-style-type: none;
      display: table;
      width: 100%; }
      @media screen and (max-width: 767px) {
        .registered-brewer-box .registered-brewers .brewers-list {
          padding: 1px 5px 0 10px;
          display: block; } }
    .registered-brewer-box .registered-brewers .list-item {
      border-top: 1px solid #979797; }
      @media screen and (max-width: 767px) {
        .registered-brewer-box .registered-brewers .list-item {
          flex-wrap: wrap;
          display: flex;
          padding-bottom: 20px;
          padding-left: 4px;
          border-top: 0.25px solid #979797;
          flex-direction: column; } }
      .registered-brewer-box .registered-brewers .list-item:last-child {
        border-bottom: none; }
    .registered-brewer-box .registered-brewers .brewer-detail-box {
      padding: 20px 30px 10px 0;
      display: table-cell;
      vertical-align: top; }
      @media screen and (max-width: 767px) {
        .registered-brewer-box .registered-brewers .brewer-detail-box {
          padding: 0; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .registered-brewer-box .registered-brewers .brewer-detail-box {
          padding-right: 22px; } }
      .registered-brewer-box .registered-brewers .brewer-detail-box .registration-container {
        background-color: #FEF3EA;
        padding: 16px;
        border-radius: 4px;
        text-align: center;
        min-width: 284px;
        min-height: 104px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        margin-bottom: 20px; }
        @media screen and (max-width: 767px) {
          .registered-brewer-box .registered-brewers .brewer-detail-box .registration-container {
            width: 330px;
            margin-bottom: 10px; } }
      .registered-brewer-box .registered-brewers .brewer-detail-box .header .benefit-heading {
        margin-bottom: 10px;
        font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 700;
        line-height: 17.75px;
        letter-spacing: 0.4375px;
        text-align: center;
        color: #000;
        margin-bottom: 10px; }
      .registered-brewer-box .registered-brewers .brewer-detail-box .header .benefit-subheading {
        font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-weight: 400;
        line-height: normal;
        text-align: center;
        color: #4A4A4A;
        margin-bottom: 20px;
        margin-bottom: 10px; }
      .registered-brewer-box .registered-brewers .brewer-detail-box .benefit-link a {
        color: #0d6c9c;
        text-decoration: underline;
        font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 700;
        line-height: normal;
        text-align: center;
        margin: 0px 0px;
        text-underline-offset: 3px; }
      @media screen and (max-width: 767px) {
        .registered-brewer-box .registered-brewers .brewer-detail-box .date-description {
          margin-bottom: 10px; } }
    .registered-brewer-box .registered-brewers .note-disclaimer-box {
      padding-top: 0px;
      display: table-cell;
      vertical-align: top; }
      @media screen and (max-width: 767px) {
        .registered-brewer-box .registered-brewers .note-disclaimer-box {
          padding: 0; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .registered-brewer-box .registered-brewers .note-disclaimer-box {
          padding-right: 22px; } }
    .registered-brewer-box .registered-brewers .edit-form-box {
      width: 100%;
      display: table-cell; }
      @media screen and (max-width: 767px) {
        .registered-brewer-box .registered-brewers .edit-form-box .data-box.brewer-detail-box {
          padding: 0; } }
      @media screen and (max-width: 767px) {
        .registered-brewer-box .registered-brewers .edit-form-box .brewer-question-wrapper {
          margin-top: 0; } }
      .registered-brewer-box .registered-brewers .edit-form-box .edit-cta-box.desktop-only {
        width: 100%;
        display: table-cell;
        vertical-align: top; }
        @media screen and (max-width: 767px) {
          .registered-brewer-box .registered-brewers .edit-form-box .edit-cta-box.desktop-only {
            display: none; } }
      .registered-brewer-box .registered-brewers .edit-form-box .edit-cta-box.mobile-only {
        display: flex;
        justify-content: end;
        padding: 0 5px 30px; }
        @media screen and (min-width: 768px) {
          .registered-brewer-box .registered-brewers .edit-form-box .edit-cta-box.mobile-only {
            display: none; } }
      .registered-brewer-box .registered-brewers .edit-form-box .edit-cta-box .blue-cta {
        padding: 0;
        border: none;
        cursor: pointer;
        letter-spacing: 0.38px;
        background-color: transparent;
        font: 12px/15px "MarkOT-Bold", Helvetica, Arial, sans-serif; }
        .registered-brewer-box .registered-brewers .edit-form-box .edit-cta-box .blue-cta.color-black {
          color: #000; }
      @media screen and (max-width: 767px) {
        .registered-brewer-box .registered-brewers .edit-form-box .edit-form-cta-container {
          display: flex;
          justify-content: center;
          margin-top: 15px; } }
    .registered-brewer-box .registered-brewers .image-box {
      min-width: 310px;
      max-width: 300px;
      width: 300px; }
      @media screen and (max-width: 767px) {
        .registered-brewer-box .registered-brewers .image-box {
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .registered-brewer-box .registered-brewers .image-box {
          min-width: 183px; } }
      .registered-brewer-box .registered-brewers .image-box .img {
        margin: 10px 0px 0px; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .registered-brewer-box .registered-brewers .image-box .img {
            margin-left: 22px; } }
        @media screen and (max-width: 767px) {
          .registered-brewer-box .registered-brewers .image-box .img {
            margin-left: auto;
            margin-right: auto;
            margin-top: 16px; } }
    @media screen and (min-width: 768px) {
      .registered-brewer-box .registered-brewers .serial-box {
        min-width: 350px;
        padding-right: 0; } }
    @media screen and (max-width: 767px) {
      .registered-brewer-box .registered-brewers .serial-box {
        min-width: 100%;
        max-width: 100%;
        padding: 10px 0 15px 2px; } }
    .registered-brewer-box .registered-brewers .data-box {
      width: 100%; }
      @media screen and (max-width: 767px) {
        .registered-brewer-box .registered-brewers .data-box {
          padding: 20px 0 20px 10px;
          border-top: none; } }
      @media screen and (min-width: 1200px) {
        .registered-brewer-box .registered-brewers .data-box .form-filled {
          margin-left: 50px; } }
    .registered-brewer-box .registered-brewers .title {
      color: #000;
      font: bold 14px/18px "MarkOT-Bold", Helvetica, Arial, sans-serif;
      letter-spacing: .44px;
      line-height: 18px;
      margin: 0;
      font-weight: 700;
      text-transform: uppercase;
      border: navajowhite;
      padding: 0;
      margin-bottom: 10px; }
      @media screen and (max-width: 767px) {
        .registered-brewer-box .registered-brewers .title {
          white-space: nowrap; } }
    .registered-brewer-box .registered-brewers .description,
    .registered-brewer-box .registered-brewers .brewer-description {
      color: #4A4A4A;
      letter-spacing: 0.5px; }
      @media screen and (max-width: 767px) {
        .registered-brewer-box .registered-brewers .description,
        .registered-brewer-box .registered-brewers .brewer-description {
          word-break: break-word; } }
    .registered-brewer-box .registered-brewers .description {
      margin-bottom: 20px;
      font: 16px/20px "MarkOT-Regular", Helvetica, Arial, sans-serif; }
    .registered-brewer-box .registered-brewers .upper-case {
      text-transform: uppercase; }
    .registered-brewer-box .registered-brewers .brewer-description {
      margin-bottom: 20px;
      font: 16px/20px "MarkOT-Regular", Helvetica, Arial, sans-serif; }
    .registered-brewer-box .registered-brewers .question {
      color: #999999;
      font: 14px/18px "MarkOT-Regular", Helvetica, Arial, sans-serif;
      letter-spacing: 0;
      margin: 0;
      padding: 0;
      border: none; }
    .registered-brewer-box .registered-brewers .answer {
      color: #333333;
      font: 14px/18px "MarkOT-Regular", Helvetica, Arial, sans-serif;
      letter-spacing: 0;
      margin: 7px 0px; }
    .registered-brewer-box .registered-brewers .note {
      color: #333333;
      font-family: MarkOT-Medium;
      font-size: 14px;
      letter-spacing: 0.5px;
      line-height: 17.75px;
      padding: 10px 10px 20px 10px;
      margin: 0 -10px; }
      @media screen and (max-width: 767px) {
        .registered-brewer-box .registered-brewers .note {
          padding: 0 10px 20px 10px; } }
  .registered-brewer-box .success-message {
    background-color: #fff;
    text-align: center;
    color: #578336;
    font: bold 18px/22px "MarkOT-Bold", Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    padding-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .registered-brewer-box .success-message {
        text-align: left;
        padding: 44px; } }
  .registered-brewer-box .success {
    background-repeat: no-repeat;
    background-size: 40px;
    background-position-y: center;
    background-image: url(../images/success.png);
    padding: 10px; }
  .registered-brewer-box .status {
    position: relative;
    left: 42px; }
    @media screen and (max-width: 767px) {
      .registered-brewer-box .status {
        left: 60px; } }
  .registered-brewer-box .text-box-wrap {
    width: 100%;
    display: flex; }
    @media screen and (max-width: 767px) {
      .registered-brewer-box .text-box-wrap {
        flex-direction: column; } }
    .registered-brewer-box .text-box-wrap .control-label {
      z-index: 2; }
    .registered-brewer-box .text-box-wrap .blue-cta {
      margin: 5px 0 0 10px; }
    .registered-brewer-box .text-box-wrap .floating-label {
      padding-bottom: 0; }
    .registered-brewer-box .text-box-wrap .serial-number-label {
      color: #333333;
      font: 14px/16px "MarkOT-Regular", Helvetica, Arial, sans-serif;
      letter-spacing: 0;
      min-width: 310px;
      max-width: 340px;
      margin-bottom: 12px; }
    .registered-brewer-box .text-box-wrap.error .message {
      background-color: #d5150f;
      border-color: #d5150f;
      display: block; }
      .registered-brewer-box .text-box-wrap.error .message:after {
        border-color: #d5150f transparent transparent transparent; }
    .registered-brewer-box .text-box-wrap.error .input-box {
      border-color: #d5150f; }
    .registered-brewer-box .text-box-wrap .message {
      width: 320px;
      border: 1px solid #333333;
      border-radius: 3px;
      background-color: #333333;
      color: #fff;
      font-family: MarkOT-Bold;
      font-size: 12px;
      font-style: italic;
      letter-spacing: 1px;
      line-height: 15px;
      position: absolute;
      left: 1px;
      right: 0;
      bottom: calc(100% + 5px);
      display: block;
      padding: 10px;
      display: none; }
      @media screen and (max-width: 1023px) {
        .registered-brewer-box .text-box-wrap .message {
          width: 100%;
          right: auto;
          font-family: MarkOT-Bold;
          font-style: italic;
          bottom: calc(100% + 10px); } }
      .registered-brewer-box .text-box-wrap .message::after {
        display: inline-block;
        position: absolute;
        bottom: -13px;
        content: "";
        right: 5px;
        border-style: solid;
        border-width: 6px;
        border-color: #333333 transparent transparent transparent; }
        @media screen and (max-width: 1023px) {
          .registered-brewer-box .text-box-wrap .message::after {
            bottom: -21px;
            border-width: 10px;
            left: 50px;
            right: auto; } }
  @media screen and (max-width: 1023px) {
    .registered-brewer-box.site-ca .upper-box {
      padding-top: 10px;
      padding-bottom: 12px; } }
  .registered-brewer-box.site-ca .registration-box, .registered-brewer-box.site-ca .registered-brewers {
    background-color: #faf9f9; }
    @media screen and (max-width: 1023px) {
      .registered-brewer-box.site-ca .registration-box, .registered-brewer-box.site-ca .registered-brewers {
        margin: 0px -10px; } }
    .registered-brewer-box.site-ca .registration-box .separation-line, .registered-brewer-box.site-ca .registered-brewers .separation-line {
      border: 0px; }
    .registered-brewer-box.site-ca .registration-box .locate-myserial-number input, .registered-brewer-box.site-ca .registered-brewers .locate-myserial-number input {
      background-color: #fff; }
  .registered-brewer-box.site-ca .registered-brewers {
    padding-top: 10px; }
    @media screen and (max-width: 767px) {
      .registered-brewer-box.site-ca .registered-brewers {
        padding-top: 5px; } }

/* Brewer Type Modal code starts here */
.appliances-popup {
  width: 850px;
  max-width: none;
  margin: auto; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .appliances-popup {
      width: calc(100% - 40px); } }
  @media screen and (max-width: 767px) {
    .appliances-popup {
      width: calc(100% - 20px); } }

@media screen and (max-width: 767px) {
  .brewer-type-modal .brewer-type--list {
    max-width: none;
    margin: 0 20px; } }

@media screen and (min-width: 768px) {
  .brewer-type-select--wrapper .bootstrap-select {
    width: 275px; } }

@media screen and (min-width: 768px) {
  .brewer-type-select--wrapper .btn-default {
    display: none; } }

@media screen and (max-width: 767px) {
  .brewer-type-select--wrapper .btn-default {
    padding: 9px 8px 8px 8px;
    border-radius: 0;
    min-width: 315px;
    border-radius: 0 !important;
    box-shadow: 0 5px 25px 0 #d2d2d2; } }

.brewer-type-select--wrapper .btn-default .filter-option {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: list-item;
  font-family: MarkOT-Bold;
  color: #333333;
  letter-spacing: 1px;
  line-height: 25px; }

.brewer-type-select--wrapper .dropdown-menu {
  padding: 0 !important;
  background-color: transparent;
  border: none;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important; }
  @media screen and (min-width: 768px) {
    .brewer-type-select--wrapper .dropdown-menu {
      display: block;
      position: relative; } }
  @media screen and (max-width: 767px) {
    .brewer-type-select--wrapper .dropdown-menu {
      border-bottom-left-radius: 0 !important;
      border-bottom-right-radius: 0 !important; } }
  @media screen and (max-width: 767px) {
    .brewer-type-select--wrapper .dropdown-menu .selected {
      display: none; } }
  .brewer-type-select--wrapper .dropdown-menu .selected a {
    border-color: #2f4053 !important;
    background-color: #2f4053 !important;
    cursor: default; }
    @media screen and (max-width: 767px) {
      .brewer-type-select--wrapper .dropdown-menu .selected a {
        font-family: MarkOT-Bold; } }
    .brewer-type-select--wrapper .dropdown-menu .selected a, .brewer-type-select--wrapper .dropdown-menu .selected a:hover {
      color: #ffffff !important; }
  .brewer-type-select--wrapper .dropdown-menu li {
    width: auto !important;
    border-top: none !important;
    background-color: #ffffff; }
    .brewer-type-select--wrapper .dropdown-menu li:not(.selected).first-child a {
      border-top: none; }
    .brewer-type-select--wrapper .dropdown-menu li a {
      padding-left: 16px !important;
      padding-right: 16px !important; }
  .brewer-type-select--wrapper .dropdown-menu a {
    outline: none;
    border-radius: 3px;
    padding: 20px 12px !important;
    display: block;
    font-family: MarkOT-Medium;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 25px;
    text-decoration: none;
    color: #333333;
    width: 100%;
    box-sizing: border-box;
    border: 2px solid transparent;
    background-color: #ffffff !important; }
    @media screen and (max-width: 767px) {
      .brewer-type-select--wrapper .dropdown-menu a {
        padding: 12px !important;
        border: none;
        border-top: 1px solid #ebebeb;
        border-radius: 0; } }
    .brewer-type-select--wrapper .dropdown-menu a:hover {
      color: #333333 !important;
      border-color: #2f4053; }

/* Terms and conditions code starts here */
.tnc-popup {
  color: #333333;
  font-family: MarkOT-Regular;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  font-style: normal;
  padding: 0 15px;
  width: 800px;
  max-width: none; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .tnc-popup {
      width: auto;
      margin-left: 20px;
      margin-right: 20px; } }
  @media screen and (max-width: 767px) {
    .tnc-popup {
      width: auto;
      margin-left: 10px;
      margin-right: 10px; } }
  .tnc-popup .heading {
    font-size: 30px;
    line-height: 50px;
    margin: 10px 0 0 0;
    font-family: MarkOT-Medium; }
  .tnc-popup .subheading,
  .tnc-popup .description {
    font-size: 14px;
    line-height: 1.8;
    margin: 0 0 25px;
    font-family: MarkOT-Light;
    letter-spacing: normal; }

.registered-brewer-box.success-page .success-message {
  margin-top: 30px;
  padding: 34px 38px 20px 38px; }
  @media screen and (max-width: 767px) {
    .registered-brewer-box.success-page .success-message .success {
      padding: 10px 0px; } }

.registered-brewer-box.success-page .registered-brewers .data-box .form-filled {
  margin-top: 0px; }

@media screen and (max-width: 767px) {
  .registered-brewer-box.success-page .registered-brewers .list-item .serial-box.brewer-detail-box .disclaimer-mobile {
    display: none; } }

.registered-brewer-box .flyout-background .registration-flyout,
.flyout-background .registration-flyout {
  box-sizing: border-box;
  height: 445px;
  width: 800px;
  border: 1px solid #D8D8D8;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 2px 37px 0 rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 40px; }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .registered-brewer-box .flyout-background .registration-flyout,
    .flyout-background .registration-flyout {
      width: 700px; } }
  @media screen and (max-width: 767px) {
    .registered-brewer-box .flyout-background .registration-flyout,
    .flyout-background .registration-flyout {
      width: 340px;
      padding: 26px; } }

.registered-brewer-box .flyout-background .cross,
.flyout-background .cross {
  height: 22px;
  width: 26px;
  border: none;
  background: no-repeat;
  position: absolute;
  top: 17px;
  right: 15px;
  cursor: pointer;
  background-image: url(../images/Keurig2.0-Icomoon_14-close.png); }

.registered-brewer-box .flyout-background .flyout-heading,
.flyout-background .flyout-heading {
  color: #AA8066;
  font: 20px/25px "MarkOT-Bold", Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  float: left; }
  @media screen and (max-width: 767px) {
    .registered-brewer-box .flyout-background .flyout-heading,
    .flyout-background .flyout-heading {
      font-size: 18px; } }

.registered-brewer-box .flyout-background .fav-selection,
.flyout-background .fav-selection {
  margin-top: 50px; }
  .registered-brewer-box .flyout-background .fav-selection .fav-heading,
  .flyout-background .fav-selection .fav-heading {
    color: #333333;
    font: 16px/20px "MarkOT-Bold", Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    float: left; }
    @media screen and (max-width: 767px) {
      .registered-brewer-box .flyout-background .fav-selection .fav-heading,
      .flyout-background .fav-selection .fav-heading {
        font-size: 14px;
        white-space: nowrap; } }
  .registered-brewer-box .flyout-background .fav-selection #favimgslider,
  .flyout-background .fav-selection #favimgslider {
    height: 112px; }
  .registered-brewer-box .flyout-background .fav-selection .img-slider,
  .flyout-background .fav-selection .img-slider {
    margin-top: 20px; }

.registered-brewer-box .flyout-background .maintanance,
.flyout-background .maintanance {
  margin-top: 26px; }
  @media screen and (max-width: 767px) {
    .registered-brewer-box .flyout-background .maintanance,
    .flyout-background .maintanance {
      margin-top: 42px; } }
  .registered-brewer-box .flyout-background .maintanance .maint-heading,
  .flyout-background .maintanance .maint-heading {
    color: #333333;
    font: 16px/20px "MarkOT-Bold", Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    float: left; }
    @media screen and (max-width: 767px) {
      .registered-brewer-box .flyout-background .maintanance .maint-heading,
      .flyout-background .maintanance .maint-heading {
        font-size: 14px;
        white-space: nowrap; } }
  .registered-brewer-box .flyout-background .maintanance #maintimgslider,
  .flyout-background .maintanance #maintimgslider {
    height: 112px; }
  .registered-brewer-box .flyout-background .maintanance .img-slider,
  .flyout-background .maintanance .img-slider {
    margin-top: 20px; }

.registered-brewer-box .flyout-background .slick-next, .registered-brewer-box .flyout-background .slick-prev,
.flyout-background .slick-next,
.flyout-background .slick-prev {
  width: 30px;
  height: 50px;
  background-color: #fff;
  border-radius: 0 5px 6px 0;
  box-shadow: 0 5px 25px 0 rgba(182, 179, 179, 0.5);
  z-index: 2;
  top: 53.2%; }
  .registered-brewer-box .flyout-background .slick-next:before, .registered-brewer-box .flyout-background .slick-prev:before,
  .flyout-background .slick-next:before,
  .flyout-background .slick-prev:before {
    border-style: solid;
    border-color: #2F4053;
    border-image: initial;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 6px;
    content: " ";
    opacity: 1; }

.registered-brewer-box .flyout-background .slick-prev,
.flyout-background .slick-prev {
  border-radius: 5px 0 0 6px; }
  .registered-brewer-box .flyout-background .slick-prev:before,
  .flyout-background .slick-prev:before {
    transform: rotate(135deg);
    margin-left: 5px; }
  .registered-brewer-box .flyout-background .slick-prev.slick-disabled,
  .flyout-background .slick-prev.slick-disabled {
    display: none !important; }

.registered-brewer-box .flyout-background .slick-next:before,
.flyout-background .slick-next:before {
  transform: rotate(-45deg);
  margin-left: -5px; }

.registered-brewer-box .upper-box .left-box .text-container {
  display: block; }

@media screen and (max-width: 767px) {
  .registered-brewer-box .registered-brewers .image-box {
    width: 47%; }
    .registered-brewer-box .registered-brewers .image-box .img {
      width: 47%; } }

.brewer-registration {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  padding-top: 20px; }
  .brewer-registration .brewer-registration-heading {
    color: #3b2b2f;
    font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 10px;
    letter-spacing: -0.7px;
    padding: 10px; }
    @media screen and (max-width: 991px) {
      .brewer-registration .brewer-registration-heading {
        text-align: center; } }
  .brewer-registration .brewer-registration-banner {
    display: flex;
    flex-direction: row;
    background-color: #fff;
    margin: 10px 10px 20px;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 991px) {
      .brewer-registration .brewer-registration-banner {
        display: flex;
        flex-direction: column;
        margin: 0 10px; } }
    .brewer-registration .brewer-registration-banner .register-brewer-cta-container {
      display: flex;
      justify-content: center;
      margin-left: 30px; }
      @media screen and (max-width: 991px) {
        .brewer-registration .brewer-registration-banner .register-brewer-cta-container {
          padding-bottom: 35px;
          margin-top: 15px;
          margin-left: 0; } }
      .brewer-registration .brewer-registration-banner .register-brewer-cta-container .btn-register {
        color: #fff;
        letter-spacing: 1px;
        width: 300px;
        padding: 16px;
        border-radius: 25px;
        background-color: #3b2b2f;
        border: none;
        font: 14px/18px "MarkOT-Medium", Helvetica, Arial, sans-serif;
        text-align: center;
        align-content: center; }
      .brewer-registration .brewer-registration-banner .register-brewer-cta-container .btn-register:hover {
        cursor: pointer;
        background-color: #AA8066; }
      .brewer-registration .brewer-registration-banner .register-brewer-cta-container .btn-register:disabled {
        pointer-events: none;
        opacity: .3;
        border: 2px solid #999999;
        background-color: #fff;
        color: #000; }
    .brewer-registration .brewer-registration-banner .brewer-registration-wrapper {
      height: inherit !important;
      display: flex;
      flex-direction: column;
      justify-content: center;
      background-color: #fff; }
      @media screen and (max-width: 991px) {
        .brewer-registration .brewer-registration-banner .brewer-registration-wrapper {
          margin: 0; } }
      .brewer-registration .brewer-registration-banner .brewer-registration-wrapper .brewer-registration-content {
        padding: 20px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        background-color: #F2BB44;
        border-radius: 16px;
        height: 90%;
        text-align: center;
        align-items: center; }
        @media screen and (max-width: 991px) {
          .brewer-registration .brewer-registration-banner .brewer-registration-wrapper .brewer-registration-content {
            display: flex;
            padding: 18px 10px;
            flex-direction: column;
            margin-top: 5px;
            justify-content: center; } }
        .brewer-registration .brewer-registration-banner .brewer-registration-wrapper .brewer-registration-content .brewer-registration-sub-heading {
          margin-top: 25px;
          color: #000;
          font-size: 24px;
          font-weight: 700;
          line-height: normal;
          font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
          text-align: left;
          letter-spacing: -0.7px;
          margin: 0;
          flex: 1 0 0; }
          @media screen and (max-width: 991px) {
            .brewer-registration .brewer-registration-banner .brewer-registration-wrapper .brewer-registration-content .brewer-registration-sub-heading {
              margin-bottom: 20px;
              text-align: center; } }
        .brewer-registration .brewer-registration-banner .brewer-registration-wrapper .brewer-registration-content .brewer-reg-site-ca {
          width: 80%;
          padding-left: 10px !important; }
          @media screen and (max-width: 991px) {
            .brewer-registration .brewer-registration-banner .brewer-registration-wrapper .brewer-registration-content .brewer-reg-site-ca {
              width: 100%; } }
        .brewer-registration .brewer-registration-banner .brewer-registration-wrapper .brewer-registration-content .brewer-registration-text-content {
          display: flex;
          flex-direction: row;
          padding-left: 50px; }
          @media screen and (max-width: 991px) {
            .brewer-registration .brewer-registration-banner .brewer-registration-wrapper .brewer-registration-content .brewer-registration-text-content {
              padding: 0; } }
          .brewer-registration .brewer-registration-banner .brewer-registration-wrapper .brewer-registration-content .brewer-registration-text-content .brewer-registration-separation-line {
            border: 0.5px solid #000;
            margin: 0 5px; }
          .brewer-registration .brewer-registration-banner .brewer-registration-wrapper .brewer-registration-content .brewer-registration-text-content .brewer-registration-icon-img-text {
            display: flex;
            flex-direction: row;
            align-items: center;
            width: 50%; }
            .brewer-registration .brewer-registration-banner .brewer-registration-wrapper .brewer-registration-content .brewer-registration-text-content .brewer-registration-icon-img-text .brewer-registration-icon-img {
              margin-left: 20px;
              margin-right: 15px;
              width: 100px;
              width: 15%; }
              @media screen and (max-width: 991px) {
                .brewer-registration .brewer-registration-banner .brewer-registration-wrapper .brewer-registration-content .brewer-registration-text-content .brewer-registration-icon-img-text .brewer-registration-icon-img {
                  width: 100%;
                  margin: 0;
                  padding-bottom: 15px;
                  padding-top: 5px; } }
            .brewer-registration .brewer-registration-banner .brewer-registration-wrapper .brewer-registration-content .brewer-registration-text-content .brewer-registration-icon-img-text .brewer-registration-icon-text {
              color: #000;
              text-align: center;
              font-size: 16px;
              font-weight: 400;
              line-height: 22px;
              font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
              padding: 0px;
              width: 60%; }
              @media screen and (max-width: 991px) {
                .brewer-registration .brewer-registration-banner .brewer-registration-wrapper .brewer-registration-content .brewer-registration-text-content .brewer-registration-icon-img-text .brewer-registration-icon-text {
                  width: 100%;
                  padding: 0 6px; } }
            .brewer-registration .brewer-registration-banner .brewer-registration-wrapper .brewer-registration-content .brewer-registration-text-content .brewer-registration-icon-img-text .brewer-registration-first-icon-kcom {
              padding: 0 !important; }
            @media screen and (max-width: 991px) {
              .brewer-registration .brewer-registration-banner .brewer-registration-wrapper .brewer-registration-content .brewer-registration-text-content .brewer-registration-icon-img-text {
                display: flex;
                flex-direction: column;
                justify-content: flex-start; } }
          .brewer-registration .brewer-registration-banner .brewer-registration-wrapper .brewer-registration-content .brewer-registration-text-content .brewer-reg-icon-img-site-ca {
            width: 100%; }
          .brewer-registration .brewer-registration-banner .brewer-registration-wrapper .brewer-registration-content .brewer-registration-text-content .brewer-reg-icon-site-ca {
            margin-left: 0px !important;
            margin-right: 0px !important;
            width: 100px !important; }
          .brewer-registration .brewer-registration-banner .brewer-registration-wrapper .brewer-registration-content .brewer-registration-text-content .brewer-reg-icon-text-site-ca {
            padding: 0 !important;
            width: auto !important; }
            @media screen and (max-width: 991px) {
              .brewer-registration .brewer-registration-banner .brewer-registration-wrapper .brewer-registration-content .brewer-registration-text-content .brewer-reg-icon-text-site-ca {
                padding: 0 25px !important; } }

@font-face {
  font-family: "Filson Pro";
  src: url("/_ui/shared/fonts/FilsonProRegular.otf");
  font-display: block; }

@font-face {
  font-family: "Filson Pro Medium";
  src: url("/_ui/shared/fonts/FilsonPro-Medium.otf");
  font-display: block; }

@font-face {
  font-family: "MarkOT-Bold";
  src: url("/_ui/shared/fonts/mo-5423411/8706c0b6-b423-44f7-ae1a-dd0aabd8a542.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423411/8706c0b6-b423-44f7-ae1a-dd0aabd8a542.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423411/41c8162d-c2a6-49b0-8139-8bebab187588.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423411/4fe94f2e-7892-4785-9663-0350a7adf8c0.woff") format("woff"), url("/_ui/shared/fonts/mo-5423411/3a7daddb-0a78-4734-a699-6fe08d0e8b99.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: "MarkOT-MediumItalic";
  src: url("/_ui/shared/fonts/mo-5423424/ad36e979-6b98-48d2-8eba-94a849628bd1.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423424/ad36e979-6b98-48d2-8eba-94a849628bd1.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423424/d44fc9c2-f445-413e-ade7-cb1c89014c2b.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423424/4027035d-040d-4459-ae90-c3d806bbbe69.woff") format("woff"), url("/_ui/shared/fonts/mo-5423424/3b6e00f9-7247-4af9-9ba4-84f75513f11f.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: "MarkOT-Medium";
  src: url("/_ui/shared/fonts/mo-5423441/fbdcf9c3-5ae6-4d9a-a599-3764f7c806be.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423441/fbdcf9c3-5ae6-4d9a-a599-3764f7c806be.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423441/bca028ce-c27d-4e7d-aa28-f173d521ad14.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423441/37554929-783d-48b4-9346-54af9bdaa5c7.woff") format("woff"), url("/_ui/shared/fonts/mo-5423441/48f92810-bb37-4032-9967-4fc12c9a022c.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: "MarkOT-Italic";
  src: url("/_ui/shared/fonts/mo-5423458/ff63cbb4-2977-4340-86d8-aea5b5edd54d.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423458/ff63cbb4-2977-4340-86d8-aea5b5edd54d.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423458/7deb3b8f-92a6-4d1f-9367-f78fa976d7e6.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423458/795d721b-69d6-4453-92af-a54e6d1895e3.woff") format("woff"), url("/_ui/shared/fonts/mo-5423458/415bf4a9-7f2e-48c9-bf55-4378aaa5d221.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: "MarkOT-Regular";
  src: url("/_ui/shared/fonts/mo-5423476/85892bf5-3ec3-4b41-962d-b9c2d3dab2ad.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423476/85892bf5-3ec3-4b41-962d-b9c2d3dab2ad.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423476/3b985398-c848-456f-8878-6a5c2a72b82a.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423476/260903aa-66f6-4578-8f4e-aed460e46563.woff") format("woff"), url("/_ui/shared/fonts/mo-5423476/aee5511e-bc73-45e1-9963-0ff9e501ba59.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: "MarkOT-Book";
  src: url("/_ui/shared/fonts/mo-5423512/54057d6c-ad55-40c0-aa2d-4b1348b3195c.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423512/54057d6c-ad55-40c0-aa2d-4b1348b3195c.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423512/f1b16fb3-8503-4dce-80bc-07d3e0c30bd9.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423512/f242993f-4782-491e-a08d-79a4e639df80.woff") format("woff"), url("/_ui/shared/fonts/mo-5423512/1ccc3f71-d610-4aa1-ad7f-33d6aa9687be.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: "MarkOT-Light";
  src: url("/_ui/shared/fonts/mo-5423556/c053118e-d248-4983-a758-a8c6e40b30c0.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423556/c053118e-d248-4983-a758-a8c6e40b30c0.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423556/b97a8e0e-6cbd-4d13-87ec-633b3b66372f.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423556/0a9b15a7-4d29-4f81-b95e-01a521f3fb50.woff") format("woff"), url("/_ui/shared/fonts/mo-5423556/bbe0fd08-b480-4132-bce1-5722077c377b.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: "Market-Saturday";
  src: url("/_ui/shared/fonts/MarketSaturday/MarketSaturday.woff") format(woff);
  src: url("/_ui/shared/fonts/MarketSaturday/MarketSaturday.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: "Archer-SemiBold";
  src: url("/_ui/shared/fonts/Archer/OpenType/Archer-Semibold-Pro.otf");
  font-display: swap; }

@font-face {
  font-family: "Archer-MediumItalic";
  src: url("/_ui/shared/fonts/Archer/OpenType/Archer-MediumItal-Pro.otf");
  font-display: swap; }

@font-face {
  font-family: "Archer-Medium";
  src: url("/_ui/shared/fonts/Archer/OpenType/Archer-Medium-Pro.otf");
  font-display: swap; }

@font-face {
  font-family: "Archer-Light";
  src: url("/_ui/shared/fonts/Archer/OpenType/Archer-Light-Pro.otf");
  font-display: swap; }

@font-face {
  font-family: "Archer-Book";
  src: url("/_ui/shared/fonts/Archer/OpenType/Archer-Book-Pro.otf");
  font-display: swap; }

/*header*/
/* Cancel Remediation Modal */
/* -------------------------------------------------------------
  Sass CSS3 Mixins!
  List of CSS3 Sass Mixins File to be @imported and @included as you need
  The purpose of this library is to facilitate the use of CSS3 on different browsers
 ------------------------------------------------------------ */
/* overriding existing parent css*/
.account-homepage {
  background: none; }

/* overriding existing parent css*/
#wrapper.account-page-wrapper {
  min-width: 0; }
  #wrapper.account-page-wrapper #page {
    min-width: 0; }

.ad-account-navigation {
  text-align: center; }
  .ad-account-navigation .primary-navigation-container {
    position: relative;
    text-align: left;
    background-color: #fff;
    -moz-box-shadow: 0 5px 27px 0 #d2d2d2;
    -webkit-box-shadow: 0 5px 27px 0 #d2d2d2;
    box-shadow: 0 5px 27px 0 #d2d2d2;
    overflow-x: auto;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none; }
    .ad-account-navigation .primary-navigation-container::-webkit-scrollbar {
      display: none; }
    @media screen and (min-width: 768px) {
      .ad-account-navigation .primary-navigation-container {
        text-align: center; } }
    .ad-account-navigation .primary-navigation-container.brews-tab-enabled {
      box-shadow: none;
      margin-top: 25px;
      text-align: left;
      border-bottom: 5px solid #3B2B2F; }
      @media screen and (min-width: 1024px) {
        .ad-account-navigation .primary-navigation-container.brews-tab-enabled {
          margin-left: calc((-100vw - -100%) /2);
          margin-right: calc((-100vw - -100%) /2);
          padding-left: calc((100vw - 100%) /2); } }
      .ad-account-navigation .primary-navigation-container.brews-tab-enabled.sticky {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        margin: 0;
        z-index: 9999;
        padding-top: 7px; }
        .ad-account-navigation .primary-navigation-container.brews-tab-enabled.sticky .primary-navigation {
          width: 100%;
          max-width: 1200px;
          display: block;
          margin: 0 auto;
          text-align: left; }
      .ad-account-navigation .primary-navigation-container.brews-tab-enabled .primary-navigation {
        text-transform: capitalize;
        padding-left: 6px; }
        .ad-account-navigation .primary-navigation-container.brews-tab-enabled .primary-navigation li a {
          color: #3B2B2F;
          padding-top: 8px;
          padding-bottom: 8px;
          font: bold 16px/20px "MarkOT-Regular", Helvetica, Arial, sans-serif;
          letter-spacing: 0.05px; }
          .ad-account-navigation .primary-navigation-container.brews-tab-enabled .primary-navigation li a.active:after {
            border-bottom: 6px solid #3B2B2F; }
          @media screen and (min-width: 1024px) {
            .ad-account-navigation .primary-navigation-container.brews-tab-enabled .primary-navigation li a {
              margin-right: 40px;
              margin-left: 0;
              padding: 0 0 12px 0; } }
  .ad-account-navigation .primary-navigation, .ad-account-navigation .secondary-navigation {
    display: inline-block;
    font-size: 0;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    white-space: nowrap; }
    .ad-account-navigation .primary-navigation li, .ad-account-navigation .secondary-navigation li {
      display: inline-block; }
      .ad-account-navigation .primary-navigation li a, .ad-account-navigation .secondary-navigation li a {
        display: inline-block;
        font-family: "MarkOT-Light", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
        padding: 15px 13px;
        letter-spacing: 0.87px;
        color: #333333; }
        .ad-account-navigation .primary-navigation li a:focus-visible, .ad-account-navigation .secondary-navigation li a:focus-visible {
          outline: 1px auto #0f7db5; }
        @media screen and (min-width: 768px) {
          .ad-account-navigation .primary-navigation li a, .ad-account-navigation .secondary-navigation li a {
            padding: 15px 20px; } }
        .ad-account-navigation .primary-navigation li a.active, .ad-account-navigation .secondary-navigation li a.active {
          position: relative;
          cursor: pointer;
          padding-left: 0;
          padding-right: 0;
          margin-left: 12px;
          margin-right: 12px;
          width: auto;
          font-family: "MarkOT-Bold", Helvetica, Arial, sans-serif !important; }
          .ad-account-navigation .primary-navigation li a.active:after, .ad-account-navigation .secondary-navigation li a.active:after {
            bottom: 0;
            left: 0;
            top: auto;
            border-bottom: 1.5px solid #2f4053;
            content: " ";
            height: 0;
            width: 100%;
            position: absolute;
            pointer-events: none; }
  .ad-account-navigation .secondary-navigation {
    text-transform: capitalize;
    margin-bottom: 12px;
    margin-top: 25px;
    z-index: 0; }
    @media screen and (min-width: 768px) {
      .ad-account-navigation .secondary-navigation {
        width: 100%;
        background-color: #fff; } }
    .ad-account-navigation .secondary-navigation li {
      min-width: 119px;
      margin-top: -12px; }
      @media screen and (max-width: 767px) {
        .ad-account-navigation .secondary-navigation li {
          min-width: 100px; } }
      .ad-account-navigation .secondary-navigation li a {
        width: 100%;
        padding: 10px 0;
        font-size: 12px;
        color: #68676b;
        background-color: transparent;
        letter-spacing: 0.75px;
        border-bottom: 2px solid #9D7A61;
        color: #333;
        line-height: 0;
        margin-left: 12px;
        margin-right: 12px;
        width: auto; }
        @media screen and (max-width: 767px) {
          .ad-account-navigation .secondary-navigation li a {
            margin-left: -5px;
            margin-right: 0px; } }
        @media screen and (min-width: 768px) {
          .ad-account-navigation .secondary-navigation li a {
            font-size: 16px;
            line-height: 6px;
            letter-spacing: 1px; } }
        .ad-account-navigation .secondary-navigation li a.active {
          color: #333333;
          font-family: "MarkOT-Bold", Helvetica, Arial, sans-serif;
          font-size: 16px;
          font-weight: bold;
          line-height: 31px;
          background: url(../images/active_down_shape.png) center no-repeat;
          background-position-y: 44px;
          border-bottom: none; }
          @media screen and (max-width: 767px) {
            .ad-account-navigation .secondary-navigation li a.active {
              line-height: 26px;
              background-position-y: 38px;
              font-size: 12px;
              margin-left: 0px; } }
          .ad-account-navigation .secondary-navigation li a.active:after {
            display: none; }
      .ad-account-navigation .secondary-navigation li:first-child a {
        /*border-radius: 3px 0 0 3px;*/ }
      .ad-account-navigation .secondary-navigation li:last-child {
        min-width: 70px; }
        .ad-account-navigation .secondary-navigation li:last-child a {
          /*border-radius: 0 3px 3px 0;*/ }
      @media screen and (min-width: 768px) {
        .ad-account-navigation .secondary-navigation li {
          min-width: 160px;
          margin-top: -17px; }
          .ad-account-navigation .secondary-navigation li:last-child {
            min-width: 92px; } }
    .ad-account-navigation .secondary-navigation li + li a {
      border-left: 0px solid #fff; }
    .ad-account-navigation .secondary-navigation li + li:before {
      border-left: 0px solid #979797;
      content: " ";
      height: 0px;
      width: 0;
      position: absolute;
      pointer-events: none;
      margin-top: 7px;
      z-index: 1; }
    .ad-account-navigation .secondary-navigation.brews-tab-enabled {
      text-align: left;
      margin-top: 0;
      margin-bottom: 0;
      padding-top: 24px;
      padding-bottom: 12px;
      background-image: linear-gradient(180deg, #E7E4DF 0.05%, #fff 100%);
      padding-left: 153px;
      width: 100vw; }
      @media screen and (min-width: 1024px) {
        .ad-account-navigation .secondary-navigation.brews-tab-enabled {
          margin-left: calc((-100vw - -100%) /2);
          margin-right: calc((-100vw - -100%) /2);
          padding-left: calc((100vw - 100%) /2 + 130px); } }
      @media screen and (max-width: 767px) {
        .ad-account-navigation .secondary-navigation.brews-tab-enabled {
          display: flex;
          justify-content: center;
          padding-left: 10px; } }
      .ad-account-navigation .secondary-navigation.brews-tab-enabled li {
        min-width: auto;
        margin-right: 24px; }
        @media screen and (max-width: 767px) {
          .ad-account-navigation .secondary-navigation.brews-tab-enabled li {
            margin-right: 10px; } }
        .ad-account-navigation .secondary-navigation.brews-tab-enabled li a {
          border-bottom: none;
          padding: 0 0 3px 0;
          letter-spacing: 0;
          margin: 0;
          font: 16px/20px "MarkOT-Bold", Helvetica, Arial, sans-serif;
          color: #3b2b2f; }
          .ad-account-navigation .secondary-navigation.brews-tab-enabled li a.active {
            background-image: none;
            border-bottom: 2px solid #9D7A61; }
    .ad-account-navigation .secondary-navigation.rewards-catalog li {
      min-width: auto;
      margin-top: -17px; }
      @media screen and (min-width: 768px) {
        .ad-account-navigation .secondary-navigation.rewards-catalog li a {
          padding: 10px 0px;
          margin-left: 25px;
          margin-right: 25px;
          color: #333; } }
    @media screen and (min-width: 768px) {
      .ad-account-navigation .secondary-navigation.my-brewers li {
        min-width: 160px; }
        .ad-account-navigation .secondary-navigation.my-brewers li a {
          padding-left: 0;
          padding-right: 0; } }

/*AFH Styling*/
.usafh-content-wrapper .ad-account-navigation .secondary-navigation li a {
  border-bottom: none; }

/*header*/
/* Cancel Remediation Modal */
/* -------------------------------------------------------------
  Sass CSS3 Mixins!
  List of CSS3 Sass Mixins File to be @imported and @included as you need
  The purpose of this library is to facilitate the use of CSS3 on different browsers
 ------------------------------------------------------------ */
.email-us {
  width: 100%;
  min-width: 270px; }
  .email-us-form .smallCopy {
    margin-left: -2px;
    margin-right: -2px;
    margin-top: 20px; }
  .email-us-form .fields {
    padding-left: 20px;
    padding-right: 20px; }
  .email-us-form .field label {
    padding-left: 0px; }
  .email-us-form .control-group .field {
    padding-bottom: 0px; }
  .email-us-form .error textarea {
    margin-bottom: 5px; }
  .email-us-form .control-group.error .help-inline {
    max-width: 301px;
    bottom: 41px; }
  .email-us-form .btn-row {
    padding: 0px 20px 20px 20px; }
  .email-us-form .bootstrap-select {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    max-width: 301px; }
  .email-us-form input {
    width: 100%;
    max-width: 301px; }
  .email-us-form #reasonDiv .bootstrap-select,
  .email-us-form #questionTypeDiv .bootstrap-select {
    width: 100%;
    max-width: 301px; }
  @media (max-width: 320px) {
    .email-us-form .btn-box {
      padding: 14px 25px 13px; } }
  .email-us-form .bootstrap-select.btn-group .dropdown-menu.inner {
    transform: none; }

@font-face {
  font-family: "Filson Pro";
  src: url("/_ui/shared/fonts/FilsonProRegular.otf");
  font-display: block; }

@font-face {
  font-family: "Filson Pro Medium";
  src: url("/_ui/shared/fonts/FilsonPro-Medium.otf");
  font-display: block; }

@font-face {
  font-family: "MarkOT-Bold";
  src: url("/_ui/shared/fonts/mo-5423411/8706c0b6-b423-44f7-ae1a-dd0aabd8a542.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423411/8706c0b6-b423-44f7-ae1a-dd0aabd8a542.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423411/41c8162d-c2a6-49b0-8139-8bebab187588.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423411/4fe94f2e-7892-4785-9663-0350a7adf8c0.woff") format("woff"), url("/_ui/shared/fonts/mo-5423411/3a7daddb-0a78-4734-a699-6fe08d0e8b99.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: "MarkOT-MediumItalic";
  src: url("/_ui/shared/fonts/mo-5423424/ad36e979-6b98-48d2-8eba-94a849628bd1.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423424/ad36e979-6b98-48d2-8eba-94a849628bd1.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423424/d44fc9c2-f445-413e-ade7-cb1c89014c2b.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423424/4027035d-040d-4459-ae90-c3d806bbbe69.woff") format("woff"), url("/_ui/shared/fonts/mo-5423424/3b6e00f9-7247-4af9-9ba4-84f75513f11f.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: "MarkOT-Medium";
  src: url("/_ui/shared/fonts/mo-5423441/fbdcf9c3-5ae6-4d9a-a599-3764f7c806be.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423441/fbdcf9c3-5ae6-4d9a-a599-3764f7c806be.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423441/bca028ce-c27d-4e7d-aa28-f173d521ad14.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423441/37554929-783d-48b4-9346-54af9bdaa5c7.woff") format("woff"), url("/_ui/shared/fonts/mo-5423441/48f92810-bb37-4032-9967-4fc12c9a022c.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: "MarkOT-Italic";
  src: url("/_ui/shared/fonts/mo-5423458/ff63cbb4-2977-4340-86d8-aea5b5edd54d.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423458/ff63cbb4-2977-4340-86d8-aea5b5edd54d.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423458/7deb3b8f-92a6-4d1f-9367-f78fa976d7e6.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423458/795d721b-69d6-4453-92af-a54e6d1895e3.woff") format("woff"), url("/_ui/shared/fonts/mo-5423458/415bf4a9-7f2e-48c9-bf55-4378aaa5d221.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: "MarkOT-Regular";
  src: url("/_ui/shared/fonts/mo-5423476/85892bf5-3ec3-4b41-962d-b9c2d3dab2ad.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423476/85892bf5-3ec3-4b41-962d-b9c2d3dab2ad.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423476/3b985398-c848-456f-8878-6a5c2a72b82a.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423476/260903aa-66f6-4578-8f4e-aed460e46563.woff") format("woff"), url("/_ui/shared/fonts/mo-5423476/aee5511e-bc73-45e1-9963-0ff9e501ba59.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: "MarkOT-Book";
  src: url("/_ui/shared/fonts/mo-5423512/54057d6c-ad55-40c0-aa2d-4b1348b3195c.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423512/54057d6c-ad55-40c0-aa2d-4b1348b3195c.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423512/f1b16fb3-8503-4dce-80bc-07d3e0c30bd9.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423512/f242993f-4782-491e-a08d-79a4e639df80.woff") format("woff"), url("/_ui/shared/fonts/mo-5423512/1ccc3f71-d610-4aa1-ad7f-33d6aa9687be.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: "MarkOT-Light";
  src: url("/_ui/shared/fonts/mo-5423556/c053118e-d248-4983-a758-a8c6e40b30c0.eot?#iefix");
  src: url("/_ui/shared/fonts/mo-5423556/c053118e-d248-4983-a758-a8c6e40b30c0.eot?#iefix") format("eot"), url("/_ui/shared/fonts/mo-5423556/b97a8e0e-6cbd-4d13-87ec-633b3b66372f.woff2") format("woff2"), url("/_ui/shared/fonts/mo-5423556/0a9b15a7-4d29-4f81-b95e-01a521f3fb50.woff") format("woff"), url("/_ui/shared/fonts/mo-5423556/bbe0fd08-b480-4132-bce1-5722077c377b.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: "Market-Saturday";
  src: url("/_ui/shared/fonts/MarketSaturday/MarketSaturday.woff") format(woff);
  src: url("/_ui/shared/fonts/MarketSaturday/MarketSaturday.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: "Archer-SemiBold";
  src: url("/_ui/shared/fonts/Archer/OpenType/Archer-Semibold-Pro.otf");
  font-display: swap; }

@font-face {
  font-family: "Archer-MediumItalic";
  src: url("/_ui/shared/fonts/Archer/OpenType/Archer-MediumItal-Pro.otf");
  font-display: swap; }

@font-face {
  font-family: "Archer-Medium";
  src: url("/_ui/shared/fonts/Archer/OpenType/Archer-Medium-Pro.otf");
  font-display: swap; }

@font-face {
  font-family: "Archer-Light";
  src: url("/_ui/shared/fonts/Archer/OpenType/Archer-Light-Pro.otf");
  font-display: swap; }

@font-face {
  font-family: "Archer-Book";
  src: url("/_ui/shared/fonts/Archer/OpenType/Archer-Book-Pro.otf");
  font-display: swap; }

/*header*/
/* Cancel Remediation Modal */
/* -------------------------------------------------------------
  Sass CSS3 Mixins!
  List of CSS3 Sass Mixins File to be @imported and @included as you need
  The purpose of this library is to facilitate the use of CSS3 on different browsers
 ------------------------------------------------------------ */
.login-new #content,
.checkout-guest #content {
  min-height: 460px; }
  @media screen and (min-width: 768px) {
    .login-new #content,
    .checkout-guest #content {
      min-height: 650px; } }

.nav.row.simplified-header {
  text-align: center; }
  .nav.row.simplified-header .medium-2 {
    float: none; }
    .nav.row.simplified-header .medium-2 .keurig-logo {
      margin: 28px 0 22px 0; }

.signin-container .has-pretty-child {
  margin-top: 15px; }

.login-new .header-wrapper {
  background-color: transparent; }

.footer-new.checkout-footer {
  margin: auto;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .footer-new.checkout-footer {
      padding: 0; } }
  @media screen and (min-width: 768px) and (max-width: 800px) {
    .footer-new.checkout-footer .geoTrust_icon img {
      max-width: 80px; } }
  @media screen and (min-width: 768px) {
    .footer-new.checkout-footer .copywright {
      padding-bottom: 1px; } }

.guest-checkout.checkout-footer {
  margin: auto;
  width: 100%; }

.page-signin .checkboxInline {
  display: block !important;
  position: absolute;
  left: -9999px;
  top: -9999px; }

.page-signin.checkoutLogin {
  background: #ffffff;
  width: 100%;
  margin: auto;
  padding-left: 0px;
  padding-right: 0; }

.page-signin .form-new {
  background: #fff;
  width: 100% !important;
  margin: auto;
  /* Error Styling */ }
  .page-signin .form-new .new {
    border: none;
    float: left; }
  .page-signin .form-new .sectionTitle {
    line-height: 50px;
    font-weight: 300;
    text-align: center;
    margin: 18px 0 17px; }
  .page-signin .form-new .sec {
    width: 290px;
    padding: 0;
    margin: auto; }
  .page-signin .form-new .edgeRight {
    padding-right: 0;
    width: 290px; }
  .page-signin .form-new .edgeLeft p {
    margin-bottom: 0; }
  .page-signin .form-new .sec.edgeBoth {
    width: 290px; }
  .page-signin .form-new .title {
    color: #333333;
    font-size: 20px;
    font-family: 'MarkOT-Medium';
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 30px;
    margin: 20px 0 10px; }
  .page-signin .form-new input[type=text],
  .page-signin .form-new input[type=password],
  .page-signin .form-new input[type=email],
  .page-signin .form-new select,
  .page-signin .form-new textarea {
    height: 40px;
    width: 100%;
    border: 1px solid #D2D2D2;
    font-family: 'MarkOT-Medium';
    border-radius: 3px;
    background-color: #FFFFFF;
    box-shadow: none;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      .page-signin .form-new input[type=text],
      .page-signin .form-new input[type=password],
      .page-signin .form-new input[type=email],
      .page-signin .form-new select,
      .page-signin .form-new textarea {
        font-size: 16px; } }
    .page-signin .form-new input[type=text] .checkboxInline + a + label,
    .page-signin .form-new input[type=password] .checkboxInline + a + label,
    .page-signin .form-new input[type=email] .checkboxInline + a + label,
    .page-signin .form-new select .checkboxInline + a + label,
    .page-signin .form-new textarea .checkboxInline + a + label {
      background: black; }
  .page-signin .form-new .floating-label input + label {
    color: #68676B;
    letter-spacing: 0.5px; }
  .page-signin .form-new .floating-label input:focus + label {
    padding-top: 2px;
    color: #999999;
    letter-spacing: 0.71px; }
  .page-signin .form-new .floating-label input + label.up {
    padding-top: 2px;
    color: #999999;
    letter-spacing: 1px; }
  .page-signin .form-new .icons-co-lock {
    display: none; }
  .page-signin .form-new .field + .help-inline {
    margin-top: 0; }
  .page-signin .form-new .prettycheckbox input + a + label:before {
    display: block;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    content: '';
    position: absolute;
    background-color: #fff;
    border: 2px solid #d2d2d2;
    background: 0 0; }
  .page-signin .form-new .prettycheckbox input[type=checkbox]:checked ~ label:before {
    background-color: #2f4053;
    border: 2px solid #2f4053; }
  .page-signin .form-new .prettycheckbox input:checked + a + label:after {
    width: 6px;
    height: 15px;
    left: 7px; }
  .page-signin .form-new .prettycheckbox label {
    font-size: 14px;
    color: #333;
    font-family: "MarkOT-Book", Helvetica, Arial, sans-serif;
    line-height: 1.3;
    margin: 0; }
  .page-signin .form-new .prettycheckbox input + a + label {
    padding-left: 30px; }
  .page-signin .form-new .prettycheckbox input + a + label:after {
    width: 6px;
    height: 15px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    top: 1px;
    left: 7px;
    background: 0 0;
    content: '';
    display: block;
    position: absolute;
    background: none !important; }
  .page-signin .form-new .forgot-password-container {
    margin-top: 0px;
    text-align: center;
    padding-bottom: 27px;
    width: 124%;
    left: -12%;
    position: relative;
    border-bottom: 1px solid #D2D2D2; }
    .page-signin .form-new .forgot-password-container #password-forgotten {
      font-size: 14px;
      line-height: 18px;
      padding-bottom: 3px; }
  .page-signin .form-new .btn-box {
    height: 40px;
    width: 100%;
    border-radius: 2px;
    padding: 0;
    font-family: 'MarkOT-Medium';
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 18px; }
    .page-signin .form-new .btn-box .icons-co-lock {
      background: none;
      color: #333; }
  .page-signin .form-new .form-actions .btn-box {
    margin: 20px 0; }
  .page-signin .form-new .create-an-account {
    margin: 20px 0 177px 0; }
  .page-signin .form-new p.keurig-btn--msg {
    text-align: center;
    margin-bottom: 17px;
    line-height: 16px;
    width: 100%; }
    .page-signin .form-new p.keurig-btn--msg a {
      text-decoration: underline;
      color: #333; }
    .page-signin .form-new p.keurig-btn--msg.create-account {
      text-align: left;
      width: 102%; }
  .page-signin .form-new div.clearfix.prettycheckbox a {
    display: none; }
  .page-signin .form-new .sign-msg {
    text-align: center;
    font-weight: 500;
    line-height: 20px;
    color: #68676B;
    margin-bottom: 53px; }
  .page-signin .form-new .signin-button {
    font-family: 'MarkOT-Medium'; }
  .page-signin .form-new .button-row {
    margin: 20px 0; }

.page-signin .remember-me-box {
  display: none;
  align-items: flex-start; }
  .page-signin .remember-me-box.has-pretty-child {
    display: flex; }
  .page-signin .remember-me-box .prettycheckbox {
    width: auto;
    margin: 0; }

#wrapper #globalMessages .alert.simplified-error {
  outline-color: transparent; }

@media (max-width: 991px) {
  #wrapper #page .simplified-login-page {
    width: 100% !important; }
  #wrapper #page #globalMessages {
    min-width: auto !important;
    width: 100% !important; }
    #wrapper #page #globalMessages .simplified-error-container {
      min-width: 100% !important;
      width: 100% !important; }
  .page-signin .form-new .sectionTitle {
    line-height: 60px; }
  .page-signin .form-new p.keurig-btn--msg {
    margin-bottom: 17px !important; }
  .page-signin .form-new .prettycheckbox label {
    bottom: 0px;
    left: 0px; }
  .page-signin .form-new .prettycheckbox input + a + label {
    padding-left: 29px; } }

@media (min-width: 768px) {
  .page-signin .form-new .signin {
    padding: 0; }
  .page-signin .prettycheckbox label {
    left: 0;
    bottom: 0; } }

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  #wrapper.checkout-guest,
  #wrapper.login-new {
    height: 100%; }
  .guest-checkout,
  .footer-new {
    position: absolute;
    bottom: 0; } }

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .login-new #content,
  .checkout-guest #content {
    min-height: 611px; } }

@media (max-width: 767px) and (min-width: 420px) and (orientation: landscape) {
  #usb2cGuestForm .prettycheckbox label,
  #usb2cRegisterForm .prettycheckbox label {
    left: 0;
    bottom: 0; } }

@media (max-width: 640px) {
  .page-signin.checkoutLogin {
    width: 100% !important; }
    .page-signin.checkoutLogin .form-new .signin {
      padding-bottom: 0; }
    .page-signin.checkoutLogin .form-new .new {
      padding: 0; }
  .page-signin .form-new {
    width: 100% !important; }
    .page-signin .form-new .signin {
      border-bottom: none;
      border-right: none !important;
      padding-bottom: 34px;
      width: 100%; }
    .page-signin .form-new .sec {
      max-width: 290px;
      width: 100%; }
    .page-signin .form-new .sec.edgeBoth {
      width: 290px;
      padding: 0; }
    .page-signin .form-new .sectionTitle {
      margin: 18px auto 23px;
      line-height: 50px; }
    .page-signin .form-new .sec .title {
      margin-bottom: 20px; }
    .page-signin .form-new .new {
      padding: 19px 15px 0;
      width: 100%; }
    .page-signin .form-new .prettycheckbox label {
      bottom: 0;
      left: 0; }
    .page-signin .form-new .create-an-account {
      margin: 22px 0 110px 0; }
    .page-signin .form-new .sign-msg {
      margin-bottom: 6px; }
    .page-signin .form-new p.keurig-btn--msg {
      margin-bottom: 4px; } }

/* AFH header style */
.away-from-home .forgot-password-container #password-forgotten {
  color: #1E1E1E; }

.away-from-home.page-signin .form-new .sign-msg {
  color: #4D4D4D; }

.away-from-home .btn-box.btn-orange {
  background: #F9C606; }

.away-from-home .btn-box.btn-grey {
  border: 2px solid #F8C612; }

.away-from-home.page-signin .form-new .sectionTitle {
  font-weight: 600; }

@media (max-width: 330px) {
  .page-signin .form-new {
    width: 100% !important; }
    .page-signin .form-new .prettycheckbox input + a + label {
      padding-left: 30px; } }

.control-group.error {
  position: relative; }
  .control-group.error input {
    border-color: #d51610 !important; }
  .control-group.error .help-inline {
    background: none;
    bottom: 46px;
    position: absolute;
    width: 100%;
    display: none;
    z-index: 999;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 1px; }
    .control-group.error .help-inline span {
      background: #d51610;
      font-family: MarkOT-Italic;
      display: block;
      padding: 7px 10px;
      border-radius: 3px;
      color: #fff;
      font-size: 12px; }
    .control-group.error .help-inline:after {
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      content: "";
      position: absolute;
      left: 15px;
      bottom: -8px;
      border-top: 8px solid #d51610; }

/*header*/
/* Cancel Remediation Modal */
/* -------------------------------------------------------------
  Sass CSS3 Mixins!
  List of CSS3 Sass Mixins File to be @imported and @included as you need
  The purpose of this library is to facilitate the use of CSS3 on different browsers
 ------------------------------------------------------------ */
@media screen and (max-width: 1023px) and (min-width: 768px) {
  .qsm-colorbox #cboxWrapper,
  .qsm-colorbox #cboxContent,
  .qsm-colorbox #cboxLoadedContent {
    max-width: 98%; }
  .qsm-colorbox #cboxContent {
    background: transparent !important; }
  .qsm-colorbox #quick-shop-modal.qsm {
    left: 4%; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .brand_name {
      bottom: 265px; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .product_name {
      bottom: 214px; } }

.qsm-colorbox #cboxContent #cboxLoadingOverlay,
.qsm-colorbox #cboxContent #cboxLoadingGraphic {
  display: none !important; }

.qsm-colorbox .pricing {
  padding: 0 !important; }

.qsm-colorbox #quick-shop-modal.qsm .pricing .qty-container {
  padding: 16px 0 0 8%;
  max-width: 323px;
  width: 100%;
  margin: auto; }
  .qsm-colorbox #quick-shop-modal.qsm .pricing .qty-container .bmsm-dropdown a {
    padding: 7px 20px 8px 15px; }
  .qsm-colorbox #quick-shop-modal.qsm .pricing .qty-container .box-count-default-dropdown {
    width: 21%;
    max-height: 150px; }
    @media screen and (min-width: 768px) {
      .qsm-colorbox #quick-shop-modal.qsm .pricing .qty-container .box-count-default-dropdown {
        max-height: 220px; } }
  .qsm-colorbox #quick-shop-modal.qsm .pricing .qty-container .nano > .nano-content {
    right: -17px; }
  .qsm-colorbox #quick-shop-modal.qsm .pricing .qty-container .qty-container-section {
    display: flex; }
    .qsm-colorbox #quick-shop-modal.qsm .pricing .qty-container .qty-container-section .dropbtn {
      display: flex;
      height: auto; }
      .qsm-colorbox #quick-shop-modal.qsm .pricing .qty-container .qty-container-section .dropbtn::after {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: 0 12px; }

.qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right {
  padding: 43px 20px 117px 20px;
  background-color: #fff !important; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right #add-pod-btn {
    padding: 10px 0;
    border-radius: 0 2px 2px 0;
    font-size: 14px;
    line-height: 20px;
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right #add-pod-btn {
        font-size: 12px; } }
    @media only screen and (max-width: 374px) {
      .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right #add-pod-btn {
        font-size: 10px; } }
  @media screen and (min-width: 767px) and (max-width: 900px) {
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .switch-toggle {
      margin-left: 25px !important; } }
  @media screen and (min-width: 1024px) {
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .switch-toggle {
      width: calc(100% - 48px) !important; } }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .box-count > span,
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right p.purchase-options {
    color: #68676B;
    font-family: "MarkOT-Medium";
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right p.purchase-options {
    margin-bottom: 7px; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .box-count {
    border-bottom: none; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .box-count li .count-info {
      color: #68676B;
      font-family: "MarkOT-Medium";
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 1.17px;
      line-height: 20px !important;
      text-transform: lowercase; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .box-count li.selected .count-info {
      color: #333333 !important;
      font-weight: bold;
      font-family: "MarkOT-Bold"; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right #addToExistingAD {
    font-family: "MarkOT-Medium";
    font-weight: 500;
    letter-spacing: 0.58px;
    line-height: 18px; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right #addToExistingAD:after {
    display: none; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery,
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase {
    padding: 15px; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .add_to_cart_form {
    max-width: 410px;
    width: 100%;
    margin: auto; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .header_price {
    display: none; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .productAddToCartPanel .products li:first-of-type {
    border-top: none; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .promotion-content:before {
    background: none !important; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery .infocon {
    display: none; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .bmsm-dropdown--container {
    width: 25%;
    float: left;
    display: flex; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .bmsm-dropdown--container #bmsm-select {
      width: 100%;
      box-shadow: none; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .right {
    width: 75%;
    border-radius: 0px 2px 2px 0px; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .right #addToAutoDeliveryButton,
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .right #addToCartButton {
      width: 100% !important;
      font-family: "MarkOT-Medium";
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 1px;
      line-height: 18px;
      text-align: center;
      margin: 0; }
      @media only screen and (max-width: 767px) {
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .right #addToAutoDeliveryButton,
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .right #addToCartButton {
          font-size: 12px; } }
      @media only screen and (max-width: 374px) {
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .right #addToAutoDeliveryButton,
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .right #addToCartButton {
          font-size: 10px; } }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .right.product-price-container {
    width: auto; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .right.product-price-container .product-price sup {
      font-size: 16px;
      top: 6px; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .right.product-price-container .product-price.price-strike sup {
      top: 0;
      vertical-align: baseline; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery,
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase {
    padding: 14px 15px;
    border-radius: 3px;
    border: solid #D2D2D2 1px; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery,
      .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase {
        padding: 11px 10px; } }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery .switch-input + label,
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase .switch-input + label {
      color: #333333;
      font-family: "MarkOT-Light";
      font-size: 12px;
      font-weight: 300;
      letter-spacing: 0.5px;
      line-height: 20px;
      margin-bottom: 5px;
      padding: 0 10px; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery input + label:before,
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase input + label:before {
      width: 22px;
      height: 22px; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery input + label:after,
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase input + label:after {
      width: 12px;
      height: 12px; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery .product-price,
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase .product-price {
      font-weight: 300;
      font-family: "MarkOT-Light";
      letter-spacing: 1px;
      color: #333333;
      line-height: 20px; }
      .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery .product-price .old-price,
      .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase .product-price .old-price {
        color: #68676B; }
        @media screen and (max-width: 767px) {
          .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery .product-price .old-price,
          .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase .product-price .old-price {
            display: block;
            margin-right: 0px;
            text-align: left; } }
      .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery .product-price .sale-price,
      .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase .product-price .sale-price {
        color: #D51610; }
      @media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery .product-price .old-price,
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery .product-price .sale-price,
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase .product-price .old-price,
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase .product-price .sale-price {
          display: block;
          width: 100%;
          line-height: 16px; } }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery {
    margin-bottom: 17px; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery input + label {
      margin-bottom: 8px; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery .createAutoOrderForProduct {
      padding: 9px 0;
      font-size: 14px;
      border-radius: 0px 2px 2px 0px; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery .discount-info {
      height: 20px;
      width: auto;
      color: #333333;
      font-family: "MarkOT-Regular";
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.5px;
      padding-left: 38px;
      position: relative;
      cursor: inherit; }
      .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery .discount-info a.discount-info__benefit {
        margin-left: 10px; }
      .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery .discount-info .viewBenefitsTooltip {
        left: -28%;
        top: 30px;
        position: absolute;
        z-index: 10000;
        width: 437px;
        height: auto;
        background-color: #fff;
        border: 1px solid #ccc;
        display: none; }
        @media screen and (max-width: 1023px) and (min-width: 768px) {
          .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery .discount-info .viewBenefitsTooltip {
            left: -35%; } }
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery .discount-info .viewBenefitsTooltip .arrow {
          left: 225px;
          background: url("/_ui/desktop/common/images/checkout/up_arrow.png") center top no-repeat;
          width: 20px;
          height: 10px;
          position: absolute;
          top: -10px; }
          @media screen and (max-width: 1023px) and (min-width: 768px) {
            .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery .discount-info .viewBenefitsTooltip .arrow {
              left: 225px; } }
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery .discount-info .viewBenefitsTooltip .info-overlay-content {
          display: table;
          width: 437px;
          height: 146px; }
          .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery .discount-info .viewBenefitsTooltip .info-overlay-content .columns {
            display: table-cell;
            width: 33.33%;
            text-align: center; }
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery .discount-info .viewBenefitsTooltip .othermsg {
          font-family: MarkOT-Light;
          font-size: 13px;
          clear: both;
          line-height: 16px;
          padding: 5px 15px; }
          .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery .discount-info .viewBenefitsTooltip .othermsg a {
            text-decoration: none;
            color: #0f7db5; }
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery .discount-info .viewBenefitsTooltip.show {
          display: block; }
          @media screen and (max-width: 767px) {
            .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery .discount-info .viewBenefitsTooltip.show {
              display: none; } }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase {
    padding: 11px 16px; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase {
        padding: 11px 10px; } }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase #addToCartButton {
      padding: 9px 0;
      letter-spacing: 1px;
      width: auto;
      float: left;
      width: 165px;
      border-radius: 0 2px 2px 0; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right #addToCartButtonOutOfStock {
    width: 100%; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery.active,
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase.active {
    border: 1px solid #2F4053;
    border-radius: 3px; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery.active input + label,
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase.active input + label {
      font-family: "MarkOT-Medium";
      font-weight: 500;
      letter-spacing: 0.5px;
      line-height: 20px; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery.active .product-price,
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase.active .product-price {
      font-family: "MarkOT-Medium";
      font-weight: 500; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery.active #bmsm-select,
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase.active #bmsm-select {
      border-right: none;
      border-radius: 0;
      box-shadow: none;
      padding-left: 15px;
      font-family: "MarkOT-Medium";
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 1.17px;
      line-height: 18px; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase.active {
    height: auto; }
    @media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
      .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase.active .product-price {
        display: inline-block;
        width: 100%; } }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery.active {
    height: auto; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .promotion-content {
    color: #333333;
    font-family: "MarkOT-Light";
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0.58px;
    line-height: 20px !important;
    text-align: center;
    padding: 0;
    margin-bottom: 0px !important;
    height: auto; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .promotion-content .shipping-icon {
      float: left;
      background-color: rgba(216, 216, 216, 0);
      height: 19.51px;
      width: 37.68px;
      position: relative;
      left: 5px; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-plus,
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-minus {
    background: none;
    height: 40px;
    width: 40px;
    margin-top: 5px;
    border: solid #000 1px;
    border-radius: 50%; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-plus .icons-minus-over,
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-plus .icons-plus-over,
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-minus .icons-minus-over,
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-minus .icons-plus-over {
      opacity: 1;
      text-indent: 0;
      background: none;
      padding-top: 18px;
      padding-left: 9px;
      color: #000; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-plus .icons-minus-over:before,
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-plus .icons-plus-over:before,
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-plus .icons-plus-over:after,
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-minus .icons-minus-over:before,
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-minus .icons-plus-over:before,
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-minus .icons-plus-over:after {
      content: "";
      position: absolute;
      width: 21px;
      height: 3px;
      border-radius: 3px;
      background-color: #000; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-plus .icons-plus-over:after,
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-minus .icons-plus-over:after {
      transform: rotate(90deg); }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-plus:hover,
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-minus:hover {
    background-color: #909ba7;
    border: none; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-plus:hover .icons-minus-over:before,
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-plus:hover .icons-plus-over:before,
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-plus:hover .icons-plus-over:after,
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-minus:hover .icons-minus-over:before,
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-minus:hover .icons-plus-over:before,
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-minus:hover .icons-plus-over:after {
      background: #fff; }

.qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left {
  background-color: #F5F5F5;
  text-align: center; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .star-ratings-sprite {
    display: none; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .top_content a.product-uri {
    height: 226px; }
    @media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
      .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .top_content a.product-uri {
        height: auto; } }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .top_content a.product-uri img.hero {
      margin-top: 0;
      min-height: 206px; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .brand_name {
    display: inline-block;
    color: #68676B;
    font-family: "MarkOT-Medium";
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    line-height: 20px;
    width: 100%;
    text-align: center; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .brand_name::before, .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .brand_name::after {
      display: table;
      clear: both;
      content: ""; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .product_name {
    text-align: center;
    padding: 0 20px;
    width: 100%;
    height: auto;
    color: #333333;
    font-family: "MarkOT-Medium";
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 20px;
    margin: 0; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .roast_profile {
    text-align: center;
    color: #333333;
    text-transform: uppercase;
    font-size: 10px;
    padding-bottom: 3px;
    letter-spacing: 0.58px;
    line-height: 13px;
    width: 94%;
    position: relative;
    top: 82px;
    margin: 0 0 5px 0;
    left: 50%;
    transform: translate(-50%, -50%); }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .roast_profile img {
      max-width: 78%; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .roast_profile span.qsm__profile-variation.float-right,
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .roast_profile span.qsm__profile-variation.float-left,
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .roast_profile .roast_indicator span {
      font-family: "MarkOT-Medium";
      font-size: 8.19px;
      font-weight: 500;
      letter-spacing: 0.29px;
      line-height: 22px;
      color: #333; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .roast_profile span.qsm__profile-variation.float-left {
      float: left; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .roast_profile span.qsm__profile-variation.float-right {
      float: right; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left span.roast_profile {
    margin: 0;
    padding-bottom: 6px;
    border-bottom: solid #d2d2d2 1px;
    position: relative;
    top: 0; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .border {
    display: none; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .smallerCopy.description {
    display: none; }

.qsm-colorbox #quick-shop-modal.qsm .qsm-right .box-count.clickable-tiles ul.dropdown-menu li {
  width: auto !important;
  margin-right: 16px !important;
  margin-bottom: 17px;
  max-width: 100%; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-right .box-count.clickable-tiles ul.dropdown-menu li a {
    width: 112px;
    padding: 12px 5px; }

.qsm-colorbox #quick-shop-modal.qsm .qsm-right .box-count.clickable-tiles ul.dropdown-menu li:nth-child(3n) {
  margin-right: 0 !important; }

.qsm-colorbox #quick-shop-modal.qsm .qsm-right .box-count.clickable-tiles ul.dropdown-menu li.selected {
  background-color: transparent !important; }

@media screen and (max-width: 767px) {
  .qsm-colorbox #cboxWrapper,
  .qsm-colorbox #cboxContent,
  .qsm-colorbox #cboxLoadedContent {
    max-width: 98% !important; }
  .qsm-colorbox #cboxContent {
    background: transparent !important; }
  .qsm-colorbox #quick-shop-modal.qsm {
    background-color: #F5F5F5 !important;
    height: auto; }
    .qsm-colorbox #quick-shop-modal.qsm #addToCartButton {
      width: 204px; }
    .qsm-colorbox #quick-shop-modal.qsm .packTypes {
      padding: 0; }
    .qsm-colorbox #quick-shop-modal.qsm .icons-close {
      top: 24px;
      right: 17px; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner {
      background: #fff !important; }
      .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right,
      .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left {
        width: 100% !important;
        position: relative !important; }
      .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .roast_profile {
        margin: 16px auto 5px;
        font-size: 7.02px;
        padding-bottom: 3px;
        letter-spacing: 0.44px;
        line-height: 8px;
        width: 316px;
        position: relative;
        left: 0;
        top: -12px;
        transform: none; }
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .roast_profile span.qsm__profile-variation.float-left,
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .roast_profile span.qsm__profile-variation.float-right {
          margin: 0; }
      .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left span.roast_profile {
        margin: 24px auto 5px;
        border-bottom: solid #d2d2d2 1px;
        text-align: left; }
      .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right {
        background-color: #fff;
        padding: 20px 14px 20px 13px; }
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .add_to_cart_form {
          max-width: 325px;
          width: 100%;
          margin: auto; }
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .box-count > span {
          line-height: 15px; }
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .box-count {
          border-bottom: none; }
          .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .box-count li .count-info {
            letter-spacing: 0.39px;
            line-height: 18px !important; }
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right p.purchase-options {
          line-height: 15px; }
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery,
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase {
          padding: 13px 10px 13px;
          border-radius: 3px;
          border: solid #D2D2D2 1px;
          height: auto; }
          .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery input + label,
          .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase input + label {
            letter-spacing: 0.39px;
            line-height: 18px; }
          .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery .product-price,
          .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase .product-price {
            letter-spacing: 0.44px;
            display: block; }
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery {
          margin-bottom: 20px;
          height: auto; }
          .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery .createAutoOrderForProduct {
            padding: 9px 0;
            font-size: 14px;
            border-radius: 0px 2px 2px 0px; }
          .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery .discount-info {
            height: 15px;
            width: auto;
            font-size: 12px;
            line-height: 15px; }
            .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery .discount-info a.discount-info__benefit {
              display: none; }
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase {
          height: auto;
          padding: 15px 10px 15px 10px; }
          .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase #addToCartButton {
            padding: 9px 0;
            letter-spacing: 1px;
            width: auto;
            float: left;
            width: 165px;
            border-radius: 0 2px 2px 0; }
          .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase .qty-container {
            padding: 36px 0 0 38px; }
          .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase .coupon-container + .qty-container {
            padding-top: 20px; }
          .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase:before, .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase:after {
            content: " ";
            display: table; }
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery.active,
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase.active {
          border: 1px solid #2F4053;
          border: 1px solid #2F4053;
          border-radius: 3px; }
          .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery.active #bmsm-select,
          .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase.active #bmsm-select {
            border-right: none;
            border-radius: 0;
            box-shadow: none;
            padding-left: 15px;
            font-family: "MarkOT-Medium";
            font-size: 16px;
            font-weight: 500;
            letter-spacing: 0.39px; }
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase.active {
          height: auto; }
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .auto-delivery.active {
          height: auto; }
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right input[type=radio] + label:before {
          outline: none; }
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .productAddToCartPanel {
          margin-bottom: 0; }
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .promotion-content .shipping-icon {
          display: block; }
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .box-count.clickable-tiles ul.dropdown-menu li {
          max-width: 100%;
          margin-right: 23px !important; }
          .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .box-count.clickable-tiles ul.dropdown-menu li:nth-child(3n) {
            margin-right: 0 !important; }
      .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left {
        text-align: center;
        padding-bottom: 2px; }
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .product_name {
          text-align: center;
          color: #333333;
          font-family: "MarkOT-Medium";
          font-size: 16px;
          font-weight: 500;
          letter-spacing: 1px;
          line-height: 25px;
          margin: 6px auto;
          width: 100%;
          position: relative;
          top: 0;
          padding: 0; }
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .smallerCopy {
          text-align: center;
          color: #68676B;
          font-family: "MarkOT-Medium";
          font-size: 12px;
          font-weight: 500;
          letter-spacing: 1px;
          line-height: 20px; }
        .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .brand_name {
          font-size: 12px;
          position: relative;
          top: -6px; } }

@media screen and (max-width: 830px) and (min-width: 766px) {
  .qsm-colorbox #quick-shop-modal.qsm .qsm-right .box-count.clickable-tiles ul.dropdown-menu li {
    width: auto !important;
    margin-right: 17px !important; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-right .box-count.clickable-tiles ul.dropdown-menu li a {
      padding: 12px 5px;
      width: 102px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .qsm-colorbox {
    width: 98% !important; }
    .qsm-colorbox #cboxWrapper,
    .qsm-colorbox #cboxContent,
    .qsm-colorbox #cboxLoadedContent {
      max-width: 98% !important; }
    .qsm-colorbox #quick-shop-modal.qsm {
      /*.qsm-left{
          .brand_name{
            left: 36px;
          }
        }*/ }
      .qsm-colorbox #quick-shop-modal.qsm .qsm-right,
      .qsm-colorbox #quick-shop-modal.qsm .qsm-left {
        width: 50% !important; }
        .qsm-colorbox #quick-shop-modal.qsm .qsm-right .roast_profile,
        .qsm-colorbox #quick-shop-modal.qsm .qsm-left .roast_profile {
          width: auto; }
      .qsm-colorbox #quick-shop-modal.qsm .qsm-right .box-count.clickable-tiles ul.dropdown-menu li {
        margin-right: 16px !important; }
      .qsm-colorbox #quick-shop-modal.qsm .right.product-price-container {
        width: auto; }
        .qsm-colorbox #quick-shop-modal.qsm .right.product-price-container .product-price sup {
          font-size: 16px;
          top: 6px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .qsm-colorbox #quick-shop-modal.qsm {
    /*.qsm-left{
          .brand_name{
            left: 99px;
          }
        }*/ }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-right .box-count.clickable-tiles ul.dropdown-menu li {
      margin-right: 17px !important; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  .qsm-colorbox #quick-shop-modal.qsm .pricing .qty-container {
    padding: 15px 0 0 38px;
    width: auto; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .brand_name {
    transform: none;
    left: 0;
    width: 100%;
    top: 0;
    padding-top: 10px; }
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right {
    padding: 20px 15px 43px; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .box-count-default-dropdown {
      width: 21%;
      border-radius: 0px; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .right.product-price-container {
      width: auto;
      line-height: 18px; }
      .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .right.product-price-container .product-price sup {
        font-size: 16px;
        top: 6px; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .one-time-purchase .product-price-container {
      width: auto;
      text-align: right; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .box-count.clickable-tiles ul.dropdown-menu li {
      width: auto !important;
      margin-right: 16px !important;
      margin-left: 0px;
      max-width: 100%; }
      .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .box-count.clickable-tiles ul.dropdown-menu li:last-child {
        margin-right: 0px !important; }
      .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .box-count.clickable-tiles ul.dropdown-menu li a {
        padding: 12px 5px;
        width: 95px; }
  .qsm-colorbox #quick-shop-modal.qsm .auto-delivery .popup {
    width: 293px !important; }
  #colorbox.qsm-colorbox {
    margin: auto;
    height: 100% !important; }
  #colorbox.qsm-colorbox.fadein {
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0, 1, 1, 1); } }

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: landscape) {
  .qsm-colorbox #quick-shop-modal.qsm {
    top: 3%;
    left: 22%;
    transform: none; } }

@media screen and (max-width: 767px) {
  .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm {
    background-color: #fff !important; }
    .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .icons-close {
      top: 26px;
      right: 19px; }
    .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-left {
      background-color: #fff;
      padding-bottom: 21px; }
      .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-left .product_name {
        width: 338px;
        color: #333333;
        font-family: "MarkOT-Medium";
        font-size: 24px;
        font-weight: 500;
        letter-spacing: 1.5px;
        line-height: 33px;
        text-align: center; }
      .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-left .brand_name {
        display: none; }
    .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-right {
      background-color: #F5F5F5 !important;
      padding: 0 15px 0px 15px;
      padding-bottom: 72px; }
      .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-right .add_to_cart_form {
        max-width: 338px; }
        .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-right .add_to_cart_form li {
          padding: 0; }
      .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-right .prod_price {
        height: 30px;
        width: 66px;
        color: #000000;
        font-family: "MarkOT-Medium";
        font-size: 24px;
        font-weight: 500;
        line-height: 30px;
        margin: 7px 0 7px 3px; }
      .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-right .prod_quantity {
        margin-right: 8px; }
      .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-right .quantity input.count {
        height: 50px;
        width: 50px;
        color: #000000;
        font-family: "MarkOT-Regular";
        font-size: 24px;
        line-height: 30px;
        text-align: center; }
      .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-right #addToCartButton {
        max-width: 338px;
        height: 40px;
        font-family: "MarkOT-Medium";
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 1px;
        line-height: 18px;
        text-align: center;
        margin: 0 3px; }
      .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-right .promotion-content {
        color: #494949;
        font-family: "MarkOT-Regular";
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        font-style: normal;
        margin-top: 13px; }
      .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-right .product_name {
        display: none; }
      .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-right .box-count-default-dropdown {
        width: 21%; }
      .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-right .nano > .nano-content {
        right: -17px; } }

@media only screen and (min-width: 768px) {
  .page-accessoriesProductList .qsm-colorbox #cboxContent {
    background: transparent !important; }
  .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .product_name {
    width: 100%;
    color: #2F4053;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 20px;
    padding: 0 33px;
    top: -57px; }
  .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .brand_name {
    top: -39px;
    text-transform: uppercase;
    font-size: 12px;
    padding: 0 51px; }
  .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-left .smallerCopy.description {
    display: block;
    height: auto;
    width: 342.56px;
    color: #333333;
    font-size: 14px;
    letter-spacing: 1.5px;
    line-height: 18px;
    text-align: center;
    position: relative;
    margin: auto;
    top: 0px; }
  .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right {
    padding: 42px 21px 117px 20px; }
    .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .header_price {
      display: block;
      color: #676767;
      font-family: "MarkOT-Bold";
      font-size: 12px;
      font-weight: bold;
      letter-spacing: 1px;
      line-height: 15px; }
    .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-plus,
    .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-minus {
      width: 20.51px;
      height: 20.51px;
      border: 1px solid #9F9F9F; }
      .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-plus .icons-plus-over,
      .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-plus .icons-minus-over,
      .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-minus .icons-plus-over,
      .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-minus .icons-minus-over {
        padding-top: 9px;
        padding-left: 4px; }
        .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-plus .icons-plus-over:before, .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-plus .icons-plus-over:after,
        .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-plus .icons-minus-over:before,
        .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-plus .icons-minus-over:after,
        .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-minus .icons-plus-over:before,
        .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-minus .icons-plus-over:after,
        .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-minus .icons-minus-over:before,
        .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-minus .icons-minus-over:after {
          width: 10.11px;
          height: 1.25px;
          background-color: #9F9F9F; }
      .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-plus:hover .icons-plus-over:before, .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-plus:hover .icons-plus-over:after,
      .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-plus:hover .icons-minus-over:before,
      .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-plus:hover .icons-minus-over:after,
      .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-minus:hover .icons-plus-over:before,
      .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-minus:hover .icons-plus-over:after,
      .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-minus:hover .icons-minus-over:before,
      .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .circle-link-image .icons-minus:hover .icons-minus-over:after {
        background: #fff; }
    .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right #addToCartButton {
      font-family: MarkOT-Medium;
      font-size: 14px;
      height: 40px;
      font-weight: 500;
      letter-spacing: 1px;
      line-height: 18px;
      text-align: center; }
    .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .products li {
      padding: 0 0 5px; }
      .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .products li .prod_info {
        margin-top: 0; }
        .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .products li .prod_info .product_name {
          display: none; }
        .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .products li .prod_info .prod_quantity {
          min-width: 23%; }
        .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .products li .prod_info .prod_price {
          font-family: MarkOT-Medium;
          height: 30px;
          color: #000000;
          font-size: 24px;
          line-height: 30px; }
    .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .products li .prod_info .prod_quantity {
      min-width: 23%; }
    .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .products li .prod_info .prod_price {
      font-family: MarkOT-Medium;
      height: 30px;
      color: #000000;
      font-size: 24px;
      line-height: 30px; }
    .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .promotion-content {
      color: #494949;
      font-style: normal;
      margin-top: 24px;
      padding-bottom: 15px; }
    .page-accessoriesProductList .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .nano > .nano-content {
      right: -17px; } }

.qsm-colorbox .top_content {
  display: inline-block;
  width: auto; }
  .qsm-colorbox .top_content .product-uri {
    display: inline-block;
    position: relative; }
  .qsm-colorbox .top_content .ad-logo {
    top: 32%;
    left: 27%; }
    @media screen and (max-width: 767px) {
      .qsm-colorbox .top_content .ad-logo {
        top: 36%;
        left: 27%; } }

@media screen and (max-width: 360px) {
  .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .box-count.clickable-tiles ul.dropdown-menu li {
    margin-right: 12px !important; }
    .qsm-colorbox #quick-shop-modal.qsm .qsm-inner .qsm-right .box-count.clickable-tiles ul.dropdown-menu li:nth-child(3n) {
      margin-right: 0; } }

/* Adding for HAD-3520 */
.adc-text-one-time {
  margin-top: 20px;
  padding-bottom: 22px;
  border-bottom: 1px solid #D2D2D2;
  margin-bottom: 6px; }
  .adc-text-one-time img {
    float: left;
    height: 20px;
    width: 20px;
    margin-right: 10px; }
  .adc-text-one-time p.one-time-item {
    height: 20px;
    color: #333333;
    font-family: "MarkOT-Medium";
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 20px; }

.brewerPdpWrapperComponentRight {
  padding: 0px;
  margin-top: 10px; }
  .brewerPdpWrapperComponentRight.promotion-content {
    padding-left: 0;
    float: left;
    width: 100%;
    padding-bottom: 15px; }
  .brewerPdpWrapperComponentRight .shipping-icon + .shippingMsgAway {
    text-align: left; }
  @media screen and (max-width: 767px) {
    .brewerPdpWrapperComponentRight {
      padding-left: 0px; } }
  @media screen and (max-width: 767px) {
    .brewerPdpWrapperComponentRight.full-width {
      width: 100%; } }
  .brewerPdpWrapperComponentRight.full-width #addToAutoDeliveryButton {
    color: #000; }
    .brewerPdpWrapperComponentRight.full-width #addToAutoDeliveryButton:hover {
      color: #fff; }
    @media screen and (max-width: 767px) {
      .brewerPdpWrapperComponentRight.full-width #addToAutoDeliveryButton {
        font-size: 11px;
        max-width: 260px;
        float: none; } }
  .brewerPdpWrapperComponentRight .shipping-icon {
    float: left;
    background-color: rgba(216, 216, 216, 0);
    height: 19.51px;
    width: 37.68px; }
  @media screen and (max-width: 767px) {
    .brewerPdpWrapperComponentRight.promotion-content {
      float: left;
      margin-bottom: 0;
      padding: 0;
      margin-top: 10px; }
    .brewerPdpWrapperComponentRight .shipping-icon + .shippingMsgAway {
      text-align: left; } }
  .brewerPdpWrapperComponentRight .shippingMsgAway {
    color: #000;
    font-size: 14px;
    font-family: "MarkOT-Light";
    display: inline-block;
    vertical-align: middle;
    float: left;
    padding-left: 10px;
    display: none;
    width: calc(100% - 60px); }
  .brewerPdpWrapperComponentRight .shippingMsgGotFree {
    color: #000;
    font-size: 14px;
    font-family: "MarkOT-Light";
    display: inline-block;
    vertical-align: middle;
    float: left;
    padding-left: 10px;
    display: none; }
  .brewerPdpWrapperComponentRight .shippingMsgAlreadyFree {
    color: #000;
    font-size: 14px;
    font-family: "MarkOT-Light";
    display: inline-block;
    vertical-align: middle;
    float: left;
    padding-left: 10px;
    display: none; }
  .brewerPdpWrapperComponentRight .amount {
    color: #000;
    font-size: 14px;
    font-family: "MarkOT-Light"; }
  .brewerPdpWrapperComponentRight .shippingmsg2 {
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
    font-family: "MarkOT-Light"; }
  .brewerPdpWrapperComponentRight .freeBold {
    font-weight: 700; }

@media screen and (max-width: 767px) {
  .promotion-content {
    padding-left: 0px;
    width: 355px; } }

.nopadding {
  margin: 0px;
  padding: 0px; }

@keyframes plyr-progress{to{background-position:25px 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:subpixel-antialiased;direction:ltr;font-family:Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums;font-weight:500;line-height:1.7;max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease}.plyr audio,.plyr video{border-radius:inherit;height:auto;vertical-align:middle;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5764;border-radius:2px;color:#fff;font-size:9px;line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;color:#fff;display:none;font-size:14px;left:0;padding:10px;position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions .plyr__caption{background:rgba(0,0,0,.8);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__captions .plyr__caption div{display:inline}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:16px;padding:20px}}@media (min-width:768px){.plyr__captions{font-size:18px}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px)}.plyr__control{background:0 0;border:0;border-radius:3px;color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;pointer-events:none;width:18px}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}a.plyr__control{text-decoration:none}a.plyr__control::after,a.plyr__control::before{display:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;color:#fff}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;color:#fff}.plyr__control--overlaid{background:rgba(0,179,255,.8);border:0;border-radius:100%;color:#fff;display:none;left:50%;padding:15px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{background:#00b3ff}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr__controls .plyr__controls__item.plyr__volume{padding-right:5px}.plyr__controls .plyr__controls__item.plyr__volume:first-child{padding-right:0}.plyr__controls:empty{display:none}.plyr--audio .plyr__controls{background:#fff;border-radius:inherit;color:#4a5764;padding:10px}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;left:0;padding:20px 5px 5px;position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:35px 10px 10px}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4a5764;font-size:16px;margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border-top-color:rgba(255,255,255,.9);content:'';height:0;position:absolute;right:15px;top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5764;display:flex;font-size:14px;padding:4px 11px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px}.plyr__menu__container .plyr__control--forward::after{border-left-color:rgba(74,87,100,.8);right:5px}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:500;margin:7px;margin-bottom:3px;padding-left:28px;position:relative;width:calc(100% - 14px)}.plyr__menu__container .plyr__control--back::after{border-right-color:rgba(74,87,100,.8);left:7px}.plyr__menu__container .plyr__control--back::before{background:#c1c9d1;box-shadow:0 1px 0 #fff;content:'';height:1px;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px}.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#00b3ff}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(0,0,0,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;overflow:hidden;padding-left:25px;pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:26px;color:#00b3ff;display:block;height:19px;margin:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;transition:all .2s ease;width:13px;-webkit-appearance:none;margin-top:-4px}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-moz-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;transition:all .2s ease;width:13px}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;height:5px}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;transition:all .2s ease;width:13px;margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr__poster{background-color:#000;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:14px}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr--video .plyr__time{text-shadow:0 1px 1px rgba(0,0,0,.15)}.plyr__tooltip{background:rgba(255,255,255,.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4a5764;font-size:14px;font-weight:500;left:50%;line-height:1.3;margin-bottom:10px;opacity:0;padding:5px 7.5px;pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9);bottom:-4px;content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:16px}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:16px;transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr--video{background:#000;overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;border-radius:inherit;overflow:hidden;position:relative;z-index:0}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr__progress{left:6.5px;margin-right:13px;position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-right:-6.5px;width:calc(100% + 13px)}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:14px;left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;left:0;margin-top:-2.5px;padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;transition:width .2s ease}.plyr--video .plyr__progress__buffer{box-shadow:0 1px 1px rgba(0,0,0,.15);color:rgba(255,255,255,.25)}.plyr--audio .plyr__progress__buffer{color:rgba(193,201,209,.66)}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,41,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,41,47,.6) 50%,rgba(35,41,47,.6) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,201,209,.66)}.plyr__volume{align-items:center;display:flex;flex:1;position:relative}.plyr__volume input[type=range]{margin-left:5px;position:relative;z-index:2}@media (min-width:480px){.plyr__volume{max-width:90px}}@media (min-width:768px){.plyr__volume{max-width:110px}}.plyr--is-ios .plyr__volume{display:none!important}.plyr--is-ios.plyr--vimeo [data-plyr=mute]{display:none!important}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}.plyr:-ms-fullscreen .plyr__captions{font-size:21px}.plyr:fullscreen .plyr__captions{font-size:21px}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:rgba(35,41,47,.8);border-radius:2px;bottom:10px;color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;left:0;margin:-2.5px 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:rgba(255,255,255,.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);margin-bottom:10px;opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,0) scale(1)}.plyr__preview-thumb::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9);bottom:-4px;content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c9d1;border-radius:2px;overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:2px;color:#fff;font-size:14px;padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}
@charset "UTF-8";
/*header*/
/* Cancel Remediation Modal */
/* -------------------------------------------------------------
  Sass CSS3 Mixins!
  List of CSS3 Sass Mixins File to be @imported and @included as you need
  The purpose of this library is to facilitate the use of CSS3 on different browsers
 ------------------------------------------------------------ */
@media (max-width: 767px) {
  .text-image-container .tile-image-container,
  .text-tile-component .tile-image-container,
  .image-text-component .tile-image-container {
    text-align: center !important; } }

@media (max-width: 767px) {
  .text-image-container p,
  .text-tile-component p,
  .image-text-component p {
    text-align: center !important; } }

@media (max-width: 767px) {
  .text-image-container a,
  .text-tile-component a,
  .image-text-component a {
    text-align: center !important; } }

@media (max-width: 767px) {
  .text-image-container .buttonFieldWrap,
  .text-tile-component .buttonFieldWrap,
  .image-text-component .buttonFieldWrap {
    text-align: center !important; } }

.addtocard-content-btn.content-btn {
  width: 177px;
  border-radius: 2px;
  background-color: #f1be48;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  margin-bottom: 10px;
  text-decoration: none;
  cursor: pointer;
  padding: 9px 5px;
  height: 40px;
  border: 2px solid transparent; }

.addtocard-content-btn.large {
  max-width: 230px;
  width: 230px; }

.addtocard-content-btn.medium {
  max-width: 177px;
  width: 177px; }

.addtocard-content-btn.small {
  max-width: 120px;
  width: 120px; }

.addtocard-content-btn.btn-grey {
  background: 0 0;
  border: 2px solid transparent; }

.addtocard-content-btn.btnDisable {
  pointer-events: none;
  opacity: 0.4; }

.page-AFHSmallOfficePage .bundle-details-component .banner-component.top-left .aligned-content {
  padding: 50px 0 0 0; }

.page-AFHSmallOfficePage .bundle-details-component [class*=column] + [class*=column]:last-child {
  float: left; }

.page-AFHSmallOfficePage .text-tile-component .container-tiles {
  padding-bottom: 40px;
  max-width: 1076px;
  justify-content: space-around !important; }

.page-AFHSmallOfficePage a[data-id="purchaseOptionsBtn"] {
  margin-top: 70px; }

.page-AFHSmallOfficePage .text-tile-component .container-tiles .banner-component .tile-image-container {
  margin-bottom: 0;
  height: auto; }

.page-AFHSmallOfficePage .row.price-section .column, .page-AFHSmallOfficePage .row.price-section .columns {
  padding-left: 50px;
  padding-right: 50px; }

.page-AFHSmallOfficePage .row.price-section:before {
  border-bottom: 2px solid #c3c3c5;
  margin: 0 50px;
  display: block; }

.page-AFHSmallOfficePage #WhatPeopleSayComponent {
  margin-top: 40px; }

@media only screen and (min-width: 1024px) {
  .page-AFHSmallOfficePage .bundle-details-component .column, .page-AFHSmallOfficePage .bundle-details-component .columns {
    padding-left: 0;
    padding-right: 0; }
  .page-AFHSmallOfficePage .bundle-details-component section {
    height: 420px !important; }
  .page-AFHSmallOfficePage .container-tiles .text-container p {
    padding-left: 0; }
  .page-AFHSmallOfficePage #SmallOfficePriceComponent .aligned-content {
    padding-left: 0;
    margin-left: 0; } }

@media only screen and (max-width: 1024px) {
  .page-AFHSmallOfficePage .SMForefrontBrewerTileComponent4 img {
    padding-top: 70px; }
  .page-AFHSmallOfficePage #SmallOfficePriceComponent .aligned-content {
    padding-left: 0;
    margin-left: 0; }
  .page-AFHSmallOfficePage .SmallOfficeBrewerComponent {
    max-height: 335px !important; } }

@media (max-width: 768px) {
  .page-AFHSmallOfficePage .banner-component.top-left .aligned-content {
    width: auto; }
  .page-AFHSmallOfficePage .banner-component.top-left .aligned-content {
    padding: 10px 0 0 50px; }
  .page-AFHSmallOfficePage a[data-id=purchaseOptionsBtn] {
    margin-top: 35px; }
  .page-AFHSmallOfficePage .SMForefrontBrewerTileComponent4 img {
    padding-top: 0px; }
  .page-AFHSmallOfficePage .bundle-details-component .banner-component.top-center .aligned-content {
    padding-top: 0; } }

@media (max-width: 767px) {
  .page-AFHSmallOfficePage .banner-component .text-container .link-container {
    text-align: center !important; }
  .page-AFHSmallOfficePage .bundle-details-component .columns:first-child {
    display: none; }
  .page-AFHSmallOfficePage .bundle-details-component .columns:nth-child(odd) {
    height: 35px;
    width: 100%; }
    .page-AFHSmallOfficePage .bundle-details-component .columns:nth-child(odd) section {
      width: 100%; }
    .page-AFHSmallOfficePage .bundle-details-component .columns:nth-child(odd) img {
      margin-top: -16px; }
  .page-AFHSmallOfficePage .SmallOfficeBrewerComponent {
    max-height: 100% !important; }
  .page-AFHSmallOfficePage a[data-id="purchaseOptionsBtn"] {
    margin-top: 0; }
  .page-AFHSmallOfficePage .price-section .columns {
    padding: 40px;
    height: 150px; }
  .page-AFHSmallOfficePage .price-section .btn-container {
    text-align: center  !important; }
  .page-AFHSmallOfficePage .text-container {
    padding: 10px 0 0 0px !important; }
  .page-AFHSmallOfficePage #SmallOfficePriceComponent .aligned-content {
    margin: 0 auto; } }

/******************* Result Page Css ********************************/
.dys-result-page .dys-save-link {
  padding: 20px 0 40px 0px; }
  .dys-result-page .dys-save-link a {
    padding: 9px 5px;
    min-width: 150px; }

.dys-result-page #DYSForefrontCoffeeTrendsTileComponent2 .text-tile-component p {
  padding-left: 0 !important; }

.dys-result-page .text-tile-component .container-fields {
  padding-top: 10px;
  padding-bottom: 10px; }

.dys-result-page .dys-tiles-section {
  padding: 0 40px; }

.dys-result-page .dys-tiles-section1 {
  padding: 0 90px; }

.dys-result-page .bundle-tiles-container .container-tiles .yCmsComponent.yComponentWrapper:not(:last-child):after {
  content: "+";
  font-size: 67px;
  height: 100px;
  width: 6px;
  float: right;
  margin-top: 31%; }

.dys-result-page .bundle-tiles-container section.banner-component {
  float: left; }

.dys-result-page .text-tile-component .container-tiles .banner-component .tile-image-container {
  height: auto !important;
  margin-bottom: 0; }

.dys-result-page .text-tile-component .container-tiles {
  padding-bottom: 0 !important; }

.dys-result-page .price-section {
  display: flex;
  border-top: 1px solid #DDDDDD; }
  .dys-result-page .price-section .columns {
    display: flex; }
  .dys-result-page .price-section .columns.cta-link div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; }
  .dys-result-page .price-section .columns.cta-link a {
    position: absolute;
    right: 10px; }
  .dys-result-page .price-section .columns .banner-component.top-left .aligned-content {
    padding-left: 0;
    padding-top: 30px; }

.dys-result-page .DYSbundleDetails1_Text3 span, .dys-result-page .DYSbundleDetails3_Text3 span {
  display: inline-flex;
  width: 50%; }

.dys-result-page .DYSbundleDetails1_Text3 span::before, .dys-result-page .DYSbundleDetails3_Text3 span::before {
  content: "";
  height: 45px;
  width: 35px;
  background: url(/_ui/desktop/theme-keurig/images/afh/no-plumbing.png) no-repeat 1px 1px;
  display: inline-block;
  background-size: 88%; }

@media (min-width: 1024px) {
  .dys-result-page .text-tile-component .container-tiles .banner-component {
    margin: 0 40px !important; } }

@media (max-width: 767px) {
  .dys-result-page .dys-tiles-section {
    padding: 0 15px; }
  .dys-result-page .dys-save-link {
    padding: 20px 0 30px 0px; }
  .dys-result-page .bundle-tiles-container .container-tiles .yCmsComponent.yComponentWrapper:not(:last-child):after {
    margin-top: 1%;
    width: 100%;
    text-align: center;
    height: 50px; }
  .dys-result-page .price-section {
    display: block; }
  .dys-result-page .dys-tiles-section1 {
    padding: 0; }
  .dys-result-page .price-section .columns.cta-link a {
    right: unset;
    bottom: 10px; }
  .dys-result-page #DYSOfficeSpaceComponent .banner-component .link-container {
    text-align: center !important; } }

@media (max-width: 767px) {
  .dys-result-page .banner-component.top-left .aligned-content {
    padding: 0; } }

/********** Profile bug fixed *************/
.away-from-home .brewerPriceWrapperPdp .disount-price {
  color: #DA3432; }

@media (max-width: 767px) {
  .s7mixedmediaviewer.s7touchinput .s7fullscreenbutton[selected='false'][state='up'], .s7mixedmediaviewer.s7touchinput .s7fullscreenbutton[selected='false'][state='down'] {
    right: -20px;
    bottom: 0; }
  .s7mixedmediaviewer.s7touchinput .s7fullscreenbutton[selected='true'][state='up'] {
    right: 20px !important; } }

.beverageProductAddToCartPanel .podCalculationLink a {
  font-size: 11px !important;
  letter-spacing: .34px !important; }

/************************* Kad result page ***********************************/
.kad-result-page .kad-video-container {
  padding: 0 40px 35px 40px; }
  .kad-result-page .kad-video-container .link-container a {
    text-decoration: none;
    color: #666666;
    border-bottom: 2px solid #f1be48;
    display: inline; }
    .kad-result-page .kad-video-container .link-container a::before {
      content: '';
      background: url(/_ui/desktop/theme-keurig/images/afh/save-icon.svg) no-repeat 0 1px;
      height: 25px;
      width: 18px;
      float: left;
      background-size: 100%;
      margin-right: 9px;
      margin-top: 3px; }
  .kad-result-page .kad-video-container .banner-component {
    height: auto !important; }
  .kad-result-page .kad-video-container video, .kad-result-page .kad-video-container .banner-component {
    border-radius: 10px; }

.kad-result-page #KADTilesComponent .banner-component {
  min-height: 400px !important; }

.kad-result-page .sustainability {
  padding-bottom: 25px; }

.kad-result-page #KAD_Save_LINK {
  text-decoration: none;
  color: #666666;
  border-bottom: 2px solid #f1be48;
  display: inline; }
  .kad-result-page #KAD_Save_LINK::before {
    content: '';
    background: url(/_ui/desktop/theme-keurig/images/afh/save-icon.svg) no-repeat 0 1px;
    height: 25px;
    width: 18px;
    float: left;
    background-size: 100%;
    margin-right: 9px;
    margin-top: 3px; }

.kad-result-page .kad-tiles-title {
  padding-left: 50px !important; }

.kad-result-page #KADTilesComponent .container-fields {
  padding-top: 0;
  padding-bottom: 10px; }

.kad-result-page #KDABrandComponent {
  margin-bottom: 0; }

.kad-result-page .banner-component .tile-image-container {
  height: auto !important; }

.kad-result-page .text-tile-component .container-tiles {
  padding-bottom: 35px; }

.kad-result-page .kad-video-container .columns:first-child .banner-component.top-left .aligned-content {
  padding-left: 0;
  padding-right: 50px;
  margin: 0; }

.kad-result-page .kad-video-container .columns .banner-component.top-left .aligned-content {
  padding-top: 0; }

.kad-result-page .text-tile-component .container-fields {
  padding-top: 0;
  padding-bottom: 0; }

.kad-result-page .text-image-container .flex-item.top-left {
  padding-top: 12px; }

.kad-result-page .text-image-container .flex-item.image-banner {
  padding-top: 30px;
  align-items: inherit; }

.kad-result-page .ContentKadOfficeSummaryComponent,
.kad-result-page .ContentKadHospitalitySummaryComponent,
.kad-result-page .ContentKadFoodServiceSummaryComponent,
.kad-result-page .ContentKadConvienceStoreSummaryComponent,
.kad-result-page .KadOfficeSummaryComponent,
.kad-result-page .KadHospitalitySummaryComponent,
.kad-result-page .KadFoodServiceSummaryComponent,
.kad-result-page .KadConvienceStoreSummaryComponent {
  height: auto; }

@media only screen and (min-width: 1200px) {
  /* Edge bug AFHECOM-1665 */
  .kad-result-page .text-tile-component .container-tiles {
    /* margin: 0 50px;*/ }
  .kad-result-page .text-tile-component .yCmsComponent.yComponentWrapper:not(:first-child) {
    margin: 0 0 0 4.8%; }
  .kad-result-page .DefaultKadSummaryComponent.text-image-container .flex-item.image-banner,
  .kad-result-page .KadOfficeSummaryComponent.text-image-container .flex-item.image-banner,
  .kad-result-page .KadEnvironmentSummaryComponent.text-image-container .flex-item.image-banner,
  .kad-result-page .KadHospitalitySummaryComponent.text-image-container .flex-item.image-banner,
  .kad-result-page .KadFoodServiceSummaryComponent.text-image-container .flex-item.image-banner,
  .kad-result-page .KadConvienceStoreSummaryComponent.text-image-container .flex-item.image-banner {
    padding-right: 50px; } }

@media only screen and (min-width: 768px) {
  .kad-result-page .DefaultKadSummaryComponent.text-image-container .flex-item.image-banner,
  .kad-result-page .KadOfficeSummaryComponent.text-image-container .flex-item.image-banner,
  .kad-result-page .KadEnvironmentSummaryComponent.text-image-container .flex-item.image-banner,
  .kad-result-page .KadHospitalitySummaryComponent.text-image-container .flex-item.image-banner,
  .kad-result-page .KadFoodServiceSummaryComponent.text-image-container .flex-item.image-banner,
  .kad-result-page .KadConvienceStoreSummaryComponent.text-image-container .flex-item.image-banner,
  .kad-result-page .ContentKadHospitalitySummaryComponent.text-image-container .flex-item.image-banner,
  .kad-result-page .ContentKadOfficeSummaryComponent.text-image-container .flex-item.image-banner,
  .kad-result-page .ContentKadFoodServiceSummaryComponent.text-image-container .flex-item.image-banner,
  .kad-result-page .ContentKadConvienceStoreSummaryComponent.text-image-container .flex-item.image-banner {
    padding-right: 25px; }
    .kad-result-page .DefaultKadSummaryComponent.text-image-container .flex-item.image-banner picture img,
    .kad-result-page .KadOfficeSummaryComponent.text-image-container .flex-item.image-banner picture img,
    .kad-result-page .KadEnvironmentSummaryComponent.text-image-container .flex-item.image-banner picture img,
    .kad-result-page .KadHospitalitySummaryComponent.text-image-container .flex-item.image-banner picture img,
    .kad-result-page .KadFoodServiceSummaryComponent.text-image-container .flex-item.image-banner picture img,
    .kad-result-page .KadConvienceStoreSummaryComponent.text-image-container .flex-item.image-banner picture img,
    .kad-result-page .ContentKadHospitalitySummaryComponent.text-image-container .flex-item.image-banner picture img,
    .kad-result-page .ContentKadOfficeSummaryComponent.text-image-container .flex-item.image-banner picture img,
    .kad-result-page .ContentKadFoodServiceSummaryComponent.text-image-container .flex-item.image-banner picture img,
    .kad-result-page .ContentKadConvienceStoreSummaryComponent.text-image-container .flex-item.image-banner picture img {
      height: auto; }
  .kad-result-page .DefaultKadSummaryComponent.text-image-container .flex-item.top-left,
  .kad-result-page .KadOfficeSummaryComponent.text-image-container .flex-item.top-left,
  .kad-result-page .KadEnvironmentSummaryComponent.text-image-container .flex-item.top-left,
  .kad-result-page .KadHospitalitySummaryComponent.text-image-container .flex-item.top-left,
  .kad-result-page .KadFoodServiceSummaryComponent.text-image-container .flex-item.top-left,
  .kad-result-page .KadConvienceStoreSummaryComponent.text-image-container .flex-item.top-left,
  .kad-result-page .ContentKadHospitalitySummaryComponent.text-image-container .flex-item.top-left,
  .kad-result-page .ContentKadOfficeSummaryComponent.text-image-container .flex-item.top-left,
  .kad-result-page .ContentKadFoodServiceSummaryComponent.text-image-container .flex-item.top-left,
  .kad-result-page .ContentKadConvienceStoreSummaryComponent.text-image-container .flex-item.top-left {
    padding-left: 25px; } }

@media only screen and (min-width: 1024px) {
  .kad-result-page .text-tile-component {
    padding: 0 40px; }
  .kad-result-page .kad-tiles-title {
    padding-left: 0px !important; }
  .kad-result-page #KADcStoreWayToServeComponent.text-tile-component .container-fields,
  .kad-result-page #KADLargeOfficeWayToServeComponent.text-tile-component .container-fields,
  .kad-result-page #KADFoodServiceWayToServeComponent.text-tile-component .container-fields,
  .kad-result-page #KADHospitalityWayToServeComponent.text-tile-component .container-fields,
  .kad-result-page #KADDefaultWayToServeTilesComponent.text-tile-component .container-fields {
    padding-bottom: 0; }
  .kad-result-page .DefaultKadSummaryComponent.text-image-container .flex-item.image-banner,
  .kad-result-page .KadOfficeSummaryComponent.text-image-container .flex-item.image-banner,
  .kad-result-page .KadEnvironmentSummaryComponent.text-image-container .flex-item.image-banner,
  .kad-result-page .KadHospitalitySummaryComponent.text-image-container .flex-item.image-banner,
  .kad-result-page .KadFoodServiceSummaryComponent.text-image-container .flex-item.image-banner,
  .kad-result-page .KadConvienceStoreSummaryComponent.text-image-container .flex-item.image-banner,
  .kad-result-page .ContentKadHospitalitySummaryComponent.text-image-container .flex-item.image-banner,
  .kad-result-page .ContentKadOfficeSummaryComponent.text-image-container .flex-item.image-banner,
  .kad-result-page .ContentKadFoodServiceSummaryComponent.text-image-container .flex-item.image-banner,
  .kad-result-page .ContentKadConvienceStoreSummaryComponent.text-image-container .flex-item.image-banner {
    padding-right: 50px; }
    .kad-result-page .DefaultKadSummaryComponent.text-image-container .flex-item.image-banner picture img,
    .kad-result-page .KadOfficeSummaryComponent.text-image-container .flex-item.image-banner picture img,
    .kad-result-page .KadEnvironmentSummaryComponent.text-image-container .flex-item.image-banner picture img,
    .kad-result-page .KadHospitalitySummaryComponent.text-image-container .flex-item.image-banner picture img,
    .kad-result-page .KadFoodServiceSummaryComponent.text-image-container .flex-item.image-banner picture img,
    .kad-result-page .KadConvienceStoreSummaryComponent.text-image-container .flex-item.image-banner picture img,
    .kad-result-page .ContentKadHospitalitySummaryComponent.text-image-container .flex-item.image-banner picture img,
    .kad-result-page .ContentKadOfficeSummaryComponent.text-image-container .flex-item.image-banner picture img,
    .kad-result-page .ContentKadFoodServiceSummaryComponent.text-image-container .flex-item.image-banner picture img,
    .kad-result-page .ContentKadConvienceStoreSummaryComponent.text-image-container .flex-item.image-banner picture img {
      height: auto; } }

@media only screen and (max-width: 1024px) {
  .kad-result-page #KADTilesComponent {
    padding: 20px 40px 0px 40px; }
  .kad-result-page .kad-tiles-title {
    padding-left: 20px !important; }
  .combo-radio-container .combo-radio-btn + label {
    width: 81% !important; } }

@media only screen and (max-width: 767px) {
  .kad-result-page .kad-tiles-title {
    padding-left: 0 !important; }
  .kad-result-page .kad-video-container {
    padding: 0 0 15px 0; }
  .kad-result-page #KADTilesComponent {
    padding: 0px 15px 0px 15px; }
  .kad-result-page .kad-video-container .columns:first-child .banner-component.top-left .aligned-content {
    padding-right: 0px; }
  .kad-result-page .text-tile-component .container-fields {
    padding-top: 0;
    padding-bottom: 0; } }

@media only screen and (max-width: 768px) {
  .kad-result-page #KADbannerComponent > picture, .kad-result-page #KDABrandComponent > picture {
    display: none !important; }
  .kad-result-page .kad-tiles-title {
    padding-left: 20px !important; }
  .kad-result-page #KADTilesComponent {
    padding: 20px 25px 0px 25px; }
  .kad-result-page .kad-video-container {
    padding: 0 12px 35px 12px; }
  .kad-result-page p#KAD-label-text3 + p,
  .kad-result-page p#KAD-label2-text3 + p,
  .kad-result-page p#KAD-label3-text3 + p,
  .kad-result-page p#KAD-label4-text3 + p {
    padding: 0 !important;
    margin: 0 !important; } }

@media only screen and (max-width: 400px) {
  .kad-result-page .kad-video-container .link-container a::before, .kad-result-page .kad-video-container #KAD_Save_LINK::before {
    margin-left: -25px;
    position: absolute; }
  .kad-result-page .kad-video-container .banner-component .link-container {
    text-align: center !important; }
  .kad-result-page #KADTilesComponent .banner-component {
    width: auto !important;
    padding: 15px !important;
    margin: 0; } }

.video-wrapper .video-container {
  object-fit: cover; }

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  background-size: cover; }

.away-from-home .s7mixedmediaviewer .s7fullscreenbutton {
  bottom: 0 !important;
  right: 0 !important; }

.away-from-home #s7viewer_fullScreenButton[selected='true'] {
  bottom: 50px !important; }

@media screen and (max-width: 767px) {
  .coupon-detail {
    min-width: unset !important;
    margin-right: 6px !important; }
  .discount-section .title {
    display: table !important; }
  .combo-radio-container .combo-radio-btn + label {
    width: 81% !important; }
  .away-from-home #s7viewer_fullScreenButton[selected='true'] {
    bottom: 50px !important;
    right: 0 !important; } }

.info-icon {
  cursor: pointer; }

#DYSOfficeSpaceComponent.text-tile-component p {
  padding-left: 0 !important; }

#HandPicked_Catered_ConvenienceTileOverBannerComponent.text-tile-component .container-tiles, #DYSOfficeSpaceComponent.text-tile-component .container-tiles {
  padding-bottom: 30px; }
  #HandPicked_Catered_ConvenienceTileOverBannerComponent.text-tile-component .container-tiles .banner-component .tile-image-container, #DYSOfficeSpaceComponent.text-tile-component .container-tiles .banner-component .tile-image-container {
    height: auto; }

.CLP_Brewer_UpgradeYourBreakRoomTextImageComponent {
  margin-top: 20px; }

#TrainedExpert_OnSite_Flexible_TileOverBannerComponent.text-tile-component .container-tiles .banner-component .tile-image-container {
  height: auto; }

#TrainedExpert_OnSite_Flexible_TileOverBannerComponent .container-fields {
  padding: 0px; }

@media screen and (min-width: 767px) and (max-width: 1023px) {
  .usafh-content-wrapper .HOME_Page_UpgradeYourBreakRoomTextImageComponent.text-image-container .flex-item.top-left {
    padding: 15px 30px 0 30px; } }

@media screen and (min-width: 768px) {
  #LoreamIpsumTileOverBannerComponent .container-tiles {
    padding-bottom: 0; }
  #LoreamIpsumTileOverBannerComponent section {
    height: auto !important; }
  .LOREAMSitrAmentImageComponent1.text-image-container {
    margin-bottom: 20px; } }

.banner-component {
  background-color: #d2d2d2;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 600px;
  display: flex;
  font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif, helvetica, arial;
  margin-bottom: 12px; }
  @media (max-width: 480px) {
    .banner-component {
      height: auto;
      min-height: 200px; } }
  .banner-component > picture {
    display: none !important; }
  @media (max-width: 480px) {
    .banner-component .tile-image-container {
      text-align: center !important; } }
  @media (max-width: 480px) {
    .banner-component p {
      text-align: center !important; } }
  @media (max-width: 480px) {
    .banner-component a {
      text-align: center !important; } }
  @media (max-width: 480px) {
    .banner-component .buttonFieldWrap {
      text-align: center !important; } }
  .banner-component .aligned-content {
    max-width: 1200px;
    width: 1200px;
    margin: 0 auto; }
    @media (max-width: 480px) {
      .banner-component .aligned-content {
        max-width: 100%; } }
    @media (max-width: 480px) {
      .banner-component .aligned-content .inner-container {
        width: 100% !important; } }
    .banner-component .aligned-content.aligned-content--v-alignment-solo .inner-container {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-start; }
    .banner-component .aligned-content.aligned-content--v-alignment-solo .item.item--position-top + .item.item--position-bottom,
    .banner-component .aligned-content.aligned-content--v-alignment-solo .item.item--position-center + .item.item--position-bottom,
    .banner-component .aligned-content.aligned-content--v-alignment-solo .item.item--position-top + .item.item.item--position-center,
    .banner-component .aligned-content.aligned-content--v-alignment-solo .item.item--position-center:first-child,
    .banner-component .aligned-content.aligned-content--v-alignment-solo .item.item--position-bottom:first-child {
      margin-top: auto; }
    .banner-component .aligned-content.aligned-content--v-alignment-solo .item.item--position-center ~ .item.item--position-top:last-child,
    .banner-component .aligned-content.aligned-content--v-alignment-solo .item.item--position-center:last-child {
      margin-bottom: auto; }
    .banner-component .aligned-content.aligned-content--v-alignment-solo .item.item--position-bottom ~ .item,
    .banner-component .aligned-content.aligned-content--v-alignment-solo .item.item--position-bottom:first-child ~ .item--position-bottom {
      margin-top: unset !important;
      margin-bottom: unset !important; }
  .banner-component.top-right, .banner-component.not_applicable-right {
    flex-flow: row-reverse; }
    .banner-component.top-right .aligned-content, .banner-component.not_applicable-right .aligned-content {
      align-items: flex-end;
      justify-content: flex-start;
      text-align: right;
      padding: 50px 50px 0 0; }
      @media (max-width: 480px) {
        .banner-component.top-right .aligned-content, .banner-component.not_applicable-right .aligned-content {
          align-items: center;
          width: 100%;
          text-align: center;
          padding-left: 10px;
          padding-right: 10px; } }
  .banner-component.top-left, .banner-component.not_applicable-left {
    flex-flow: row; }
    .banner-component.top-left .aligned-content, .banner-component.not_applicable-left .aligned-content {
      padding: 50px 0 0 50px;
      align-items: flex-start;
      justify-content: flex-start;
      text-align: left; }
      @media (max-width: 480px) {
        .banner-component.top-left .aligned-content, .banner-component.not_applicable-left .aligned-content {
          align-items: center;
          width: 100%;
          text-align: center;
          padding-left: 10px;
          padding-right: 10px; } }
  .banner-component.top-center .aligned-content, .banner-component.not_applicable-center .aligned-content {
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    width: 100%;
    padding: 50px 0 0 0; }
    @media (max-width: 480px) {
      .banner-component.top-center .aligned-content, .banner-component.not_applicable-center .aligned-content {
        align-items: center;
        width: 100%;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px; } }
  .banner-component.center-left .aligned-content {
    align-items: flex-start;
    justify-content: center;
    text-align: left;
    width: 100%;
    padding: 0 0 0 50px; }
    @media (max-width: 480px) {
      .banner-component.center-left .aligned-content {
        align-items: center;
        width: 100%;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px; } }
  .banner-component.center-right .aligned-content {
    align-items: flex-end;
    justify-content: center;
    text-align: right;
    width: 100%;
    padding: 0 50px 0 0; }
    @media (max-width: 480px) {
      .banner-component.center-right .aligned-content {
        align-items: center;
        width: 100%;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px; } }
  .banner-component.center-center .aligned-content {
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    padding: 0 50px; }
    @media (max-width: 480px) {
      .banner-component.center-center .aligned-content {
        align-items: center;
        width: 100%;
        text-align: center;
        padding-left: 15px;
        padding-right: 15px; } }
  .banner-component.bottom-left .aligned-content {
    align-items: flex-start;
    justify-content: flex-end;
    text-align: left;
    width: 100%;
    padding: 0 0 0 50px; }
    @media (max-width: 480px) {
      .banner-component.bottom-left .aligned-content {
        align-items: center;
        width: 100%;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px; } }
  .banner-component.bottom-right .aligned-content {
    align-items: flex-end;
    justify-content: flex-end;
    text-align: right;
    width: 100%;
    padding: 0 50px 0 0; }
    @media (max-width: 480px) {
      .banner-component.bottom-right .aligned-content {
        align-items: center;
        width: 100%;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px; } }
  .banner-component.bottom-center .aligned-content {
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    width: 100%;
    padding: 0 50px; }
    @media (max-width: 480px) {
      .banner-component.bottom-center .aligned-content {
        align-items: center;
        width: 100%;
        text-align: center;
        padding-left: 15px;
        padding-right: 15px; } }
  .banner-component .text-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center; }
    .banner-component .text-container p {
      margin-top: 0;
      margin-bottom: 10px;
      line-height: 1.2; }
      .banner-component .text-container p a {
        font-family: inherit;
        font-size: inherit; }
    .banner-component .text-container a {
      color: #333333;
      font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif, helvetica, arial;
      font-size: 12px;
      letter-spacing: 1px;
      line-height: 20px;
      text-decoration: underline; }
      .banner-component .text-container a.cms-btn {
        width: 177px;
        border-radius: 2px;
        background-color: #f1be48;
        color: #333333;
        font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif, helvetica, arial;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 1px;
        line-height: 18px;
        text-align: center;
        margin-bottom: 10px;
        text-decoration: none;
        cursor: pointer;
        padding: 9px 5px;
        height: 40px;
        border: 2px solid transparent; }
        .banner-component .text-container a.cms-btn:hover {
          cursor: pointer;
          background: #2f4053;
          color: #fff; }
        .banner-component .text-container a.cms-btn.large {
          max-width: 230px;
          width: 230px; }
        .banner-component .text-container a.cms-btn.medium {
          max-width: 177px;
          width: 177px; }
        .banner-component .text-container a.cms-btn.small {
          max-width: 120px;
          width: 120px; }
        .banner-component .text-container a.cms-btn.btn-grey {
          background: 0 0;
          border: 2px solid transparent; }
          .banner-component .text-container a.cms-btn.btn-grey:hover {
            cursor: pointer;
            border-color: transparent; }
        .banner-component .text-container a.cms-btn:last-child {
          margin-right: 0; }
  .banner-component .link-container {
    margin-bottom: 15px; }
  .banner-component--full-bleed {
    width: 100vw; }

.buttonFieldWrap {
  max-width: 100%; }
  .buttonFieldWrap * {
    display: inline-block; }
  .buttonFieldWrap.btnWrap-left {
    margin-left: -10px; }
  .buttonFieldWrap.btnWrap-right {
    margin-right: -10px; }
  .buttonFieldWrap.btnWrap-center {
    margin-right: -10px; }
  .buttonFieldWrap .btn-container {
    margin-top: 10px; }
    .buttonFieldWrap .btn-container.btn-center {
      margin-right: 10px; }
    .buttonFieldWrap .btn-container.btn-left {
      margin-left: 10px; }
    .buttonFieldWrap .btn-container.btn-right {
      margin-right: 10px; }

.text-image-container {
  padding: 0;
  margin: 0;
  display: flex;
  width: 100%;
  height: 44vw;
  margin-bottom: 12px;
  max-height: 600px; }
  @media (max-width: 767px) {
    .text-image-container {
      height: auto;
      max-height: none; } }
  .text-image-container.tic-right {
    flex-direction: row; }
    @media (max-width: 767px) {
      .text-image-container.tic-right {
        flex-direction: column; } }
  .text-image-container.tic-left {
    flex-direction: row-reverse; }
    @media (max-width: 767px) {
      .text-image-container.tic-left {
        flex-direction: column; } }
  @media (max-width: 767px) {
    .text-image-container {
      flex-direction: column; } }
  .text-image-container .flex-item {
    letter-spacing: 0.5px;
    line-height: 20px;
    font-family: "MarkOT-Bold", Helvetica, Arial, sans-serif, helvetica, arial;
    line-height: 150px;
    color: #333333;
    line-height: 20px;
    font-size: 12px;
    text-align: center; }
    .text-image-container .flex-item.foreground-text {
      text-align: center;
      align-items: center;
      justify-content: center;
      position: absolute !important;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: transparent !important; }
    .text-image-container .flex-item a {
      cursor: pointer;
      color: #333333;
      font-size: 12px;
      text-decoration: underline;
      line-height: 20px;
      font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif, helvetica, arial;
      margin: 0 0 10px 0;
      display: inline-block; }
      .text-image-container .flex-item a.cms-btn {
        width: 177px;
        border-radius: 2px;
        background-color: #f1be48;
        color: #333333;
        font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif, helvetica, arial;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 1px;
        line-height: 18px;
        text-align: center;
        margin-right: 10px;
        margin-bottom: 10px;
        text-decoration: none;
        cursor: pointer;
        padding: 9px 5px;
        height: 40px;
        border: 2px solid transparent; }
        .text-image-container .flex-item a.cms-btn:hover {
          cursor: pointer;
          background: #2f4053;
          color: #fff; }
        .text-image-container .flex-item a.cms-btn.large {
          max-width: 230px;
          width: 230px; }
        .text-image-container .flex-item a.cms-btn.medium {
          max-width: 177px;
          width: 177px; }
        .text-image-container .flex-item a.cms-btn.small {
          max-width: 120px;
          width: 120px; }
        .text-image-container .flex-item a.cms-btn.btn-grey {
          background: 0 0;
          border: 2px solid transparent; }
          .text-image-container .flex-item a.cms-btn.btn-grey:hover {
            cursor: pointer;
            border-color: transparent; }
        .text-image-container .flex-item a.cms-btn:last-child {
          margin-right: 0; }
    .text-image-container .flex-item p {
      font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif, helvetica, arial;
      margin: 0 0 10px 0;
      font-size: 16px;
      line-height: 1.2; }
      .text-image-container .flex-item p a {
        cursor: pointer;
        text-decoration: underline;
        font-family: inherit;
        font-size: inherit; }
    .text-image-container .flex-item.top-right {
      text-align: right;
      justify-content: flex-start;
      padding: 50px 50px 0 50px;
      align-items: flex-end; }
      @media (max-width: 767px) {
        .text-image-container .flex-item.top-right {
          width: 100%;
          padding: 30px 10px 30px;
          text-align: center;
          align-items: center; } }
    .text-image-container .flex-item.top-left {
      text-align: left;
      align-items: flex-start;
      justify-content: flex-start;
      padding: 50px 50px 0 50px; }
      @media (max-width: 767px) {
        .text-image-container .flex-item.top-left {
          width: 100%;
          text-align: center;
          padding: 30px 10px 30px;
          align-items: center; } }
    .text-image-container .flex-item.top-center {
      text-align: center;
      justify-content: flex-start;
      padding: 50px 0;
      align-items: center; }
      @media (max-width: 767px) {
        .text-image-container .flex-item.top-center {
          width: 100%;
          text-align: center;
          padding: 30px 10px 30px;
          align-items: center; } }
    .text-image-container .flex-item.center-left {
      text-align: left;
      align-items: flex-start;
      justify-content: center;
      padding: 0 50px 0 50px; }
      @media (max-width: 767px) {
        .text-image-container .flex-item.center-left {
          width: 100%;
          text-align: center;
          padding: 30px 10px;
          align-items: center;
          justify-content: center; } }
    .text-image-container .flex-item.center-center {
      justify-content: center;
      text-align: center;
      align-items: center;
      padding: 0 10px; }
      @media (max-width: 767px) {
        .text-image-container .flex-item.center-center {
          width: 100%;
          text-align: center;
          padding: 30px 10px;
          align-items: center;
          justify-content: center; } }
    .text-image-container .flex-item.center-right {
      justify-content: center;
      text-align: right;
      align-items: flex-end;
      padding: 0 50px 0 50px; }
      @media (max-width: 767px) {
        .text-image-container .flex-item.center-right {
          width: 100%;
          text-align: center;
          padding: 30px 10px;
          align-items: center;
          justify-content: center; } }
    .text-image-container .flex-item.image-banner {
      height: 100%;
      width: 100%;
      margin: auto;
      align-items: center;
      justify-content: center;
      display: flex; }
      @media (max-width: 767px) {
        .text-image-container .flex-item.image-banner {
          order: 1;
          width: 100% !important;
          height: auto;
          margin: 0;
          align-items: stretch; } }
      @media (max-width: 480px) {
        .text-image-container .flex-item.image-banner {
          height: 100%; } }
      .text-image-container .flex-item.image-banner picture {
        height: auto;
        max-height: 100%;
        overflow: hidden; }
        @media (max-width: 767px) {
          .text-image-container .flex-item.image-banner picture {
            max-height: auto;
            flex: 1; } }
        .text-image-container .flex-item.image-banner picture img {
          margin: auto;
          display: block;
          width: 100%;
          height: 100%; }
          @media (max-width: 767px) {
            .text-image-container .flex-item.image-banner picture img {
              height: auto; } }
    .text-image-container .flex-item.with-foreground-text {
      position: relative; }
    .text-image-container .flex-item.text-banner {
      background: #fff;
      width: 100%;
      display: flex;
      flex-direction: column;
      position: relative; }
      .text-image-container .flex-item.text-banner > *:not(picture) {
        position: relative; }
      .text-image-container .flex-item.text-banner img {
        width: 100%;
        height: 100%; }
      @media (max-width: 767px) {
        .text-image-container .flex-item.text-banner {
          order: 2;
          width: 100% !important; } }
      .text-image-container .flex-item.text-banner .yCmsComponent {
        max-width: 100%; }
    @media (max-width: 767px) {
      .text-image-container .flex-item.with-container-image {
        min-height: 100vw;
        flex-shrink: 0; } }
    .text-image-container .flex-item.with-container-image > picture {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
      @media (min-width: 768px) {
        .text-image-container .flex-item.with-container-image > picture {
          max-height: 100%;
          overflow: hidden; } }

.hero-banner.rotating-image .slick-track .slick-slide .text-image-container {
  margin-bottom: 0; }

.text-tile-component {
  background-color: #d2d2d2;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 600px;
  font-family: MarkOT-Regular, helvetica, arial;
  margin-bottom: 12px; }
  @media screen and (max-width: 1023px) {
    .text-tile-component {
      width: 100% !important; } }
  .text-tile-component p {
    margin: 0 0 10px 0;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 1.2; }
  .text-tile-component .container-fields {
    padding-top: 50px;
    padding-bottom: 40px;
    max-width: 1200px;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .text-tile-component .container-fields {
        max-width: 100%; } }
    .text-tile-component .container-fields a {
      color: #333333;
      font-family: MarkOT-Regular, helvetica, arial;
      font-size: 16px;
      line-height: 16px;
      text-decoration: underline; }
  .text-tile-component .container-tiles {
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-evenly !important;
    flex: 1 1 0;
    padding-bottom: 120px;
    max-width: 1200px;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .text-tile-component .container-tiles {
        max-width: 100%; } }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .text-tile-component .container-tiles {
        display: flex;
        flex-flow: row wrap;
        justify-content: center !important;
        flex: 1 1 0; } }
    .text-tile-component .container-tiles .banner-component {
      min-height: 100%;
      height: 100%;
      margin-bottom: 20px;
      width: 225px;
      padding: 12.5px 0;
      margin: 0 5px;
      background-color: transparent; }
      .text-tile-component .container-tiles .banner-component .text-container {
        display: initial;
        padding: 0; }
      .text-tile-component .container-tiles .banner-component .tile-image-container {
        margin-bottom: 30px;
        height: 200px; }
      .text-tile-component .container-tiles .banner-component p {
        line-height: 1.5; }
      .text-tile-component .container-tiles .banner-component .buttonFieldWrap.btnWrap-left {
        margin-left: 0; }
      .text-tile-component .container-tiles .banner-component .buttonFieldWrap.btnWrap-right {
        margin-right: 0; }
      .text-tile-component .container-tiles .banner-component .buttonFieldWrap.btnWrap-center {
        margin-right: 0; }
      .text-tile-component .container-tiles .banner-component .buttonFieldWrap .btn-container {
        margin-top: 10px; }
        .text-tile-component .container-tiles .banner-component .buttonFieldWrap .btn-container.btn-center {
          margin-right: 0; }
        .text-tile-component .container-tiles .banner-component .buttonFieldWrap .btn-container.btn-left {
          margin-left: 0; }
        .text-tile-component .container-tiles .banner-component .buttonFieldWrap .btn-container.btn-right {
          margin-right: 0; }
  .text-tile-component.three-column-tiles-parent {
    background-color: transparent;
    min-height: auto;
    height: auto;
    margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      .text-tile-component.three-column-tiles-parent {
        min-height: 200px; } }
    .text-tile-component.three-column-tiles-parent .container-tiles.responsive-tiles {
      height: auto;
      padding-bottom: 0;
      flex-wrap: wrap;
      flex: 1 0 0;
      margin: 6px 0; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .text-tile-component.three-column-tiles-parent .container-tiles.responsive-tiles {
          flex-wrap: wrap;
          margin: 0; } }
      @media screen and (min-width: 1025px) {
        .text-tile-component.three-column-tiles-parent .container-tiles.responsive-tiles {
          flex-wrap: nowrap;
          margin: 0; } }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .text-tile-component.three-column-tiles-parent .container-tiles.responsive-tiles.evenGrid .flexitems.fiftyBasis {
          flex: 1 0 49%;
          max-width: 50%; }
          .text-tile-component.three-column-tiles-parent .container-tiles.responsive-tiles.evenGrid .flexitems.fiftyBasis:nth-child(even) {
            margin-right: 0;
            margin-left: 6px; }
          .text-tile-component.three-column-tiles-parent .container-tiles.responsive-tiles.evenGrid .flexitems.fiftyBasis:nth-child(odd) {
            margin-left: 0;
            margin-right: 6px; } }
      .text-tile-component.three-column-tiles-parent .container-tiles.responsive-tiles .flexitems {
        flex: 1 0 0px;
        margin: 0px 6px 12px 6px; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .text-tile-component.three-column-tiles-parent .container-tiles.responsive-tiles .flexitems {
            flex: 1 0 32%;
            margin-left: 0px;
            margin-right: 12px; }
            .text-tile-component.three-column-tiles-parent .container-tiles.responsive-tiles .flexitems:nth-child(3n) {
              margin-right: 0; }
            .text-tile-component.three-column-tiles-parent .container-tiles.responsive-tiles .flexitems:last-child {
              margin-right: 0; } }
        @media screen and (max-width: 767px) {
          .text-tile-component.three-column-tiles-parent .container-tiles.responsive-tiles .flexitems {
            flex: 1 0 auto;
            width: 100%;
            margin: 0px 0px 12px 0px; } }
        @media screen and (min-width: 1025px) {
          .text-tile-component.three-column-tiles-parent .container-tiles.responsive-tiles .flexitems:first-child {
            margin-left: 0; }
          .text-tile-component.three-column-tiles-parent .container-tiles.responsive-tiles .flexitems:last-child {
            margin-right: 0; } }
        .text-tile-component.three-column-tiles-parent .container-tiles.responsive-tiles .flexitems .banner-component {
          width: auto;
          margin: 0;
          padding: 0px !important; }
          .text-tile-component.three-column-tiles-parent .container-tiles.responsive-tiles .flexitems .banner-component .text-container {
            display: flex;
            padding: 20px !important; }
            .text-tile-component.three-column-tiles-parent .container-tiles.responsive-tiles .flexitems .banner-component .text-container a.cms-btn {
              max-width: 177px; }
              .text-tile-component.three-column-tiles-parent .container-tiles.responsive-tiles .flexitems .banner-component .text-container a.cms-btn.small {
                max-width: 120px; }
          @media screen and (max-width: 767px) {
            .text-tile-component.three-column-tiles-parent .container-tiles.responsive-tiles .flexitems .banner-component {
              min-height: 200px;
              height: auto;
              margin: 0; } }
    @media screen and (max-width: 767px) {
      .text-tile-component.three-column-tiles-parent {
        min-height: auto; }
        .text-tile-component.three-column-tiles-parent .container-tiles.responsive-tiles {
          min-height: 200px; }
          .text-tile-component.three-column-tiles-parent .container-tiles.responsive-tiles .flexitems .banner-component {
            height: auto !important;
            min-height: 200px;
            margin-left: 0;
            margin-right: 0; }
        .text-tile-component.three-column-tiles-parent .tile-image-container img {
          max-height: 100%; } }

.image-text-component {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  display: flex;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 12px; }
  .image-text-component .stacked-container {
    font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
    color: #333;
    letter-spacing: 0.5px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    display: flex;
    margin: 0 auto;
    padding: 35px 0; }
    @media screen and (max-width: 767px) {
      .image-text-component .stacked-container {
        padding: 15px 0; } }
    .image-text-component .stacked-container.center {
      justify-content: center;
      align-items: center; }
    @media screen and (max-width: 767px) {
      .image-text-component .stacked-container .align-content {
        padding-left: 10px;
        padding-right: 10px; } }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .image-text-component .stacked-container .align-content {
        padding-left: 30px;
        padding-right: 30px; } }
    .image-text-component .stacked-container .align-content img {
      margin-bottom: 15px;
      margin-top: 15px; }
    .image-text-component .stacked-container .align-content .buttonFieldWrap {
      text-align: center;
      margin: 0 auto 0 auto; }
      .image-text-component .stacked-container .align-content .buttonFieldWrap.large {
        max-width: 670px; }
      .image-text-component .stacked-container .align-content .buttonFieldWrap.medium {
        max-width: 460px; }
      .image-text-component .stacked-container .align-content .buttonFieldWrap.small {
        max-width: 360px; }
      .image-text-component .stacked-container .align-content .buttonFieldWrap a {
        cursor: pointer;
        color: #333333;
        color: orange;
        font-size: 12px;
        text-decoration: underline;
        line-height: 20px;
        font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif, helvetica, arial;
        margin: 0;
        display: inline-block; }
        .image-text-component .stacked-container .align-content .buttonFieldWrap a.cms-btn {
          width: 177px;
          border-radius: 2px;
          background-color: #f1be48;
          color: #333333;
          font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif, helvetica, arial;
          font-size: 14px;
          font-weight: 500;
          letter-spacing: 1px;
          line-height: 18px;
          text-align: center;
          margin-right: 10px;
          text-decoration: none;
          cursor: pointer;
          padding: 9px 5px;
          height: 40px;
          border: 2px solid transparent; }
          .image-text-component .stacked-container .align-content .buttonFieldWrap a.cms-btn:hover {
            cursor: pointer;
            background: #2f4053;
            color: #fff; }
          .image-text-component .stacked-container .align-content .buttonFieldWrap a.cms-btn.large {
            max-width: 230px;
            width: 230px; }
          .image-text-component .stacked-container .align-content .buttonFieldWrap a.cms-btn.medium {
            max-width: 177px;
            width: 177px; }
          .image-text-component .stacked-container .align-content .buttonFieldWrap a.cms-btn.small {
            max-width: 120px;
            width: 120px; }
          .image-text-component .stacked-container .align-content .buttonFieldWrap a.cms-btn.btn-grey {
            background: 0 0;
            border: 2px solid transparent; }
            .image-text-component .stacked-container .align-content .buttonFieldWrap a.cms-btn.btn-grey:hover {
              cursor: pointer;
              border-color: transparent; }
          .image-text-component .stacked-container .align-content .buttonFieldWrap a.cms-btn:last-child {
            margin-right: 0; }
            @media screen and (max-width: 767px) {
              .image-text-component .stacked-container .align-content .buttonFieldWrap a.cms-btn:last-child {
                margin-right: 10px; } }
    .image-text-component .stacked-container .align-content p {
      font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
      margin: 15px auto 15px;
      font-size: 16px;
      line-height: 1;
      width: 70%; }
      .image-text-component .stacked-container .align-content p a {
        cursor: pointer;
        text-decoration: underline;
        font-family: inherit;
        font-size: inherit; }
    .image-text-component .stacked-container .align-content a {
      cursor: pointer;
      color: #333;
      text-decoration: underline;
      margin: 15px 0 15px 0;
      display: inline-block; }
    .image-text-component .stacked-container .align-content .buttonFieldWrap .btn-container {
      margin-top: 15px;
      margin-bottom: 15px;
      margin-left: 5px;
      margin-right: 5px; }

.structured-popup {
  padding: 40px 10px 50px 10px;
  width: calc(100% - 20px); }
  @media screen and (min-width: 768px) {
    .structured-popup {
      padding: 38px 20px 30px 20px;
      max-width: 590px; } }
  .structured-popup .popup-text .yCmsComponent p {
    text-align: center;
    color: #333333; }
  .structured-popup .popup-text .yCmsComponent:nth-child(1) p {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
    font-family: "MarkOT-Bold", Helvetica, Arial, sans-serif; }
    @media screen and (min-width: 768px) {
      .structured-popup .popup-text .yCmsComponent:nth-child(1) p {
        margin-bottom: 17px; } }
  .structured-popup .popup-text .yCmsComponent:nth-child(2) p {
    font-size: 12px;
    line-height: 15px;
    font-family: "MarkOT-Italic", Helvetica, Arial, sans-serif;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      .structured-popup .popup-text .yCmsComponent:nth-child(2) p {
        margin-bottom: 0; } }
    .structured-popup .popup-text .yCmsComponent:nth-child(2) p a {
      text-decoration: underline; }
  .structured-popup .content-style {
    text-align: left;
    font-style: italic; }

/*header*/
/* Cancel Remediation Modal */
.video-wrapper {
  display: block;
  max-width: 1200px;
  height: 100%;
  position: relative;
  width: 100%; }
  .video-wrapper .plyr__video-wrapper,
  .video-wrapper .plyr--video,
  .video-wrapper .plyr__poster {
    background-color: transparent !important; }
  .video-wrapper p {
    margin: 0; }
  .video-wrapper .thumbnailImg.hide {
    display: none; }
  .video-wrapper .plyr--video {
    height: 100%;
    position: static;
    z-index: 0; }
    .video-wrapper .plyr--video.plyr--is-ios .plyr__volume {
      display: flex !important; }
    @media screen and (max-width: 767px) {
      .video-wrapper .plyr--video {
        position: relative; } }
  .video-wrapper .plyr__video-wrapper {
    height: 100%; }
  .video-wrapper .plyr [hidden] {
    display: block !important; }
  .video-wrapper .plyr:-moz-full-screen video {
    widows: 100%;
    max-width: 100%;
    max-height: 100%;
    height: 100%; }
  .video-wrapper .video-container {
    width: 100%;
    height: 100%; }
  .video-wrapper .text-container {
    position: absolute;
    top: 0;
    height: 85%;
    width: 100%;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .video-wrapper .text-container {
        position: static;
        height: auto; } }
    .video-wrapper .text-container.aligned-content {
      padding-top: 0px;
      padding-bottom: 0px;
      justify-content: space-between; }
      @media screen and (max-width: 767px) {
        .video-wrapper .text-container.aligned-content {
          justify-content: flex-start; } }
    .video-wrapper .text-container .content-container {
      height: 85%; }
    .video-wrapper .text-container .video-top-container {
      height: 58.82%; }
    .video-wrapper .text-container .video-bottom-container {
      height: 27.06%; }
      @media screen and (max-width: 767px) {
        .video-wrapper .text-container .video-bottom-container {
          overflow: unset; } }
    .video-wrapper .text-container .video-content-areas {
      width: 100%; }
    .video-wrapper .text-container .video-top-container, .video-wrapper .text-container .video-bottom-container {
      z-index: 1;
      overflow: hidden;
      display: flex;
      flex-direction: column; }
      @media screen and (max-width: 767px) {
        .video-wrapper .text-container .video-top-container, .video-wrapper .text-container .video-bottom-container {
          margin-bottom: 0;
          height: auto; } }
      .video-wrapper .text-container .video-top-container.top, .video-wrapper .text-container .video-bottom-container.top {
        justify-content: flex-start; }
      .video-wrapper .text-container .video-top-container.center, .video-wrapper .text-container .video-bottom-container.center {
        justify-content: center; }
      .video-wrapper .text-container .video-top-container.bottom, .video-wrapper .text-container .video-bottom-container.bottom {
        justify-content: flex-end; }
  @media screen and (min-width: 768px) {
    .video-wrapper .large-play-button-section.d-md-block {
      display: block; }
    .video-wrapper .large-play-button-section.d-md-none {
      display: none; } }
  .video-wrapper .plyr__controls {
    transform: translateY(0) !important; }
  .video-wrapper .plyr--paused .plyr__controls {
    display: flex;
    opacity: 1; }
  .video-wrapper .plyr--paused.plyr--stopped .plyr__controls {
    padding: 0 5px;
    display: none;
    opacity: 0;
    pointer-events: none; }
  .video-wrapper .plyr--paused.plyr--stopped .plyr__control--overlaid {
    display: block;
    height: auto; }
    @media screen and (min-width: 768px) {
      .video-wrapper .plyr--paused.plyr--stopped .plyr__control--overlaid {
        top: 56%; } }

.mobile-view .video-wrapper {
  display: flex;
  flex-direction: column; }
  .mobile-view .video-wrapper .plyr--video {
    position: relative; }
  .mobile-view .video-wrapper .plyr--video, .mobile-view .video-wrapper .plyr__video-wrapper {
    height: auto; }
  .mobile-view .video-wrapper .plyr--paused.plyr--stopped .plyr__control--overlaid {
    padding: 15px !important;
    height: auto;
    top: 50%; }
  .mobile-view .video-wrapper .text-container {
    position: static;
    height: auto;
    min-height: 200px; }
    @media screen and (min-width: 768px) {
      .mobile-view .video-wrapper .text-container {
        min-height: 0; } }
    .mobile-view .video-wrapper .text-container.aligned-content {
      justify-content: flex-start; }
  .mobile-view .video-wrapper .video-top-container, .mobile-view .video-wrapper .video-bottom-container {
    width: 100%;
    margin-bottom: 0px;
    height: auto;
    overflow: visible; }
  .mobile-view .video-wrapper.banner-component {
    height: auto; }

.plyr--video {
  z-index: 1; }

.plyr:-webkit-full-screen video {
  max-height: 100% !important;
  max-width: 100% !important; }

.plyr__controls__item.plyr__volume {
  flex: 0;
  min-width: 28px;
  max-width: 28px; }

.plyr--full-ui input[type=range] {
  color: #F9C606; }

.plyr__volume .plyr__control {
  padding: 5px; }

.plyr__volume input[type=range] {
  position: absolute;
  transform: rotate(-90deg);
  width: 0;
  bottom: 23px;
  left: 0px;
  opacity: 0;
  -webkit-transition: width 1s;
  transition: width 1s;
  transform-origin: 7px;
  -webkit-transform-origin: 7px;
  -ms-transform-origin: 7px; }

.plyr--video .plyr__control {
  padding: 0 5px; }
  .plyr--video .plyr__control.plyr__control--overlaid {
    padding: 15px;
    top: 56%; }
    .plyr--video .plyr__control.plyr__control--overlaid:hover, .plyr--video .plyr__control.plyr__control--overlaid:focus, .plyr--video .plyr__control.plyr__control--overlaid:active {
      background-color: rgba(0, 0, 0, 0.4); }
  .plyr--video .plyr__control.loop img {
    width: 22px;
    height: 22px; }
  .plyr--video .plyr__control img {
    width: 18px;
    height: 18px; }
  .plyr--video .plyr__control .hover-icons,
  .plyr--video .plyr__control .icon--pressed.nonhover-icons {
    display: none; }
  .plyr--video .plyr__control .nonhover-icons {
    display: block; }
  .plyr--video .plyr__control.plyr__control--pressed .icon--pressed.nonhover-icons {
    display: block; }
  .plyr--video .plyr__control.plyr__control--pressed .icon--not-pressed {
    display: none !important; }
  .plyr--video .plyr__control.plyr__control--pressed:hover .icon--pressed.hover-icons {
    display: block; }
  .plyr--video .plyr__control.plyr__control--pressed:hover .icon--pressed.nonhover-icons {
    display: none; }
  .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
    background-color: transparent; }
    .plyr--video .plyr__control.plyr__tab-focus .hover-icons, .plyr--video .plyr__control:hover .hover-icons, .plyr--video .plyr__control[aria-expanded=true] .hover-icons {
      display: block; }
    .plyr--video .plyr__control.plyr__tab-focus .nonhover-icons,
    .plyr--video .plyr__control.plyr__tab-focus .icon--pressed.hover-icons,
    .plyr--video .plyr__control.plyr__tab-focus .icon--pressed.nonhover-icons, .plyr--video .plyr__control:hover .nonhover-icons,
    .plyr--video .plyr__control:hover .icon--pressed.hover-icons,
    .plyr--video .plyr__control:hover .icon--pressed.nonhover-icons, .plyr--video .plyr__control[aria-expanded=true] .nonhover-icons,
    .plyr--video .plyr__control[aria-expanded=true] .icon--pressed.hover-icons,
    .plyr--video .plyr__control[aria-expanded=true] .icon--pressed.nonhover-icons {
      display: none; }

.plyr--video .plyr__controls {
  background: rgba(0, 0, 0, 0.2);
  height: 56px;
  padding: 20px 13px; }

.plyr--video .plyr__progress__container input[type=range]::-webkit-slider-runnable-track {
  height: 2px; }

.plyr--video .plyr__progress__container input[type=range]::-webkit-slider-thumb, .plyr--video .plyr__progress__container input[type=range] #thumb {
  display: none; }

.plyr--video .plyr__progress__container input[type=range]::-moz-range-track {
  height: 2px; }

.plyr--video .plyr__progress__container input[type=range]::-moz-range-progress {
  height: 2px; }

.plyr--video .plyr__progress__container input[type=range]::-moz-range-thumb, .plyr--video .plyr__progress__container input[type=range] #thumb {
  display: none;
  visibility: hidden; }

.plyr--video .plyr__progress__container input[type=range]::-ms-track {
  height: 2px; }

.plyr--video .plyr__progress__container input[type=range]::-ms-fill-lower {
  height: 2px;
  background: #F9C606; }

.plyr--video .plyr__progress__container input[type=range]::-ms-fill-upper {
  height: 2px; }

.plyr--video .plyr__progress__container input[type=range]::-ms-thumb {
  visibility: hidden; }

.plyr--video .plyr__progress__container input[type=range]:focus::-webkit-slider-runnable-track, .plyr--video .plyr__progress__container input[type=range]:hover::-webkit-slider-runnable-track {
  height: 6px; }

.plyr--video .plyr__progress__container input[type=range]:focus::-webkit-slider-thumb, .plyr--video .plyr__progress__container input[type=range]:focus #thumb, .plyr--video .plyr__progress__container input[type=range]:hover::-webkit-slider-thumb, .plyr--video .plyr__progress__container input[type=range]:hover #thumb {
  display: block;
  background: #F9C606; }

.plyr--video .plyr__progress__container input[type=range]:focus::-moz-range-progress, .plyr--video .plyr__progress__container input[type=range]:hover::-moz-range-progress {
  height: 6px; }

.plyr--video .plyr__progress__container input[type=range]:focus::-moz-range-track, .plyr--video .plyr__progress__container input[type=range]:hover::-moz-range-track {
  height: 6px; }

.plyr--video .plyr__progress__container input[type=range]:focus::-moz-range-thumb, .plyr--video .plyr__progress__container input[type=range]:focus #thumb, .plyr--video .plyr__progress__container input[type=range]:hover::-moz-range-thumb, .plyr--video .plyr__progress__container input[type=range]:hover #thumb {
  display: block;
  visibility: visible;
  background: #F9C606; }

.plyr--video .plyr__progress__container input[type=range]:focus::-ms-track, .plyr--video .plyr__progress__container input[type=range]:hover::-ms-track {
  height: 6px; }

.plyr--video .plyr__progress__container input[type=range]:focus::-ms-fill-lower, .plyr--video .plyr__progress__container input[type=range]:hover::-ms-fill-lower {
  height: 6px; }

.plyr--video .plyr__progress__container input[type=range]:focus::-ms-fill-upper, .plyr--video .plyr__progress__container input[type=range]:hover::-ms-fill-upper {
  height: 6px; }

.plyr--video .plyr__progress__container input[type=range]:focus::-ms-thumb, .plyr--video .plyr__progress__container input[type=range]:hover::-ms-thumb {
  visibility: visible;
  background: #F9C606;
  margin-top: -1.5px; }

.plyr__control--overlaid {
  background-color: rgba(0, 0, 0, 0.2); }

.plyr__volume:hover > input[type=range] {
  opacity: 1;
  width: 64px;
  bottom: 23px;
  left: 0px; }

.text-tile-component.play-list-component {
  background: transparent; }

.playlist-wrapper {
  display: flex;
  justify-content: center; }
  @media screen and (max-width: 767px) {
    .playlist-wrapper {
      width: auto;
      justify-content: flex-start;
      overflow-x: auto;
      max-width: 100%; } }
  .playlist-wrapper.d-none {
    display: none; }
  .playlist-wrapper .play-list {
    max-width: 447px;
    width: auto;
    height: 99px;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
  .playlist-wrapper .thumbnail-wrapper {
    margin: 6px;
    opacity: 0.3;
    width: 75px;
    height: 77px; }
    .playlist-wrapper .thumbnail-wrapper img {
      width: 75px;
      height: 75px; }
    .playlist-wrapper .thumbnail-wrapper.active-item {
      opacity: 1;
      border-bottom: 2px solid #F9C606; }
    .playlist-wrapper .thumbnail-wrapper:hover {
      opacity: 1; }

@media screen and (max-width: 767px) {
  .play-list-component .video-list {
    margin-bottom: 12px; } }

.play-list-component.text-tile-component {
  min-height: auto; }

@media screen and (max-width: 767px) {
  .play-list-component .playlist-wrapper {
    position: absolute;
    width: 100%; } }

.play-list-component .video-list-item {
  background-color: #fff; }
  .play-list-component .video-list-item .banner-component {
    margin-bottom: 0px; }

.responsive-floating-text-over-banner-component {
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto;
  margin-bottom: 12px;
  position: static;
  padding: 40px 0; }
  @media (min-width: 1023px) {
    .responsive-floating-text-over-banner-component {
      position: relative;
      padding: 0; } }
  .responsive-floating-text-over-banner-component .image-banner {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: none; }
    @media (min-width: 1023px) {
      .responsive-floating-text-over-banner-component .image-banner {
        display: block; } }
  .responsive-floating-text-over-banner-component .mobile-image {
    display: block;
    width: 100%;
    height: 100%; }
    @media (min-width: 1023px) {
      .responsive-floating-text-over-banner-component .mobile-image {
        display: none; } }
  .responsive-floating-text-over-banner-component .text-banner {
    width: 100%;
    height: auto;
    position: static;
    z-index: 1;
    top: 0;
    max-height: 100%;
    overflow: hidden; }
    @media (min-width: 1023px) {
      .responsive-floating-text-over-banner-component .text-banner {
        position: absolute; } }
    .responsive-floating-text-over-banner-component .text-banner .banner-component {
      margin-bottom: 0; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .responsive-floating-text-over-banner-component .text-banner .banner-component {
          padding: 20px; } }
      @media (max-width: 1023px) {
        .responsive-floating-text-over-banner-component .text-banner .banner-component .aligned-content {
          align-items: center;
          width: 100%;
          text-align: center; } }
  .responsive-floating-text-over-banner-component.rftbc-right .image-banner {
    margin-left: auto; }
  .responsive-floating-text-over-banner-component.rftbc-left .image-banner {
    margin-right: auto; }

html > body > div#monetate_lightbox {
  display: none !important; }

.exp-73-ff.ch-exp73-v0 .ch-modal .ch-triangle::after {
  top: 95px !important; }

@media screen and (min-width: 426px) {
  .ch-exp73-v2 .ch-modal {
    padding: 45px !important; }
    .ch-exp73-v2 .ch-modal .ch-information {
      font-size: 20px;
      line-height: 30px;
      text-align: center; }
    .ch-exp73-v2 .ch-modal .ch-success .ch-start-shopping {
      margin-top: 0;
      padding: 8px 50px; } }

.ch-exp73-v2 .ch-modal-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9998; }

.ch-exp73-v2 .ch-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  min-height: 502px;
  width: 762px;
  -webkit-box-shadow: 0 3px 4px #4a4743;
  -moz-box-shadow: 0 3px 4px #4a4743;
  box-shadow: 0 3px 4px #4a4743;
  z-index: 9999;
  padding: 0 !important;
  font-family: MarkOT-Regular, Helvetica, Arial, sans-serif; }
  .ch-exp73-v2 .ch-modal .left-section {
    width: 50%;
    float: left;
    height: 502px;
    text-align: left; }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .ch-exp73-v2 .ch-modal .left-section {
        display: none; } }
  .ch-exp73-v2 .ch-modal .right-section {
    width: 50%;
    float: left; }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .ch-exp73-v2 .ch-modal .right-section {
        width: 100%; } }
    .ch-exp73-v2 .ch-modal .right-section .keurig-logo {
      margin: 51px 0 58px;
      width: 117.5px;
      height: 20px; }
      @media only screen and (min-width: 320px) and (max-width: 767px) {
        .ch-exp73-v2 .ch-modal .right-section .keurig-logo {
          margin: 30px 0 25px 0;
          width: 88.13px;
          height: 15px; } }
    .ch-exp73-v2 .ch-modal .right-section .details-cta {
      background-color: transparent;
      border: none;
      font-size: inherit;
      font-family: inherit;
      font-style: inherit;
      cursor: pointer; }
      .ch-exp73-v2 .ch-modal .right-section .details-cta:hover, .ch-exp73-v2 .ch-modal .right-section .details-cta:focus {
        text-decoration: underline; }
    .ch-exp73-v2 .ch-modal .right-section .signup-heading {
      color: #333333;
      font-size: 32px;
      font-weight: 600;
      font-family: MarkOT-Regular, Helvetica, Arial, sans-serif; }
    .ch-exp73-v2 .ch-modal .right-section .signup-description {
      color: #333333;
      font-size: 14px;
      font-weight: 500;
      line-height: 25px;
      margin-bottom: 41px;
      text-transform: uppercase;
      padding: 0 46px;
      margin-top: inherit; }
      @media only screen and (min-width: 320px) and (max-width: 767px) {
        .ch-exp73-v2 .ch-modal .right-section .signup-description {
          padding: 0;
          margin-bottom: 10px; } }
  .ch-exp73-v2 .ch-modal .right-section .signup-heading, .ch-exp73-v2 .ch-modal .afh-join-mailing-section .signup-heading {
    letter-spacing: 2px;
    line-height: 30px;
    margin-bottom: 12px;
    margin-top: 0;
    padding: 0 57px; }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .ch-exp73-v2 .ch-modal .right-section .signup-heading, .ch-exp73-v2 .ch-modal .afh-join-mailing-section .signup-heading {
        padding: 0; } }
  .ch-exp73-v2 .ch-modal .right-section .ch-success p, .ch-exp73-v2 .ch-modal .afh-join-mailing-section .ch-success p {
    margin: 0; }
  .ch-exp73-v2 .ch-modal .right-section .ch-success.hidden, .ch-exp73-v2 .ch-modal .afh-join-mailing-section .ch-success.hidden {
    display: none; }
  .ch-exp73-v2 .ch-modal .right-section .ch-success .ch-thank-info, .ch-exp73-v2 .ch-modal .afh-join-mailing-section .ch-success .ch-thank-info {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    padding: 13px 25px 34px 25px;
    font-family: 'MarkOT-Medium'; }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .ch-exp73-v2 .ch-modal .right-section .ch-success .ch-thank-info, .ch-exp73-v2 .ch-modal .afh-join-mailing-section .ch-success .ch-thank-info {
        padding: 13px 14px 15px 14px;
        color: #333333;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px; } }
  .ch-exp73-v2 .ch-modal .right-section .ch-success .success-description, .ch-exp73-v2 .ch-modal .afh-join-mailing-section .ch-success .success-description {
    color: #333333;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    padding: 0 52px 30px 52px; }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .ch-exp73-v2 .ch-modal .right-section .ch-success .success-description, .ch-exp73-v2 .ch-modal .afh-join-mailing-section .ch-success .success-description {
        padding: 0 67px 15px 67px;
        color: #333333;
        font-size: 12px;
        line-height: 20px; } }
    .ch-exp73-v2 .ch-modal .right-section .ch-success .success-description span, .ch-exp73-v2 .ch-modal .afh-join-mailing-section .ch-success .success-description span {
      font-weight: 700; }
  .ch-exp73-v2 .ch-modal .right-section .ch-success .success-logo, .ch-exp73-v2 .ch-modal .afh-join-mailing-section .ch-success .success-logo {
    width: 72px;
    height: 72px; }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .ch-exp73-v2 .ch-modal .right-section .ch-success .success-logo, .ch-exp73-v2 .ch-modal .afh-join-mailing-section .ch-success .success-logo {
        width: 62px;
        height: 62px; } }
  .ch-exp73-v2 .ch-modal .right-section .hidden, .ch-exp73-v2 .ch-modal .afh-join-mailing-section .hidden {
    display: none; }
  .ch-exp73-v2 .ch-modal .afh-join-mailing-section {
    width: 50%;
    float: left;
    padding: 80px 49px 75px 38px; }
    @media screen and (max-width: 767px) {
      .ch-exp73-v2 .ch-modal .afh-join-mailing-section {
        width: 100%;
        padding: 28px 12px 5px; } }
    .ch-exp73-v2 .ch-modal .afh-join-mailing-section .keurig-beans-logo, .ch-exp73-v2 .ch-modal .afh-join-mailing-section .success-tick {
      width: 40px;
      margin: 0 0 13px 0; }
    .ch-exp73-v2 .ch-modal .afh-join-mailing-section .keurig-beans-logo {
      height: 37px; }
    .ch-exp73-v2 .ch-modal .afh-join-mailing-section .signup-heading {
      color: #000000;
      padding: 0;
      font: 20px/25px 'MarkOT-Bold'; }
    .ch-exp73-v2 .ch-modal .afh-join-mailing-section .signup-information {
      color: #666666;
      font-size: 14px;
      line-height: 22px;
      padding: 0 10px;
      margin-bottom: 40px; }
    .ch-exp73-v2 .ch-modal .afh-join-mailing-section .ch-sign-up-form .ch-form-submit .join-mailing-list-form {
      padding-left: 0;
      padding-right: 0; }
      .ch-exp73-v2 .ch-modal .afh-join-mailing-section .ch-sign-up-form .ch-form-submit .join-mailing-list-form .ch-email-input {
        width: 100%;
        height: 44px;
        padding: 0 134px 0 14px;
        border-radius: 4px;
        box-shadow: none;
        border: 2px solid #d8d8d8; }
      .ch-exp73-v2 .ch-modal .afh-join-mailing-section .ch-sign-up-form .ch-form-submit .join-mailing-list-form .a-button {
        right: 0px !important;
        color: #000000;
        height: 44px;
        padding: 14px 34px;
        border: none;
        border-radius: 2px;
        background: #F9C606; }
    .ch-exp73-v2 .ch-modal .afh-join-mailing-section .no-thanks {
      color: #666666; }
      .ch-exp73-v2 .ch-modal .afh-join-mailing-section .no-thanks span {
        border-bottom: 2px solid #F9C606;
        cursor: pointer;
        font: 14px 'MarkOT-Bold'; }
    .ch-exp73-v2 .ch-modal .afh-join-mailing-section .success-tick {
      height: 40px; }
    .ch-exp73-v2 .ch-modal .afh-join-mailing-section .ch-success .ch-thank-info {
      padding: 0 25px 15px;
      font-family: 'MarkOT-Bold'; }
    .ch-exp73-v2 .ch-modal .afh-join-mailing-section .ch-success .success-description {
      color: #666666;
      padding: 0 0 40px; }
    .ch-exp73-v2 .ch-modal .afh-join-mailing-section .ch-success .ch-start-shopping {
      color: #000000;
      padding: 10px 35px;
      background: #F9C606; }
    .ch-exp73-v2 .ch-modal .afh-join-mailing-section .ch-invalid {
      left: 0;
      width: 260px; }
    .ch-exp73-v2 .ch-modal .afh-join-mailing-section .ch-triangle {
      top: -30px;
      left: 10px;
      position: absolute; }
      .ch-exp73-v2 .ch-modal .afh-join-mailing-section .ch-triangle:after {
        top: -2px;
        left: 6px; }
  .ch-exp73-v2 .ch-modal .ch-close {
    color: #000;
    font-size: 40px;
    position: absolute;
    top: 14px;
    right: 12px;
    font-family: "Helvetica Bold";
    cursor: pointer;
    font-weight: 700; }
  .ch-exp73-v2 .ch-modal .close:focus,
  .ch-exp73-v2 .ch-modal .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer; }
  .ch-exp73-v2 .ch-modal .ch-email-img {
    height: 22%;
    margin: 0; }
  .ch-exp73-v2 .ch-modal .ch-welcome {
    color: #f1be48;
    letter-spacing: 1.5px;
    font-size: 11px;
    margin-bottom: 5px; }
  .ch-exp73-v2 .ch-modal .ch-information, .ch-exp73-v2 .ch-modal .signup-information {
    font-size: 14px;
    line-height: 24px;
    padding: 0 54px;
    margin-top: 0;
    margin-bottom: 50px; }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .ch-exp73-v2 .ch-modal .ch-information, .ch-exp73-v2 .ch-modal .signup-information {
        font-size: 12px;
        line-height: 20px;
        padding: 0 26px;
        margin-bottom: 20px;
        font-family: 'MarkOT-Regular'; } }
  .ch-exp73-v2 .ch-modal .ch-information {
    color: #333333; }
  .ch-exp73-v2 .ch-modal .ch-invalid {
    background: #d51610;
    color: white;
    width: 310px;
    padding: 10px;
    text-align: left;
    border-radius: 5px;
    position: absolute;
    top: -44px;
    left: 36px;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 15px; }
  .ch-exp73-v2 .ch-modal .ch-triangle {
    width: 50px;
    left: 0;
    top: -112px;
    height: 50px;
    position: relative;
    overflow: hidden;
    display: inline; }
  .ch-exp73-v2 .ch-modal .ch-triangle::after {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    background: #d61a15;
    transform: rotate(45deg);
    top: 75px;
    z-index: -1;
    left: 25px; }
  .ch-exp73-v2 .ch-modal .ch-triangle.hidden::after {
    display: none; }
  .ch-exp73-v2 .ch-modal .ch-sign-up-form {
    width: 100%;
    margin: auto; }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .ch-exp73-v2 .ch-modal .ch-sign-up-form {
        margin: 0; } }
    .ch-exp73-v2 .ch-modal .ch-sign-up-form .ch-form-submit > .join-mailing-list-form {
      border-bottom: none;
      padding-bottom: 20px;
      padding-left: 35px;
      padding-right: 35px;
      position: relative; }
      @media only screen and (min-width: 320px) and (max-width: 767px) {
        .ch-exp73-v2 .ch-modal .ch-sign-up-form .ch-form-submit > .join-mailing-list-form {
          padding: 0 12px; } }
      .ch-exp73-v2 .ch-modal .ch-sign-up-form .ch-form-submit > .join-mailing-list-form .ch-email-input {
        margin: 0;
        border-radius: 3px;
        color: #333; }
      .ch-exp73-v2 .ch-modal .ch-sign-up-form .ch-form-submit > .join-mailing-list-form .ch-submit-button {
        top: 0;
        right: 35px;
        border-radius: 3px;
        color: #333;
        font-family: 'MarkOT-Medium';
        padding-top: 0; }
  .ch-exp73-v2 .ch-modal .ch-restrictions {
    font-style: italic;
    font-size: 12px; }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .ch-exp73-v2 .ch-modal .ch-restrictions {
        margin-bottom: 25px;
        margin-top: 0; } }
    .ch-exp73-v2 .ch-modal .ch-restrictions span {
      text-decoration: underline; }
    .ch-exp73-v2 .ch-modal .ch-restrictions span:focus,
    .ch-exp73-v2 .ch-modal .ch-restrictions span:hover {
      color: #000;
      cursor: pointer; }
  .ch-exp73-v2 .ch-modal .ch-restrictions-wrapper {
    position: relative;
    clear: both; }
  .ch-exp73-v2 .ch-modal .ch-restrictions-long {
    font-style: italic;
    font-size: 12px;
    display: none;
    text-align: justify; }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .ch-exp73-v2 .ch-modal .ch-restrictions-long {
        text-align: center;
        font-size: 10px;
        line-height: 13px; } }
  .ch-exp73-v2 .ch-modal .ch-restrictions-long.active {
    display: block;
    clear: both;
    padding: 10px 16px 19px 17px;
    border-top: 1px solid #d2d2d2; }
    .ch-exp73-v2 .ch-modal .ch-restrictions-long.active a {
      text-decoration: underline !important; }
    @media only screen and (min-width: 768px) {
      .ch-exp73-v2 .ch-modal .ch-restrictions-long.active {
        position: absolute;
        top: -50px;
        background: white; } }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .ch-exp73-v2 .ch-modal .ch-restrictions-long.active {
        border-top: none;
        padding: 10px 11px 16px 12px; } }
    .ch-exp73-v2 .ch-modal .ch-restrictions-long.active:before {
      position: absolute;
      bottom: 0;
      left: 50%;
      content: "";
      display: none;
      width: 8px;
      height: 8px;
      background: #f2f2f2;
      border-top: 1px solid #e6e6e6;
      border-right: 1px solid #e6e6e6;
      -ms-transform: translate(-50%, 50%) rotate(-45deg);
      transform: translate(-50%, 50%) rotate(-45deg);
      z-index: 1; }
  .ch-exp73-v2 .ch-modal .ch-restrictions-arrow {
    top: -49px;
    position: absolute;
    display: block;
    right: 102px; }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .ch-exp73-v2 .ch-modal .ch-restrictions-arrow {
        display: none; } }
    .ch-exp73-v2 .ch-modal .ch-restrictions-arrow:before {
      content: "";
      bottom: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      border-color: rgba(210, 210, 210, 0);
      border-bottom-color: #d2d2d2;
      border-width: 11px;
      margin-left: -36px; }
    .ch-exp73-v2 .ch-modal .ch-restrictions-arrow:after {
      bottom: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #fff;
      border-width: 9px;
      margin-left: -34px; }
    .ch-exp73-v2 .ch-modal .ch-restrictions-arrow .hidden::after {
      display: none; }

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .ch-exp73-v2 .ch-modal-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 9998; }
  .ch-exp73-v2 .ch-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    width: 93%;
    min-height: 1px;
    -webkit-box-shadow: 0px 3px 4px #4a4743;
    -moz-box-shadow: 0px 3px 4px #4a4743;
    box-shadow: 0px 3px 4px #4a4743;
    padding: 17px 20px 25px 20px;
    z-index: 9999;
    font-family: MarkOT-Regular, Helvetica, Arial, sans-serif;
    padding: 25px; }
    .ch-exp73-v2 .ch-modal .left-section {
      display: none; }
    .ch-exp73-v2 .ch-modal .ch-close {
      color: #4c5053;
      font-size: 45px;
      position: absolute;
      top: 19px;
      right: 18px;
      font-family: "Helvetica Bold";
      cursor: pointer; }
    .ch-exp73-v2 .ch-modal .close:hover,
    .ch-exp73-v2 .ch-modal .close:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer; }
    .ch-exp73-v2 .ch-modal .ch-welcome {
      color: #f1be48;
      letter-spacing: 1.5px;
      font-size: 11px; }
    .ch-exp73-v2 .ch-modal .ch-information span {
      font-weight: 900; }
    .ch-exp73-v2 .ch-modal .ch-invalid {
      width: auto;
      left: 12px;
      right: 12px; }
      .ch-exp73-v2 .ch-modal .ch-invalid.hidden {
        display: none; }
    .ch-exp73-v2 .ch-modal .ch-triangle {
      width: 50px;
      left: 30px;
      top: -31px;
      height: 50px;
      position: absolute;
      overflow: hidden;
      display: inline; }
    .ch-exp73-v2 .ch-modal .ch-triangle::after {
      left: 0;
      top: 0; }
    .ch-exp73-v2 .ch-modal .ch-sign-up-form .ch-form-submit > .join-mailing-list-form {
      border-bottom: none;
      padding-bottom: 20px;
      position: relative; }
    .ch-exp73-v2 .ch-modal .ch-sign-up-form .ch-email-input {
      background: #fff;
      display: inline-block;
      height: 40px;
      width: 100%;
      padding: 0 20px;
      font-size: 14px;
      font-size: 0.9375rem;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      border: 1px solid #d2d2d2;
      box-sizing: border-box; }
    .ch-exp73-v2 .ch-modal .ch-sign-up-form .ch-submit-button {
      border: 2px solid #f1be48;
      font-size: 14px;
      position: absolute;
      line-height: 14px;
      height: 40px;
      margin-top: 0;
      display: block;
      padding: 11px 10px;
      right: 12px !important;
      top: 0;
      box-sizing: border-box; }
    .ch-exp73-v2 .ch-modal .ch-restrictions {
      font-style: italic;
      font-size: 12px; }
      .ch-exp73-v2 .ch-modal .ch-restrictions span {
        text-decoration: underline; }
      .ch-exp73-v2 .ch-modal .ch-restrictions span:hover,
      .ch-exp73-v2 .ch-modal .ch-restrictions span:focus {
        color: #000;
        cursor: pointer; }
    .ch-exp73-v2 .ch-modal .ch-restrictions-long {
      font-style: italic;
      font-size: 10px;
      line-height: 13px;
      display: none;
      color: #68676B;
      background: white;
      position: absolute;
      top: -27px; }
    .ch-exp73-v2 .ch-modal .ch-restrictions-long.active {
      display: block; }
    .ch-exp73-v2 .ch-modal .ch-start-shopping {
      border: 2px solid #F9C309;
      border-radius: 2px;
      background-color: #F9C606;
      padding: 11px 45px;
      color: #333333;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 1px;
      line-height: 18px;
      margin-bottom: 22px;
      display: inline-block;
      font-family: 'MarkOT-Medium'; } }

.hidden {
  display: none; }

.email-signup-component-wrapper {
  margin-top: 20px; }
  .email-signup-component-wrapper .ch-modal {
    box-shadow: none;
    position: static;
    top: unset;
    left: unset;
    text-align: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background-color: transparent;
    min-height: 0;
    width: inherit;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    z-index: 0; }
    .email-signup-component-wrapper .ch-modal .email-signup-component .preSignupText {
      margin-bottom: 12px; }
    .email-signup-component-wrapper .ch-modal .email-signup-component .signup-wrapper {
      display: flex;
      flex-direction: row;
      margin-top: 11px; }
      .email-signup-component-wrapper .ch-modal .email-signup-component .signup-wrapper.has-error {
        margin-top: 45px;
        position: relative; }
      .email-signup-component-wrapper .ch-modal .email-signup-component .signup-wrapper .signup-button {
        margin-top: 10px; }
        .email-signup-component-wrapper .ch-modal .email-signup-component .signup-wrapper .signup-button .btn-box {
          margin-bottom: 0px; }
    .email-signup-component-wrapper .ch-modal .email-signup-component .ch-invalid {
      top: -34px;
      color: white;
      z-index: 2;
      text-align: left;
      width: auto;
      left: 0;
      position: absolute; }
    .email-signup-component-wrapper .ch-modal .email-signup-component .ch-triangle {
      left: 0;
      top: 0;
      z-index: 0;
      position: absolute; }
      .email-signup-component-wrapper .ch-modal .email-signup-component .ch-triangle:after {
        top: -20px;
        left: 10px;
        z-index: 0; }
    .email-signup-component-wrapper .ch-modal .email-signup-component .ch-success .postSignupText {
      padding-top: 20px;
      padding-bottom: 20px; }
    .email-signup-component-wrapper .ch-modal .email-signup-component .join-mailing-list-form {
      border-bottom: none;
      position: static;
      padding-bottom: 10px;
      flex-grow: 1; }
      .email-signup-component-wrapper .ch-modal .email-signup-component .join-mailing-list-form .emailSignupCompInput {
        padding: 0 17px !important;
        height: 38px;
        width: 100%;
        border-radius: 0;
        border: 2px solid #ebebeb;
        box-shadow: none;
        margin: 0 0 5px; }
    .email-signup-component-wrapper .ch-modal .email-signup-component #emailSignupLabel {
      padding-left: 5px; }
    .email-signup-component-wrapper .ch-modal .email-signup-component a  {
      font-size: 14px;
      text-decoration: none; }

.today-deals-component {
  box-shadow: 0 10px 24px 0 rgba(210, 210, 210, 0.5);
  background-color: #F7F7F7;
  width: 100%;
  text-align: center; }
  @media screen and (max-width: 1023px) {
    .today-deals-component {
      position: relative;
      top: 48px;
      z-index: 1; }
      .today-deals-component.remove-margin {
        margin-top: 0; }
      .today-deals-component .today-deals_title {
        padding-bottom: 7px;
        display: inline-block; }
      .today-deals-component .slick-track {
        min-height: 486px; } }
  .today-deals-component .slick-track .arrowShadow {
    display: none !important; }
  .today-deals-component .slick-disabled {
    visibility: hidden; }
  .today-deals-component .slick-next, .today-deals-component .slick-prev {
    max-width: 30px;
    width: 30px;
    height: 50px;
    background-color: #fff;
    border-radius: 0 5px 6px 0;
    box-shadow: 0 5px 25px 0 rgba(182, 179, 179, 0.5);
    z-index: 2;
    top: 53.2%; }
    .today-deals-component .slick-next:before, .today-deals-component .slick-prev:before {
      border-style: solid;
      border-color: #2F4053;
      border-image: initial;
      border-width: 0px 3px 3px 0px;
      display: inline-block;
      padding: 6px;
      content: " ";
      opacity: 1; }
    @media screen and (min-width: 375px) and (max-width: 767px) {
      .today-deals-component .slick-next:focus, .today-deals-component .slick-prev:focus {
        outline: none; } }
  .today-deals-component .slick-prev {
    border-radius: 5px 0 0 6px;
    left: 15px; }
    .today-deals-component .slick-prev:before {
      transform: rotate(135deg);
      margin-left: 5px; }
  .today-deals-component .slick-next {
    right: 15px; }
    .today-deals-component .slick-next:before {
      transform: rotate(-45deg);
      margin-left: -5px; }
  .today-deals-component p {
    margin: 0; }
  .today-deals-component .see-dateDetails {
    display: flex;
    justify-content: center;
    min-height: 19px; }
    .today-deals-component .see-dateDetails .today-deals_date {
      line-height: 15px; }
    .today-deals-component .see-dateDetails a {
      margin: 1px 0 0 12px;
      display: block;
      text-decoration: underline;
      line-height: 15px; }
    .today-deals-component .see-dateDetails div:nth-child(2) {
      position: static; }
  .today-deals-component .today-deals_heading {
    padding: 12px 0 3px;
    text-transform: uppercase;
    display: block;
    line-height: 20px; }
  .today-deals-component .today-deals-banner {
    background-color: #C6C6C6;
    text-align: center;
    color: #000000;
    font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 20px;
    padding: 7px 0 8px;
    text-transform: uppercase;
    cursor: pointer; }
    .today-deals-component .today-deals-banner span {
      background: url("/_ui/desktop/common/images/icons/Add.svg") no-repeat;
      display: inline-block;
      padding: 7px 0 7px 20px;
      margin: 0 0 -3px 10px; }
      .today-deals-component .today-deals-banner span.active {
        background-image: url("/_ui/desktop/common/images/icons/Minus.svg");
        margin-bottom: 0; }
  .today-deals-component .btn-container {
    margin: 13px auto 18px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .today-deals-component .btn-container a {
      box-sizing: border-box;
      height: 40.34px;
      min-width: 175px;
      width: auto;
      max-width: 100%;
      border: 2px solid #F8C612;
      border-radius: 2px;
      color: #000000;
      text-decoration: none;
      font-size: 14px;
      letter-spacing: 1px;
      line-height: 34px;
      padding: 0 15px;
      background-color: #F7F7F7 !important; }
      .today-deals-component .btn-container a:hover, .today-deals-component .btn-container a:focus {
        background-color: transparent !important;
        border-color: #2f4053 !important;
        color: #333333 !important; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .today-deals-component .slick-track {
      min-height: 444px; } }

@media screen and (min-width: 768px) {
  .today-deals-section {
    margin: 28px auto 0;
    padding-bottom: 35px; }
    .today-deals-section .slick-prev {
      left: 7px;
      top: 47.7%; }
    .today-deals-section .slick-next {
      right: 7px;
      top: 47.7%; }
  .today-deals-tileWrapper .pod_imageWrapper img {
    border-radius: 3px 3px 0 0;
    margin: 0 auto;
    max-width: 355px; }
  .today-deals_heading {
    font-size: 11px;
    padding: 13px 0 0;
    display: block; }
  .today-deals_title {
    font-size: 18px;
    line-height: 24px;
    min-height: 48px;
    display: inline-block; }
  .today-deals_tilesInfo {
    text-align: center;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    min-height: 209px;
    position: relative; }
    .today-deals_tilesInfo > div:first-child {
      position: absolute;
      top: 0; }
    .today-deals_tilesInfo div:nth-child(2) {
      position: absolute;
      top: 34px;
      max-width: 289px; }
    .today-deals_tilesInfo div:nth-last-child(-n+2) {
      justify-content: flex-end;
      display: flex; }
    .today-deals_tilesInfo span {
      font-family: inherit; }
    .today-deals_tilesInfo .todaysdeal_buy_more_usecode_field {
      max-height: 34px; }
    .today-deals_tilesInfo .coupon_code {
      margin: 10px 0 0;
      font-size: 12px;
      display: inline-block;
      line-height: 24px;
      min-height: 24px; }
      .today-deals_tilesInfo .coupon_code em {
        font-weight: 400;
        font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif; } }

@media screen and (min-width: 1024px) {
  .today-deals-component {
    max-width: 100%;
    position: absolute;
    transform: initial;
    z-index: 2;
    padding: 0 33px; }
  .today-deals-section .slick-prev {
    left: -2.4%;
    top: 43.3%; }
  .today-deals-section .slick-next {
    right: -2.4%;
    top: 43.3%; } }

@media screen and (min-width: 1200px) {
  .hide-on-desktop {
    display: none; }
  .today-deals-section {
    width: 100%; } }

@media screen and (min-width: 1024px) {
  .today-deals-component {
    padding: 0 45px; }
  .today-deals-tileWrapper .pod_imageWrapper img {
    max-width: 289px;
    height: 252px; } }

@media screen and (min-width: 1200px) and (max-width: 1330px) {
  .today-deals-component {
    padding: 0 30px; } }

@media screen and (min-width: 1550px) {
  .today-deals-component .slick-prev {
    left: -.4%; }
  .today-deals-component .slick-next {
    right: -.4%; } }

/*header*/
/* Cancel Remediation Modal */
/* -------------------------------------------------------------
  Sass CSS3 Mixins!
  List of CSS3 Sass Mixins File to be @imported and @included as you need
  The purpose of this library is to facilitate the use of CSS3 on different browsers
 ------------------------------------------------------------ */
.account-container.inner-page .full-content {
  padding: 30px 50px 30px 50px; }
  @media screen and (max-width: 767px) {
    .account-container.inner-page .full-content {
      padding: 20px 10px 20px 10px; } }

.account-container.inner-page .available-points-p {
  color: #333333;
  font-family: "MarkOT-Light", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 20px; }
  @media screen and (max-width: 767px) {
    .account-container.inner-page .available-points-p {
      font-size: 12px;
      letter-spacing: 0.07px;
      line-height: 15px; } }

.account-container.inner-page p.empty-reward-history {
  margin: 0;
  padding: 10px; }

.myreward-points {
  background-color: #fbf3eb; }
  .myreward-points .maxContentWidth {
    padding: 0px; }
  .myreward-points .reminder-mssg {
    color: #AA2340;
    margin-bottom: 20px; }
  .myreward-points .points-history {
    width: 100%;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 5px 25px 0 #d2d2d2; }
    .myreward-points .points-history .points-available, .myreward-points .points-history .points-expired,
    .myreward-points .points-history .point-used, .myreward-points .points-history .points-view-history {
      display: inline-flex;
      width: 100%; }
      .myreward-points .points-history .points-available div, .myreward-points .points-history .points-expired div,
      .myreward-points .points-history .point-used div, .myreward-points .points-history .points-view-history div {
        float: left; }
    .myreward-points .points-history .my-reward-points-border {
      box-sizing: border-box;
      height: 2px;
      border: 1px solid #F1E3D7;
      margin: 0px 5px 0px 5px; }
    .myreward-points .points-history .points-available-label, .myreward-points .points-history .points-expired-label,
    .myreward-points .points-history .points-used-label {
      width: 20%;
      text-transform: uppercase;
      color: #68676b;
      font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 18px;
      padding: 12px 10px 12px 10px; }
      @media screen and (max-width: 767px) {
        .myreward-points .points-history .points-available-label, .myreward-points .points-history .points-expired-label,
        .myreward-points .points-history .points-used-label {
          width: 45%;
          color: #68676B;
          font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
          font-size: 10px;
          line-height: 13px; } }
      @media screen and (min-width: 768px) and (max-width: 1199px) {
        .myreward-points .points-history .points-available-label, .myreward-points .points-history .points-expired-label,
        .myreward-points .points-history .points-used-label {
          width: 25%; } }
    .myreward-points .points-history .points-available-count, .myreward-points .points-history .points-expired-count,
    .myreward-points .points-history .points-used-count {
      width: 60%;
      color: #333333;
      font-family: "MarkOT-Bold", Helvetica, Arial, sans-serif;
      font-size: 14px;
      font-weight: bold;
      line-height: 18px;
      padding: 12px 10px 12px 10px; }
      @media screen and (min-width: 768px) and (max-width: 1199px) {
        .myreward-points .points-history .points-available-count, .myreward-points .points-history .points-expired-count,
        .myreward-points .points-history .points-used-count {
          width: 55%; } }
      @media screen and (max-width: 767px) {
        .myreward-points .points-history .points-available-count, .myreward-points .points-history .points-expired-count,
        .myreward-points .points-history .points-used-count {
          width: 30%;
          font-size: 12px;
          font-weight: bold;
          letter-spacing: 0.38px;
          line-height: 15px; } }
    .myreward-points .points-history .point-info-label {
      width: 20%;
      line-height: 18px;
      padding: 12px 10px 12px 10px;
      text-align: right; }
      @media screen and (max-width: 767px) {
        .myreward-points .points-history .point-info-label {
          width: 28%; } }
      .myreward-points .points-history .point-info-label .more-point-info {
        font-family: "MarkOT-Bold", Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0.38px;
        line-height: 15px; }
  .myreward-points .points-history.second-section {
    margin-top: 30px; }
  .myreward-points .reward-point-table {
    width: 100%;
    display: none; }
  .myreward-points .reward-point-table-list {
    background-color: #F1E3D7; }
    .myreward-points .reward-point-table-list .rowlist {
      display: inline-flex;
      width: 98.5%;
      margin: 0 5px;
      border-bottom: 2px solid #d2d2d2; }
      @media screen and (max-width: 767px) {
        .myreward-points .reward-point-table-list .rowlist {
          flex-wrap: wrap; } }
      .myreward-points .reward-point-table-list .rowlist div {
        float: left;
        border: 0px;
        font-size: 17px;
        line-height: 22px;
        padding: 20px 5px;
        width: 18%; }
        @media screen and (max-width: 767px) {
          .myreward-points .reward-point-table-list .rowlist div {
            padding: 10px 5px 10px 5px;
            width: 33%; } }
        .myreward-points .reward-point-table-list .rowlist div p {
          margin: 0px;
          color: #333333;
          font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
          font-size: 16px;
          font-weight: 500;
          letter-spacing: 0.5px;
          line-height: 20px; }
          @media screen and (max-width: 767px) {
            .myreward-points .reward-point-table-list .rowlist div p {
              color: #333333;
              font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
              font-size: 14px;
              font-weight: 500;
              line-height: 18px; } }
        .myreward-points .reward-point-table-list .rowlist div p.history-list-header {
          margin: 0px 0px 5px 0px;
          color: #68676B;
          font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
          font-size: 14px;
          letter-spacing: 0.44px;
          line-height: 18px;
          text-transform: uppercase; }
          @media screen and (max-width: 767px) {
            .myreward-points .reward-point-table-list .rowlist div p.history-list-header {
              color: #545459;
              font-size: 12px;
              letter-spacing: 0.38px;
              line-height: 15px; } }
          @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
            .myreward-points .reward-point-table-list .rowlist div p.history-list-header {
              min-height: 36px; } }
  .myreward-points .points-view-history {
    line-height: 40px;
    border-radius: 0 0 3px 3px;
    background-color: #F1E3D7;
    box-shadow: 0 5px 25px 0 #d2d2d2; }
    .myreward-points .points-view-history .points-view-history-label {
      color: #333333;
      font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
      font-size: 14px;
      font-weight: 500;
      line-height: 18px;
      padding: 10px;
      width: 96.7%; }
      @media screen and (max-width: 767px) {
        .myreward-points .points-view-history .points-view-history-label {
          font-size: 12px;
          font-weight: 500;
          letter-spacing: 0.38px;
          line-height: 15px; } }
  .myreward-points .my-reward-additional-info {
    margin: 30px 0px 30px 0px; }
    @media screen and (max-width: 767px) {
      .myreward-points .my-reward-additional-info {
        margin: 20px 0px 20px 0px; } }
    .myreward-points .my-reward-additional-info a {
      color: #68676B;
      font-family: "MarkOT-Italic", Helvetica, Arial, sans-serif;
      font-size: 14px;
      font-style: italic;
      line-height: 18px;
      text-decoration: underline; }
      @media screen and (max-width: 767px) {
        .myreward-points .my-reward-additional-info a {
          font-size: 12px;
          line-height: 15px; } }
  .myreward-points .shop-reward-catalog-btn {
    display: flex; }
    .myreward-points .shop-reward-catalog-btn a {
      font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 1px;
      line-height: 18px;
      text-align: center;
      padding: 9px 15px 9px 15px;
      border-radius: 2px;
      text-transform: uppercase; }
      @media screen and (max-width: 767px) {
        .myreward-points .shop-reward-catalog-btn a {
          font-size: 14px; } }
  .myreward-points .my-reward-tc {
    margin-top: 10px; }
    .myreward-points .my-reward-tc .my-reward-tc-link {
      color: #68676B;
      font-family: "MarkOT-Italic", Helvetica, Arial, sans-serif;
      font-size: 14px;
      font-style: italic;
      line-height: 18px;
      text-decoration: underline; }
      @media screen and (max-width: 767px) {
        .myreward-points .my-reward-tc .my-reward-tc-link {
          font-size: 12px;
          line-height: 15px; } }
  .myreward-points .points-view {
    float: right;
    width: 25px;
    cursor: pointer;
    margin-right: 10px; }
    @media screen and (max-width: 767px) {
      .myreward-points .points-view {
        width: 20px; } }
    .myreward-points .points-view .order-item--left-link {
      font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
      font-size: 16px;
      line-height: 29px;
      transition: all .75s ease-in-out;
      position: relative;
      color: #000;
      margin: 0; }
    .myreward-points .points-view .order-item--left-link::after,
    .myreward-points .points-view .order-item--left-link::before {
      left: 0px;
      top: 17px;
      margin-top: 1px;
      content: "";
      display: inline-block;
      position: absolute;
      width: 23px;
      height: 3px;
      background-color: #000;
      transition: all .2s ease-in-out;
      box-sizing: border-box; }
      @media screen and (max-width: 767px) {
        .myreward-points .points-view .order-item--left-link::after,
        .myreward-points .points-view .order-item--left-link::before {
          width: 16px;
          height: 2px; } }
    .myreward-points .points-view .order-item--left-link.opened::after {
      transform: rotate(0); }
    .myreward-points .points-view .order-item--left-link::after {
      transform: rotate(-90deg); }
  .myreward-points .unshadow {
    box-shadow: none; }
  .myreward-points .show-entire-history {
    color: #333333;
    font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.07px;
    line-height: 15px;
    cursor: pointer;
    background-color: #F1E3D7;
    padding: 30px 0px;
    text-align: center;
    display: none; }
    @media screen and (min-width: 768px) {
      .myreward-points .show-entire-history {
        padding: 11px 0 33px; } }
    .myreward-points .show-entire-history .show-entire-history-link {
      font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif;
      padding-bottom: 1px;
      border-bottom: 2px solid #5B3427; }

.rd-modal {
  display: none;
  position: fixed;
  z-index: 999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4); }

.rd-modal-content {
  background-color: #fff;
  margin: auto;
  padding: 40px;
  border: 1px solid #888;
  width: 80%; }
  @media screen and (max-width: 767px) {
    .rd-modal-content {
      width: 95%;
      padding: 10px; } }

.rd-close1, .rd-close2 {
  color: #000;
  float: right;
  font-size: 55px;
  margin: -30px -24px; }
  @media screen and (max-width: 767px) {
    .rd-close1, .rd-close2 {
      font-size: 50px;
      margin: -4px 14px;
      width: 15px; } }

.rd-close1:hover,
.rd-close1:focus,
.rd-close2:hover,
.rd-close2:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer; }

.points-ava {
  color: #333333;
  font-family: "MarkOT-Regular", Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 20px;
  margin-bottom: 25px;
  text-transform: uppercase; }
  @media screen and (max-width: 767px) {
    .points-ava {
      font-size: 14px;
      font-weight: 300;
      letter-spacing: 1px;
      line-height: 18px;
      margin: 18px 0 15px; } }

.available-points-p {
  color: #333333;
  font-family: "MarkOT-Light", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 20px; }
  @media screen and (max-width: 767px) {
    .available-points-p {
      font-size: 12px;
      letter-spacing: 0.07px;
      line-height: 15px; } }

.available-points-info-modal {
  width: 662px;
  height: auto;
  max-width: 95%;
  border-radius: 0;
  text-align: left;
  padding: 39px 55px 25px 40px; }
  @media screen and (max-width: 767px) {
    .available-points-info-modal {
      padding: 35px 10px 2px;
      border-radius: 3px; } }

.expired-points-info-modal {
  width: 662px;
  height: auto;
  max-width: 95%;
  border-radius: 0;
  text-align: left;
  padding: 40px 12px 10px 40px; }
  @media screen and (max-width: 767px) {
    .expired-points-info-modal {
      padding: 35px 11px 7px;
      border-radius: 3px; } }

.raccordion{width:100%;margin:0;padding:0;list-style-type:none}.raccordion__item{margin:0;margin-bottom:6px;padding:0;width:100%;max-width:100%;overflow:hidden;background:#ebebeb}.raccordion__item-heading{margin:0}.raccordion__item-button{display:block;width:100%;min-height:70px;padding:25px;padding-right:70px;position:relative;font-family:MarkOT-Regular;font-weight:500;font-size:14px;text-align:left;letter-spacing:.5px;line-height:18px;border:1px solid #e6e6e6;background:0 0;box-shadow:0 0 5px 0 rgba(0,0,0,.1);cursor:pointer}.raccordion__item-button p{margin:0}.raccordion__item-button::after,.raccordion__item-button::before{content:"";width:3px;height:20px;position:absolute;right:35px;font-size:50px;line-height:0;background:#000;top:50%;transform:translateY(-50%);transition:transform .5s ease-in-out}.raccordion__item-button::after{top:50%;transform:translateY(-50%) rotate(-90deg)}.raccordion__item--expanded .raccordion__item-button::before{top:50%;transform:translateY(-50%) rotate(-90deg)}.raccordion__item-button--primary{background:#0f7db5;color:#fff;border-color:#0f7db5}.raccordion__item-body{height:0;overflow:hidden}.raccordion__item--expanded .raccordion__item-body{height:auto}.raccordion__item-content{padding:25px;padding-top:0;font-family:MarkOT-Regular;font-size:12px;text-align:left;letter-spacing:.5px;line-height:1.5}.raccordion__item-content:first-child{padding-top:25px}.raccordion__item-content--has-media{display:flex;align-items:center}@media screen and (min-width:768px){.raccordion__item-content--has-media{align-items:flex-start}}.raccordion__item-content--single-column{flex-direction:column}@media screen and (max-width:763px){.raccordion__item-content{flex-direction:column}}.raccordion__item-content .media--invisible{position:absolute;visibility:hidden}.raccordion__item-media-container{flex-shrink:0;cursor:pointer}.raccordion__item-media-container picture{display:block;line-height:1}.raccordion__item-media-container img{max-width:100%}.raccordion__item-content--media-25 .raccordion__item-media-container{flex-basis:25%;max-width:25%}.raccordion__item-content--media-50 .raccordion__item-media-container{flex-basis:50%;max-width:50%}.raccordion__item-content--media-left .raccordion__item-media-container{order:0;margin-right:25px;text-align:left}.raccordion__item-content--media-right .raccordion__item-media-container{order:1;margin-left:25px;text-align:right}.raccordion__item-media-container--has-video{position:relative}.raccordion__item-content--media-left.raccordion__item-content--single-column .raccordion__item-media-container{margin:0;margin-bottom:12px}.raccordion__item-content--media-right.raccordion__item-content--single-column .raccordion__item-media-container{margin:0;margin-top:12px}@media screen and (max-width:763px){.raccordion__item-content--media-left .raccordion__item-media-container{margin:0;margin-bottom:12px;max-width:100%;text-align:center}.raccordion__item-content--media-right .raccordion__item-media-container{margin:0;margin-top:12px;max-width:100%;text-align:center}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.raccordion__item-content--single-column .raccordion__item-media-container{flex-basis:auto}}.raccordion__item-text-container p{margin:0;font-family:MarkOT-Regular;font-size:12px;text-align:left;letter-spacing:.5px;line-height:18px}.raccordion__item-content--has-media .raccordion__item-text-container{flex-grow:1}.raccordion__item-content--media-left .raccordion__item-text-container{order:1}.raccordion__item-content--media-right .raccordion__item-text-container{order:0}.raccordion__item-media-play-wrapper{display:none}.raccordion__item-media-container--has-video .raccordion__item-media-play-wrapper{display:block;height:100%;width:100%;position:absolute;top:0;z-index:1;background:rgba(124,124,124,.5)}.raccordion__item-media-play-wrapper .raccordion__item-media-play-icon{width:64px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:0 0;border:none;box-shadow:none;padding:0}.raccordion__media-modal{padding:10px;max-width:300px}@media screen and (min-width:667px){.raccordion__media-modal{max-width:500px}}@media screen and (min-width:1024px){.raccordion__media-modal{max-width:800px}}.raccordion__media-modal .remodal-close{width:35px;height:35px;top:-21px;right:-17px;background:rgba(0,0,0,.7);border:3px solid #fff;border-radius:50%;box-shadow:0 0 2px 1px #666}.raccordion__media-modal .remodal-close::after,.raccordion__media-modal .remodal-close::before{width:20px;left:5px;background-color:#fff}
/*# sourceMappingURL=accordion.min.css.map */
.faq-component{background-color:transparent;height:auto;display:block;margin-bottom:12px}@media (max-width:767px){.faq-component{height:auto;min-height:auto}}.faq-component__title{text-align:center;margin:25px 0}.faq-component__title p{margin:0}
/*# sourceMappingURL=faq-component.min.css.map */
/* -------------------------------------------------------------
  Sass CSS3 Mixins!
  List of CSS3 Sass Mixins File to be @imported and @included as you need
  The purpose of this library is to facilitate the use of CSS3 on different browsers
 ------------------------------------------------------------ */
/*header*/
/* Cancel Remediation Modal */
.tooltip-main-box {
  position: relative;
  display: inline;
  font-size: 0; }
  .tooltip-main-box::after {
    display: none;
    content: "";
    position: absolute;
    top: -26px;
    left: 50%;
    z-index: 1;
    width: 20px;
    height: 20px;
    margin-left: -8px;
    transform-origin: center;
    background-color: #fff;
    transform: rotate(45deg);
    box-shadow: 2px 2px 2px -2px #D2D2D2; }
    @media screen and (max-width: 767px) {
      .tooltip-main-box::after {
        top: -24px; } }
  .tooltip-main-box .tooltip-details-content {
    border: none;
    background-color: transparent;
    height: auto;
    width: auto;
    font-weight: 100;
    letter-spacing: normal;
    border-bottom: 1.5px solid #F7C411;
    cursor: pointer;
    position: relative;
    z-index: 2;
    padding: 0;
    line-height: 1.3;
    padding-bottom: 4px;
    font-family: "MarkOT-Book", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #333;
    margin: 0; }
    @media screen and (min-width: 1024px) {
      .tooltip-main-box .tooltip-details-content {
        margin: 0 0 0 6px; } }
  .tooltip-main-box.opened-tooltip:after {
    display: block; }
  .tooltip-main-box.opened-tooltip .tooltip-container {
    display: block; }
  .tooltip-main-box .tooltip-container {
    display: none;
    transform: translate(-50%, -40px);
    width: 470px;
    background-color: #fff;
    box-shadow: 0 2px 15px 0 #D2D2D2;
    color: #444;
    text-align: center;
    border-radius: 3px;
    padding: 0;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 50%;
    transition: opacity 0.3s; }
    @media screen and (max-width: 767px) {
      .tooltip-main-box .tooltip-container {
        transform: translate(-210px, -38px);
        max-width: 340px; } }
    .tooltip-main-box .tooltip-container .show-tooltip {
      visibility: visible;
      opacity: 1; }
  .tooltip-main-box .tooltip-head {
    padding: 20px;
    background-color: #FCF5F1;
    color: #333333;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 22px;
    text-align: center;
    font-family: MarkOT-Medium;
    position: relative; }
    .tooltip-main-box .tooltip-head .tooltip-close {
      width: 22px;
      height: 22px;
      position: absolute;
      top: 20px;
      right: 20px;
      cursor: pointer;
      background-color: transparent;
      border: none; }
      .tooltip-main-box .tooltip-head .tooltip-close:before, .tooltip-main-box .tooltip-head .tooltip-close:after {
        content: "";
        display: inline-block;
        position: absolute;
        left: 0;
        width: 28px;
        height: 3px;
        border-radius: 2px;
        background-color: #2F4053;
        transform-origin: center;
        transform-origin: center;
        top: 50%;
        left: 50%; }
      .tooltip-main-box .tooltip-head .tooltip-close:before {
        transform: translate(-50%, -50%) rotate(45deg); }
      .tooltip-main-box .tooltip-head .tooltip-close:after {
        transform: translate(-50%, -50%) rotate(-45deg); }
  .tooltip-main-box .tooltip-body {
    padding: 20px 45px;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .tooltip-main-box .tooltip-body {
        padding: 20px; } }
    .tooltip-main-box .tooltip-body > p {
      margin-bottom: 20px;
      color: #333333;
      font-family: MarkOT-Regular;
      font-size: 12px;
      letter-spacing: 0;
      line-height: 18px; }
    .tooltip-main-box .tooltip-body > p:last-child {
      margin-bottom: 0; }

/**************************************************/

/* Copied from screen1.css
/**************************************************/
.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    zoom: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
    left: 0;
}
.chosen-container a {
    cursor: pointer;
}

/* @end */

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


/* @end */

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

/* @end */

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

/* @end */

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

/* @end */

/* @group Disabled Support */
.chosen-disabled {
    cursor: default;
}
.chosen-disabled.chosen-container-single .chosen-single {
    background: #e8e8e8;
}
.chosen-disabled.chosen-container-single .chosen-single b {
    display: none;
}
.chosen-disabled .chosen-single {
    cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default;
}

/* @end */

/* @group Right to Left */
.chosen-rtl {
    text-align: right;
}
.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px;
}
.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px;
}
.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px;
}
.chosen-rtl .chosen-choices li {
    float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
    direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop {
    left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none;
}

/*.chosen-container-active .chosen-single {
    box-shadow: none;
}
*/
.chosen-rtl .chosen-search input[type="text"] {
    padding: 4px 5px 4px 20px;    /*background: white url('chosen-sprite.png') no-repeat -30px -20px;
                    background: url('chosen-sprite.png') no-repeat -30px -20px;*/
    direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px;
}

/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:144dpi) {
    .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span {

        /*background-image: url('chosen-sprite@2x.png') !important; */
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important;
    }
}
.chosen-container-single .chosen-single {
    background: #fff;
    border: 1px solid #ebebeb;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    height: 31px;
    line-height: 31px;
    padding: 0 20px 0 21px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px;
}
.chosen-container.chosen-with-drop .chosen-drop {
    box-shadow: none;
    border: 1px solid #ebebeb;
    border-top: 0;
}
.chosen-container-single .chosen-single div b {
    position: relative;
}
.chosen-container-single .chosen-single div b:after, .chosen-container-single .chosen-single div b:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.chosen-container-single .chosen-single div b:after {
    border-top-color: white;
    border-width: 6px;
    margin-left: -6px;
}
.chosen-container-single .chosen-single div b:before {
    border-top-color: #c1c6cc;
    border-width: 7px;
    margin-left: -7px;
}
.chosen-container-single .chosen-single div b:after, .chosen-container-single .chosen-single div b:before {
    left: 0;
    top: 50%;
    margin-top: -3px;
}
.chosen-container-single .chosen-single span {
    font-size: 15px;
}
.chosen-container-single .chosen-drop {
    -moz-border-radius-bottomleft: 18px;
    -webkit-border-bottom-left-radius: 18px;
    border-bottom-left-radius: 18px;
    -moz-border-radius-bottomright: 18px;
    -webkit-border-bottom-right-radius: 18px;
    border-bottom-right-radius: 18px;
}
.chosen-container-active.chosen-with-drop .chosen-single {
    background: #fff;
    box-shadow: none;
    border: 1px solid #ebebeb;
}

.chosen-container-active .chosen-single {
    outline: dotted 1px;
    outline: -webkit-focus-ring-color auto 5px;
}
.chosen-container {

    /*   vertical-align: baseline; */
    margin: 15px 0;
    font-size: 15px;
    width: 301px;
}
.chosen-container.chosen-with-drop .chosen-drop {
    box-shadow: none;
    border: 1px solid #ebebeb;
    border-top: 0;
}
.chosen-container .chosen-results {
    padding-left: 20px;
}
.chosen-container .chosen-results.custom_scroll {
    max-height: none;
    overflow-y: visible;
}
.chosen-container .chosen-results li {
    border-top: 1px solid #ebebeb;
    font-size: 15px;
    padding: 10px 0;
    width: 85%;
}
.chosen-container .chosen-results li.highlighted {
    color: #f8c612;
    background: none;
}
.chosen-container .chosen-results li.img_option {
    display: table;
    position: relative;
}
.chosen-container .chosen-results li.img_option.highlighted {
    background: #f1f1f1;
    color: #333;
}
.chosen-container .chosen-results li.img_option.result-selected:before {
    content: '';
    background: url(../images/global/ico_check.png) no-repeat;
    width: 19px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -9px;
}
.chosen-container .chosen-results li.img_option img {
    display: table-cell;
    margin: 0 20px 0 40px;
}
.chosen-container .chosen-results li.img_option .prod_info {
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
}
.chosen-container .chosen-results li.img_option .prod_info .prod_title {
    display: block;
    font-family: 'MarkOT-Medium';
    font-size: 15px;
}
.chosen-container .chosen-results li.img_option .prod_info .prod_desc {
    display: block;
    font-size: 15px;
}
.nano {
    position: relative;
    width: 100%;
    max-height: 400px;
    overflow: hidden;
}
.nano > .nano-content {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.nano > .nano-content:focus {
    outline: none;
}
.nano > .nano-content::-webkit-scrollbar {
    visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
    visibility: visible;
}
.nano > .nano-pane {
    background: #ebebeb;
    position: absolute;
    width: 3px;
    right: 15px;
    top: 0;
    bottom: 0;
    visibility: hidden \9;    /* Target only IE7 and IE8 with this hack */
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    opacity: 0.01;
    -moz-transition: all, 0.2s;
    -o-transition: all, 0.2s;
    -webkit-transition: all, 0.2s;
    transition: all, 0.2s;
    overflow: visible;
    height: 95%;
}
.nano > .nano-pane > .nano-slider {
    background: #2F4053;
    position: relative;
    margin: 0 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 3px solid #2F4053;
    width: 12px;
    left: -5px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
    visibility: visible \9;    /* Target only IE7 and IE8 with this hack */
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
    opacity: 0.99;
}

/**************************************************/

/* Copied from screen2.css
/**************************************************/