/*
DO NOT EDIT THIS FILE DIRECTLY!!!
*/@charset "UTF-8";
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%; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

html {
  font-size: 100%; }

body {
  font-size: 100%;
  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;
  -ms-interpolation-mode: bicubic; }

#map_canvas img, #map_canvas embed, #map_canvas object {
  max-width: none !important; }

.map_canvas img, .map_canvas embed, .map_canvas object {
  max-width: none !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.clearfix:before {
  content: " ";
  display: table; }

.clearfix:after {
  content: " ";
  display: table;
  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 {
    content: " ";
    display: table; }
  .row:after {
    content: " ";
    display: table;
    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 {
      content: " ";
      display: table; }
    .row .row:after {
      content: " ";
      display: table;
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none; }
      .row .row.collapse:before {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        content: " ";
        display: table;
        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: 745px) {
  .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-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) {
  .medium-offset-0 {
    margin-left: 0% !important; } }

@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; } }

@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; } }

.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); }

/* Custome colors */
.accordion {
  margin-bottom: 0; }
  .accordion:before {
    content: " ";
    display: table; }
  .accordion:after {
    content: " ";
    display: table;
    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 */
.btn-box {
  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; }

.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: #F9C606;
  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 {
  background: transparent;
  color: #333;
  border: 2px solid #f1be48; }

.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 {
  background: #68676B !important;
  color: #FFF !important; }
  .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, .btn-box.btn-black:disabled:hover {
    border-color: #4e5c6d;
    color: #4e5c6d; }
  .btn-box.btn-black.disabled {
    border-color: #4e5c6d;
    color: #4e5c6d;
    cursor: default; }

.btn-box.compare-brewer__btn.disabled {
  border-color: #999999;
  color: #999999; }

.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, .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 */
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: 0.625rem;
  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] {
  /*background-color: #008CBA;
      border-color: #007095;
      color: #ffffff;*/
  cursor: default;
  opacity: 0.7;
  box-shadow: none; }

.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 {
  background-color: #007095; }

button[disabled]:hover, button[disabled]:focus {
  background-color: #007095; }

.button.disabled:hover, .button.disabled:focus {
  background-color: #007095; }

.button[disabled]:hover, .button[disabled]:focus {
  background-color: #007095; }

button.disabled:hover, button.disabled:focus {
  color: #ffffff; }

button[disabled]:hover, button[disabled]:focus {
  color: #ffffff; }

.button.disabled:hover, .button.disabled:focus {
  color: #ffffff; }

.button[disabled]:hover, .button[disabled]:focus {
  color: #ffffff; }

button.disabled:hover, button.disabled:focus {
  background-color: #008CBA; }

button[disabled]:hover, button[disabled]:focus {
  background-color: #008CBA; }

.button.disabled:hover, .button.disabled:focus {
  background-color: #008CBA; }

.button[disabled]:hover, .button[disabled]:focus {
  background-color: #008CBA; }

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, .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 {
  background-color: #b9b9b9; }

button[disabled].secondary:hover, button[disabled].secondary:focus {
  background-color: #b9b9b9; }

.button.disabled.secondary:hover, .button.disabled.secondary:focus {
  background-color: #b9b9b9; }

.button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: #b9b9b9; }

button.disabled.secondary:hover, button.disabled.secondary:focus {
  color: #333333; }

button[disabled].secondary:hover, button[disabled].secondary:focus {
  color: #333333; }

.button.disabled.secondary:hover, .button.disabled.secondary:focus {
  color: #333333; }

.button[disabled].secondary:hover, .button[disabled].secondary:focus {
  color: #333333; }

button.disabled.secondary:hover, button.disabled.secondary:focus {
  background-color: #e7e7e7; }

button[disabled].secondary:hover, button[disabled].secondary:focus {
  background-color: #e7e7e7; }

.button.disabled.secondary:hover, .button.disabled.secondary:focus {
  background-color: #e7e7e7; }

.button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: #e7e7e7; }

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, .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 {
  background-color: #368a55; }

button[disabled].success:hover, button[disabled].success:focus {
  background-color: #368a55; }

.button.disabled.success:hover, .button.disabled.success:focus {
  background-color: #368a55; }

.button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #368a55; }

button.disabled.success:hover, button.disabled.success:focus {
  color: #ffffff; }

button[disabled].success:hover, button[disabled].success:focus {
  color: #ffffff; }

.button.disabled.success:hover, .button.disabled.success:focus {
  color: #ffffff; }

.button[disabled].success:hover, .button[disabled].success:focus {
  color: #ffffff; }

button.disabled.success:hover, button.disabled.success:focus {
  background-color: #43AC6A; }

button[disabled].success:hover, button[disabled].success:focus {
  background-color: #43AC6A; }

.button.disabled.success:hover, .button.disabled.success:focus {
  background-color: #43AC6A; }

.button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #43AC6A; }

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, .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 {
  background-color: #cf2a0e; }

button[disabled].alert:hover, button[disabled].alert:focus {
  background-color: #cf2a0e; }

.button.disabled.alert:hover, .button.disabled.alert:focus {
  background-color: #cf2a0e; }

.button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #cf2a0e; }

button.disabled.alert:hover, button.disabled.alert:focus {
  color: #ffffff; }

button[disabled].alert:hover, button[disabled].alert:focus {
  color: #ffffff; }

.button.disabled.alert:hover, .button.disabled.alert:focus {
  color: #ffffff; }

.button[disabled].alert:hover, .button[disabled].alert:focus {
  color: #ffffff; }

button.disabled.alert:hover, button.disabled.alert:focus {
  background-color: #f04124; }

button[disabled].alert:hover, button[disabled].alert:focus {
  background-color: #f04124; }

.button.disabled.alert:hover, .button.disabled.alert:focus {
  background-color: #f04124; }

.button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #f04124; }

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, .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 {
  background-color: #cf6e0e; }

button[disabled].warning:hover, button[disabled].warning:focus {
  background-color: #cf6e0e; }

.button.disabled.warning:hover, .button.disabled.warning:focus {
  background-color: #cf6e0e; }

.button[disabled].warning:hover, .button[disabled].warning:focus {
  background-color: #cf6e0e; }

button.disabled.warning:hover, button.disabled.warning:focus {
  color: #ffffff; }

button[disabled].warning:hover, button[disabled].warning:focus {
  color: #ffffff; }

.button.disabled.warning:hover, .button.disabled.warning:focus {
  color: #ffffff; }

.button[disabled].warning:hover, .button[disabled].warning:focus {
  color: #ffffff; }

button.disabled.warning:hover, button.disabled.warning:focus {
  background-color: #f08a24; }

button[disabled].warning:hover, button[disabled].warning:focus {
  background-color: #f08a24; }

.button.disabled.warning:hover, .button.disabled.warning:focus {
  background-color: #f08a24; }

.button[disabled].warning:hover, .button[disabled].warning:focus {
  background-color: #f08a24; }

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, .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 {
  background-color: #61b6d9; }

button[disabled].info:hover, button[disabled].info:focus {
  background-color: #61b6d9; }

.button.disabled.info:hover, .button.disabled.info:focus {
  background-color: #61b6d9; }

.button[disabled].info:hover, .button[disabled].info:focus {
  background-color: #61b6d9; }

button.disabled.info:hover, button.disabled.info:focus {
  color: #ffffff; }

button[disabled].info:hover, button[disabled].info:focus {
  color: #ffffff; }

.button.disabled.info:hover, .button.disabled.info:focus {
  color: #ffffff; }

.button[disabled].info:hover, .button[disabled].info:focus {
  color: #ffffff; }

button.disabled.info:hover, button.disabled.info:focus {
  background-color: #a0d3e8; }

button[disabled].info:hover, button[disabled].info:focus {
  background-color: #a0d3e8; }

.button.disabled.info:hover, .button.disabled.info:focus {
  background-color: #a0d3e8; }

.button[disabled].info:hover, .button[disabled].info:focus {
  background-color: #a0d3e8; }

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

/* 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, 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; }
  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; }

/* Unordered Lists */
/* 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;
  line-height: 1.6;
  color: #6d6d6d; }
  blockquote cite {
    display: block;
    font-size: 0.8125rem;
    color: #525252; }
    blockquote cite:before {
      content: "\2014 \0020"; }
    blockquote cite a {
      color: #525252; }
      blockquote cite a:visited {
        color: #525252; }
  blockquote p {
    line-height: 1.6;
    color: #6d6d6d; }

@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 */
/*****************************************************************************
  *                              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;
    margin: 28px 0 32px 45px;
    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 {
    position: absolute;
    top: 20px;
    right: 0; }
  .nav-search {
    position: absolute;
    top: 20px;
    right: 0;
    top: auto;
    bottom: 0; }
    .nav-search .search-box {
      float: right;
      height: 55px;
      width: 85%;
      padding: 0; }
      .nav-search .search-box:after {
        content: " ";
        display: table;
        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, .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-color: #f2f2f2;
        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; }
  .top-bar-section .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); }
  /* Dropdowns */
  .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);
    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 {
      list-style: none;
      margin: 0;
      padding: 0;
      font-size: 12px;
      font-size: 0.75rem;
      font-family: "MarkOT-Regular"; }
    .nav-search .f-dropdown li {
      list-style: none;
      margin: 0;
      padding: 0;
      font-size: 12px;
      font-size: 0.75rem;
      font-family: "MarkOT-Regular";
      position: relative;
      margin-bottom: 6px;
      /*Changes*/
      padding-bottom: 6px;
      width: auto; }
      .nav-search .f-dropdown li:after {
        content: " ";
        display: table;
        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%; }
  .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; } }

select {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…J2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
  background-position: 100% center;
  background-repeat: no-repeat;
  font-family: MarkOT-Regular,Helvetica,Arial,sans-serif; }

/*.join-mailing-list-form .error {
  margin: 0 15px;
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  }*/
/* 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 {
  color: #333;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 22px;
  font-weight: normal; }

.body3 {
  color: #333;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 22px;
  font-weight: normal;
  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; }

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

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; }

/*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; }

/*
  ## colorBox
  ********************************************************************/
.closeOrder {
  text-decoration: none !important; }

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

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

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

#cboxClose {
  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; }
  #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, .qsm-colorbox #cboxClose {
  display: none; }

/**************************************************/
/* 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;
  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"] {
  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; }

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;
  font-size: 1em;
  font-weight: 700;
  font-family: 'MarkOT-Regular';
  color: #333; }

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; }
  #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; }
  .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; }

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  *: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; }

section {
  width: 100%;
  height: auto;
  position: relative;
  background: #f1f1f1; }

/* Newly added
  /**************************************************/
.smallerCopy {
  font-size: 13px;
  line-height: 15px; }

.no-curosor {
  pointer-events: none;
  cursor: default !important; }

#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; }

/* Skip Navigation Link css*/
a.skip-main {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999; }
  a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background: #000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow: auto;
    margin: 10px 35%;
    padding: 5px;
    text-align: center;
    z-index: 999; }

.global-nav-icon img {
  max-width: 20px;
  max-height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  right: 50%;
  bottom: 50%;
  transform: translate(-50%, -50%); }

.exp-67.fly-out .flyout-footer .cvp-bund {
  padding-left: 19px; }
  .exp-67.fly-out .flyout-footer .cvp-bund img {
    width: 55px;
    vertical-align: middle; }

/**************************************************/
@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; }

/*** 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; }

label {
  color: #68676B;
  cursor: pointer;
  display: block;
  line-height: 1.5;
  margin-bottom: 0; }

.hidden {
  display: none; }

.pageLabel--content-site-map h4 {
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 1.25em; }

.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;
}
/*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; } }

/*
	ColorBox Core Style:
	The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
	User Style:
	Change the following styles to modify the appearance of ColorBox.  They are
	ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/colorbox/overlay.png) repeat 0 0;}
#colorbox{}
	#cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -100px 0;}
	#cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -129px 0;}
	#cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -100px -29px;}
	#cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -129px -29px;}
	#cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
	#cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
	#cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
	#cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
	#cboxContent{background:#fff; overflow:hidden;}
		#cboxError{padding:50px; border:1px solid #ccc;}
		#cboxLoadedContent{margin-bottom:28px;}
		#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
		#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
		#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
		#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
		#cboxPrevious.hover{background-position:-75px -25px;}
		#cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
		#cboxNext.hover{background-position:-50px -25px;}
		#cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) no-repeat center center;}
		#cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;}
		#cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-25px -25px;}

/*
	The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill
	when an alpha filter (opacity change) is set on the element or ancestor element.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
}

#cboxClose {
border: none; 
}
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxBottomCenter,
#cboxBottomLeft,
#cboxTopLeft,
#cboxTopCenter,
#cboxBottomRight,
#cboxTopRight{
	display: 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
 ------------------------------------------------------------ */
.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 */
.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; }

/*** =================================================================== ***/

body input[type=checkbox] + label:before,
body input[type=radio] + label:before {
  border: 3px solid #e2e2e2; }

body #wrapper {
  padding-bottom: 0; }

body #content {
  background-color: #fff; }

@media screen and (min-width: 745px) {
  body .ch-email-sign-up-div a.a-button {
    top: 3px; } }

body .footer.row {
  flex-direction: column; }

@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%); } }