.column, .columns {
  box-sizing: border-box; }

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

table {
  border-collapse: collapse;
  border-spacing: 0; }

meta.foundation-version {
  font-family: "/{{VERSION}}/"; }

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0; }

meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: 40em)/";
  width: 0; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:40.0625em)/";
  width: 40.0625em; }

meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/";
  width: 40.0625em; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:64.0625em)/";
  width: 64.0625em; }

meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
  width: 64.0625em; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.0625em)/";
  width: 90.0625em; }

meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
  width: 90.0625em; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.0625em)/";
  width: 120.0625em; }

meta.foundation-data-attribute-namespace {
  font-family: false; }

.row {
  margin: 0 auto;
  max-width: 1280px;
  width: 100%; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    margin: 0 -0.9375rem;
    max-width: none;
    width: auto; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      margin: 0;
      max-width: none;
      width: auto; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column,
.columns {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left; }

.column + .column:last-child,
.columns + .column:last-child, .column +
.columns:last-child,
.columns +
.columns:last-child {
  float: right; }
.column + .column.end,
.columns + .column.end, .column +
.columns.end,
.columns +
.columns.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 {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }

  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .column.small-uncentered,
  .columns.small-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }

  .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: 40.0625em) {
  .medium-push-0 {
    position: relative;
    left: 0;
    right: auto; }

  .medium-pull-0 {
    position: relative;
    right: 0;
    left: auto; }

  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }

  .medium-1 {
    width: 8.33333%; }

  .medium-2 {
    width: 16.66667%; }

  .medium-3 {
    width: 25%; }

  .medium-4 {
    width: 33.33333%; }

  .medium-5 {
    width: 41.66667%; }

  .medium-6 {
    width: 50%; }

  .medium-7 {
    width: 58.33333%; }

  .medium-8 {
    width: 66.66667%; }

  .medium-9 {
    width: 75%; }

  .medium-10 {
    width: 83.33333%; }

  .medium-11 {
    width: 91.66667%; }

  .medium-12 {
    width: 100%; }

  .medium-offset-0 {
    margin-left: 0 !important; }

  .medium-offset-1 {
    margin-left: 8.33333% !important; }

  .medium-offset-2 {
    margin-left: 16.66667% !important; }

  .medium-offset-3 {
    margin-left: 25% !important; }

  .medium-offset-4 {
    margin-left: 33.33333% !important; }

  .medium-offset-5 {
    margin-left: 41.66667% !important; }

  .medium-offset-6 {
    margin-left: 50% !important; }

  .medium-offset-7 {
    margin-left: 58.33333% !important; }

  .medium-offset-8 {
    margin-left: 66.66667% !important; }

  .medium-offset-9 {
    margin-left: 75% !important; }

  .medium-offset-10 {
    margin-left: 83.33333% !important; }

  .medium-offset-11 {
    margin-left: 91.66667% !important; }

  .medium-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }

  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .column.medium-uncentered,
  .columns.medium-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }

  .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: 64.0625em) {
  .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 {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }

  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .column.large-uncentered,
  .columns.large-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }

  .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; } }
[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.625rem; }
  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table; }
  [class*="block-grid-"]:after {
    clear: both; }
  [class*="block-grid-"] > li {
    display: block;
    float: left;
    height: auto;
    padding: 0 0.625rem 1.25rem; }

@media only screen {
  .small-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .small-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .small-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .small-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .small-block-grid-3 > li {
    list-style: none;
    width: 33.33333%; }
    .small-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .small-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .small-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .small-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .small-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .small-block-grid-6 > li {
    list-style: none;
    width: 16.66667%; }
    .small-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .small-block-grid-7 > li {
    list-style: none;
    width: 14.28571%; }
    .small-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .small-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .small-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .small-block-grid-9 > li {
    list-style: none;
    width: 11.11111%; }
    .small-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .small-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .small-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .small-block-grid-11 > li {
    list-style: none;
    width: 9.09091%; }
    .small-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .small-block-grid-12 > li {
    list-style: none;
    width: 8.33333%; }
    .small-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
@media only screen and (min-width: 40.0625em) {
  .medium-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .medium-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .medium-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .medium-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .medium-block-grid-3 > li {
    list-style: none;
    width: 33.33333%; }
    .medium-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .medium-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .medium-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .medium-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .medium-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .medium-block-grid-6 > li {
    list-style: none;
    width: 16.66667%; }
    .medium-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .medium-block-grid-7 > li {
    list-style: none;
    width: 14.28571%; }
    .medium-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .medium-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .medium-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .medium-block-grid-9 > li {
    list-style: none;
    width: 11.11111%; }
    .medium-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .medium-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .medium-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .medium-block-grid-11 > li {
    list-style: none;
    width: 9.09091%; }
    .medium-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .medium-block-grid-12 > li {
    list-style: none;
    width: 8.33333%; }
    .medium-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
@media only screen and (min-width: 64.0625em) {
  .large-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .large-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .large-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .large-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .large-block-grid-3 > li {
    list-style: none;
    width: 33.33333%; }
    .large-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .large-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .large-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .large-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .large-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .large-block-grid-6 > li {
    list-style: none;
    width: 16.66667%; }
    .large-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .large-block-grid-7 > li {
    list-style: none;
    width: 14.28571%; }
    .large-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .large-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .large-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .large-block-grid-9 > li {
    list-style: none;
    width: 11.11111%; }
    .large-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .large-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .large-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .large-block-grid-11 > li {
    list-style: none;
    width: 9.09091%; }
    .large-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .large-block-grid-12 > li {
    list-style: none;
    width: 8.33333%; }
    .large-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
.reveal-modal-bg {
  background: #000000;
  background: rgba(0, 0, 0, 0.45);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1004;
  left: 0; }

.reveal-modal {
  border-radius: 3px;
  display: none;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 1005;
  left: 0;
  background-color: #FFFFFF;
  padding: 1.875rem;
  border: solid 1px #666666;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
  @media only screen and (max-width: 40em) {
    .reveal-modal {
      min-height: 100vh; } }
  .reveal-modal .column, .reveal-modal .columns {
    min-width: 0; }
  .reveal-modal > :first-child {
    margin-top: 0; }
  .reveal-modal > :last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal {
      left: 0;
      margin: 0 auto;
      max-width: 1280px;
      right: 0;
      width: 80%; } }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal {
      top: 6.25rem; } }
  .reveal-modal.radius {
    box-shadow: none;
    border-radius: 3px; }
  .reveal-modal.round {
    box-shadow: none;
    border-radius: 1000px; }
  .reveal-modal.collapse {
    padding: 0;
    box-shadow: none; }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal.tiny {
      left: 0;
      margin: 0 auto;
      max-width: 1280px;
      right: 0;
      width: 30%; } }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal.small {
      left: 0;
      margin: 0 auto;
      max-width: 1280px;
      right: 0;
      width: 40%; } }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal.medium {
      left: 0;
      margin: 0 auto;
      max-width: 1280px;
      right: 0;
      width: 60%; } }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal.large {
      left: 0;
      margin: 0 auto;
      max-width: 1280px;
      right: 0;
      width: 70%; } }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal.xlarge {
      left: 0;
      margin: 0 auto;
      max-width: 1280px;
      right: 0;
      width: 95%; } }
  .reveal-modal.full {
    height: 100vh;
    height: 100%;
    left: 0;
    margin-left: 0 !important;
    max-width: none !important;
    min-height: 100vh;
    top: 0; }
    @media only screen and (min-width: 40.0625em) {
      .reveal-modal.full {
        left: 0;
        margin: 0 auto;
        max-width: 1280px;
        right: 0;
        width: 100%; } }
  .reveal-modal.toback {
    z-index: 1003; }
  .reveal-modal .close-reveal-modal {
    color: #AAAAAA;
    cursor: pointer;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1;
    position: absolute;
    top: 0.625rem;
    right: 1.375rem; }

@media only screen and (min-width: 600px) {
  .row .medium-offset-0 {
    margin-left: 0 !important; }

  .row .medium-offset-1 {
    margin-left: 8.33333% !important; }

  .row .medium-offset-2 {
    margin-left: 16.66667% !important; }

  .row .medium-offset-3 {
    margin-left: 25% !important; }

  .row .medium-offset-4 {
    margin-left: 33.33333% !important; }

  .row .medium-offset-5 {
    margin-left: 41.66667% !important; }

  .row .medium-offset-6 {
    margin-left: 50% !important; }

  .row .medium-offset-7 {
    margin-left: 58.33333% !important; }

  .row .medium-offset-8 {
    margin-left: 66.66667% !important; }

  .row .medium-offset-9 {
    margin-left: 75% !important; }

  .row .medium-offset-10 {
    margin-left: 83.33333% !important; }

  .row .medium-offset-11 {
    margin-left: 91.66667% !important; }

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

  .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 !important; }

  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right !important; } }
a {
  color: #666; }

html {
  scroll-behavior: smooth; }

body {
  /*
      Colorbox Core Style:
      The following CSS is consistent between example themes and should not be altered.
  */
  /* 
      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.
  */
  /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
  /* #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url('/img/controls.png') no-repeat 0 0;} */
  /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
  /*
  #cboxClose{background-position:-50px 0px; right:0;}
  #cboxClose:hover{background-position:-50px -25px;}
  */
  /*$background-color:      #F2F5F2; */
  /*$background-color-dark: #f8f0f0; */
  /* These affect only the media-queries below, not the grid */
  /** unused
  .product-main-info {
      @include grid-row; 
      background: #fff;
  
  
  
      }
  
      .product-main-description {
          @media only screen {
              @include grid-column(12);
              padding: 10px 0px;
          }
          @media only screen and (min-width: 600px) {
              @include grid-column(8);
              padding: 20px 20px;
              border-left: solid 20px $body-background;
              box-sizing: border-box;
  
          }
          @media only screen and (min-width: 640px) {
              @include grid-column(8);
              padding: 20px 20px;
              border-left: solid 20px $body-background;
              box-sizing: border-box;
          }
  
          .product-main-offers {
              .price-container {
                  margin: 0;
  
                  .row {
                      margin: 0;
                      padding: 3px 0;
  
                      .offer-retailer-logo {
                          line-height: 1em;
                      }
                  }
              }
          }
  
          .main-attributes {
              list-style-type: none;
              margin-top: 0.5em;
  
              &:after {
                  content: " ";
                  display: block;
                  clear: both;
              }
              
  
              li {
                  margin-left: 0px;
                  line-height: 1.5em;
                  
                  text-transform: uppercase;
                  font-family: $font-family-menu;
                  font-size: 0.85em;
                  
                  .label {
                      display: block;
                      float: left;
                      clear: left;
                      width: 40%;
                  }
  
                  .value {
                      display: block;
                      float: left;
                  }
              }
          }
      }
  
  **/
  /** unused
  .specs-row {
      background: #fff;
      padding: 10px 0px;
  }
  .specs {
      @media only screen {
          @include block-grid(1); 
          margin: 0;
      }
      @media only screen and (min-width: 600px) {
          @include block-grid(2); 
          margin: 0;
      }
  
  
      & .spec-column-content {
          @media only screen {
              padding: 0px;
              padding-bottom: 20px;
          }
          @media only screen and (min-width: 600px) {
              padding: 20px;
          }
      }
  
      & .spec-column {
          margin: 0;
          padding: 0;
  
          & h4 {
              //border-bottom: solid 1px $body-font-color;
              margin-bottom: 5px;
          }
  
          & ul {
              margin: 0;
              padding: 0;
  
              & li {
                  list-style-type: none;
                  margin: 0;
          
                  @media only screen {
                      padding: 4px 0px;
                  }
                  @media only screen and (min-width: 600px) {
                      padding: 4px;
                  }
  
                  @include grid-row;
              }
          }
  
          & .attribute {
              font-weight: bold;
              font-family: $font-family-bold;
              @include grid-column(6);
              padding: 0;
          }
  
          & .value {
              @include grid-column($columns: 5, $offset: 1);
              padding: 0;
          }
          
      }
  }
  **/
  /** unused
  .breadcrumbs {
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: 0.9em;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      ol {
          padding: 0px 10px;
          
          @media only screen and (min-width: 1280px) {
              padding: 0;
          }
  
          
          display: inline;
          li {
              display: inline;
              a {
                  padding-right: 12px;
                  margin-right: 4px;
                  background: url('https://d1s5szje21xe6k.cloudfront.net/static/img/smallarrow.png');
                  background-size: 4px 7px;
                  background-position: center right;
                  background-repeat: no-repeat;
                  text-decoration: none;
                  color: $main-text-color;
                  @include transform(color 0.2s linear);
  
                  @media only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 2.6/2), only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen  and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 1.3dppx) {
                      background-image: url('https://d1s5szje21xe6k.cloudfront.net/static/img/smallarrow@2x.png');
                  }
  
                  &:hover {
                      color: $primary-color;
                  }
              }
          }
  
          li.last a {
              background: none;
              padding-right: 0;
          }
      }
  }
  **/
  /** unused
  .add-review-form {
      background: $background-color;
      padding: 10px;
      margin-top: 1em;
      h3 {
          text-align: left;
      }
  
      form {
          color: $main-text-color;
          margin: 5px 0px 25px;
      }
  
      .form-content-container {
          @include grid-row; 
          
          .column{
              padding: 0px 5px;
          }
  
          input, textarea {
              display: block;
              padding: 5px;
              border: solid 1px #eaeaea;
              width: 100%;
              @extend %borderbox;
              background-color: #fff;
          }
          button {
              display: block;
              clear: left;
              float: none;
          }
          label {
              display: block;
              margin: 10px 0px;
          }
  
          .formfields {
              padding: 10px;
          }
  
          .reviewform-meta {
  
              @media only screen {
                  @include grid-column($columns: 12);
                  padding: 0px;
              }
              @media only screen and (min-width: 600px) {
                  @include grid-column($columns: 4);
                  padding: 0px;
              }
  
          }
  
          .reviewform-review {
              @media only screen {
                  @include grid-column($columns: 12);
                  padding: 0px;
              }
              @media only screen and (min-width: 600px) {
                  @include grid-column($columns: 7, $offset: 1);
                  padding: 0px;
              }
          }
          .rating-widget {
              margin-top: -10px;
              margin-bottom: 10px;
          }
      }
  }
  **/
  /** unused
  .fancybutton {
      @extend %btn-gradient;
      border: none;
      margin: 1em 0px 0.5em;
      padding: 0.5em 1em;
      color: white;
      line-height: 1.5em;
      font-size: 1.1em;
      cursor: pointer;
  
      &:hover {
          background: $lighter-primary-color;
      }
  }
  
  .rating-widget {
      height: 20px;
      input {
          display: none !important;
      }
      .stars {
          .star {
              display: block;
              float: left;
              background: url('https://d1s5szje21xe6k.cloudfront.net/static/img/star16-off@2x.png');
              background-size: 16px 16px;
              background-repeat: no-repeat;
              background-position: center center;
              width: 20px;
              height: 20px;
              text-indent: -99999px;
              margin-right: 0.2em;
          
              &.active {
                  background-image: url('https://d1s5szje21xe6k.cloudfront.net/static/img/star16-on@2x.png');
              }
              &:hover {
                  background-image: url('https://d1s5szje21xe6k.cloudfront.net/static/img/star16-on@2x.png');
              }
          }
      }
  }
  **/
  /** unused
  .review {
      @include grid-row; 
      padding: 10px;
      width: auto;
  
      &.odd {
          //background: transparentize($primary-color, 1);
      }
      &.even {
          //background: transparentize($primary-color, 0.90);
      }
      
      .review-summary {
          font-size: 0.9em;
  
          li {
              clear: left;
          }
  
          @media only screen {
              @include grid-column($columns: 12);
              padding: 0px;
          }
          @media only screen and (min-width: 600px) {
              @include grid-column($columns: 3);
              padding: 0px;
          }
      }
  
      .review-text {
          @media only screen {
              @include grid-column($columns: 12);
              padding: 0px;
          }
          @media only screen and (min-width: 600px) {
              @include grid-column($columns: 8, $offset: 1);
              padding: 0px;
          }
      }
  
      .stars {
          .star {
              display: block;
              float: left;
              background: url('https://d1s5szje21xe6k.cloudfront.net/static/img/star-off.png');
              background-size: 12px 12px;
              background-size: cover;
              -ms-behavior: url('/backgroundsize.min.htc');
              background-repeat: no-repeat;
              background-position: center center;
              width: 12px;
              height: 12px;
              text-indent: -99999px;
              margin-right: 0.2em;
          
              &.active {
                  background-image: url('https://d1s5szje21xe6k.cloudfront.net/static/img/star-on.png');
              }
          }
      }
  }
  
  .hp-review {
      h4 {
          margin-bottom: 3px;
      }
      .subtitle {
          text-transform: uppercase;
          margin-bottom: 3px;
          display: block;
          a { 
              font-family: $font-family-bold;
          }
      }
      .review-rating {
          padding-bottom: 20px;
      }
      .stars {
          .star {
              display: block;
              float: left;
              background: url('https://d1s5szje21xe6k.cloudfront.net/static/img/star-off.png');
              background-size: 12px 12px;
              background-size: cover;
              -ms-behavior: url('/backgroundsize.min.htc');
              background-repeat: no-repeat;
              background-position: center center;
              width: 12px;
              height: 12px;
              text-indent: -99999px;
              margin-right: 0.2em;
          
              &.active {
                  background-image: url('https://d1s5szje21xe6k.cloudfront.net/static/img/star-on.png');
              }
          }
      }
  }
  **/
  /** unused
  .on-photo {
      h3 {
          color: #fff;
          font-size: 46px;
          text-shadow: 0px 0px 8px black;
          text-align: center;
      }
      .pre-title {
          color: #fff;
          font-size: 24px;
          text-shadow: 0px 0px 8px black;
      }
  }
  **/
  /** unused
  .category-backdrop {
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      height: auto;
      position: relative;
      top: 0;
      padding-top: $topbar-height;
      color: #000;
      &.with-wallpaper {
          height: auto;
          padding-bottom: 240px;
          margin-bottom: -200px;
          h1 {
              color: #fff;
              text-shadow: 0px 0px 10px black;
          }
          h2 {
              color: #fff;
              text-shadow: 0px 0px 10px black;
          }        
      }
      a {
          color: #000;
      }
  
      .category-icon {
          text-align: center;
          margin: 20px 0px 5px
      }
  
      h1 {
          text-align: center;
          font-size: 28px;
          text-transform: uppercase;
          margin-bottom: 0px;
      }
      h2 {
          color: #fff;
          text-align: center;        
      }
  
      h3, h4 {
          color: #000;
      }
  }
  **/
  /** unused 
  .lightbox-content {
      @media only screen and (max-width: 600px) {
          padding: 20px 0px;
      }
  }
  
  .lightbox-image-section {
      @media only screen {
          @include grid-column(12);
          padding: 0;
      }
      @media only screen and (min-width: 600px) {
          @include grid-column(5);
          padding: 0;
      }
  
      margin-top: 20px;
      text-align: center;
  
  
      img {
          max-width: 95%;
          max-height: 300px;
      }
  }
  
  .lightbox-info-section {
      @media only screen {
          @include grid-column(12);
          padding: 0;
          &:after {
              content: " ";
              display: block;
              clear: both;
              height: 0px;
          }
      }
      @media only screen and (min-width: 600px) {
          @include grid-column(7);
          padding: 0;
          &:after {
              content: " ";
              display: block;
              clear: both;
              height: 0px;
          }
      }
      
  
      margin-top: 20px;
      
      h1 {
          font-size: 28px;
          text-transform: none;
      }
      .main-attributes {
          font-size: 11px;
          text-transform: uppercase;
          line-height: 20px;
      }
  
  }
  
  .lightbox-recommendation-section {
  
      h2 {
          text-transform: uppercase;
          margin-bottom: 30px;
          font-size: 12px;
      }
  
      .other-people-liked {
  
          @media only screen {
          @include block-grid(2); 
              li {
                  padding: 0;
              }
          }
          @media only screen and (min-width: 600px) {
              @include block-grid(5); 
              li {
                  padding: 0;
              }
          }
          
          li {
              padding: 0;
              .product-info, .product-price {
                  display: none;
              }
  
              img {
                  max-width: 80%;
              }
          }
          
      }
  }
  **/
  /* NEW DETAIL PHOTOPAGE */
  /*--------------------*/ }
  body .humane,
  body .humane-bigbox {
    position: fixed;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 100000;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }
  body .humane,
  body .humane-bigbox {
    line-height: 30px;
    font-size: 24px;
    top: 25%;
    left: 25%;
    opacity: 0;
    width: 50%;
    min-height: 30px;
    border: double 5px #fff;
    padding: 30px;
    text-align: center;
    background: #8bbec6;
    color: #fff;
    -moz-transform: scale(0.1);
    -webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1); }
  body .humane p,
  body .humane-bigbox p,
  body .humane ul,
  body .humane-bigbox ul {
    margin: 0;
    padding: 0; }
  body .humane ul,
  body .humane-bigbox ul {
    list-style: none; }
  body .humane.humane-animate,
  body .humane-bigbox.humane-bigbox-animate {
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  body .humane.humane-animate:hover,
  body .humane-bigbox.humane-bigbox-animate:hover {
    opacity: 0.6;
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8); }
  body .humane.humane-js-animate,
  body .humane-bigbox.humane-bigbox-js-animate {
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  body .humane.humane-js-animate:hover,
  body .humane-bigbox.humane-bigbox-js-animate:hover {
    opacity: 0.6;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); }
  body #colorbox, body #cboxOverlay, body #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden; }
  body #cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%; }
  body #cboxMiddleLeft, body #cboxBottomLeft {
    clear: left; }
  body #cboxContent {
    position: relative; }
  body #cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
  body #cboxTitle {
    margin: 0; }
  body #cboxLoadingOverlay, body #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  body #cboxPrevious, body #cboxNext, body #cboxClose, body #cboxSlideshow {
    cursor: pointer; }
  body .cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic; }
  body .cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0; }
  body #colorbox, body #cboxContent, body #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; }
  body #cboxOverlay {
    background: #CED0CE; }
  body #colorbox {
    outline: 0; }
  body .cboxIframe {
    background: #fff; }
  body #cboxError {
    padding: 50px;
    border: 1px solid #ccc; }
  body #cboxLoadingGraphic {
    background: url('https://fe2.homedeco.nl/static/img/loading.gif?45e61ea74951') no-repeat center center; }
  body #cboxLoadingOverlay {
    background: #fff; }
  body #cboxTitle {
    position: absolute;
    top: -22px;
    left: 0;
    color: #000; }
  body #cboxCurrent {
    position: absolute;
    top: -22px;
    right: 205px;
    text-indent: -9999px; }
  body #cboxPrevious, body #cboxNext, body #cboxSlideshow, body #cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -20px;
    background: url('/img/controls.png') no-repeat 0 0; }
  body #cboxClose {
    background: url('/img/closelb.png?45e61ea74951');
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    top: 0px;
    right: -30px; }
  body #cboxPrevious:active, body #cboxNext:active, body #cboxSlideshow:active, body #cboxClose:active {
    outline: 0; }
  body #cboxPrevious {
    background-position: 0px 0px;
    right: 44px; }
  body #cboxPrevious:hover {
    background-position: 0px -25px; }
  body #cboxNext {
    background-position: -25px 0px;
    right: 22px; }
  body #cboxNext:hover {
    background-position: -25px -25px; }
  body .cboxSlideshow_on #cboxPrevious, body .cboxSlideshow_off #cboxPrevious {
    right: 66px; }
  body .cboxSlideshow_on #cboxSlideshow {
    background-position: -75px -25px;
    right: 44px; }
  body .cboxSlideshow_on #cboxSlideshow:hover {
    background-position: -100px -25px; }
  body .cboxSlideshow_off #cboxSlideshow {
    background-position: -100px 0px;
    right: 44px; }
  body .cboxSlideshow_off #cboxSlideshow:hover {
    background-position: -75px -25px; }
  body #cboxPrevious, body #cboxNext, body #cboxSlideshow {
    display: none !important; }
  body * {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  body .category-completer, body .category-completer #category-completer {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  body .row .offer-visit .next {
    background: #8bbec6;
    /* Old browsers */
    background: -moz-linear-gradient(top, #9cc8ce 0%, #9cc8ce 50%, #8bbec6 51%, #8bbec6 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9cc8ce), color-stop(50%, #9cc8ce), color-stop(51%, #8bbec6), color-stop(100%, #8bbec6));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #9cc8ce 0%, #9cc8ce 50%, #8bbec6 51%, #8bbec6 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #9cc8ce 0%, #9cc8ce 50%, #8bbec6 51%, #8bbec6 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #9cc8ce 0%, #9cc8ce 50%, #8bbec6 51%, #8bbec6 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #9cc8ce 0%, #9cc8ce 50%, #8bbec6 51%, #8bbec6 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cc8ce', endColorstr='#8bbec6',GradientType=0 );
    /* IE6-9 */ }
  body {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    background-color: #ffffff;
    position: relative;
    height: 100%;
    margin: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    line-height: 18px;
    font-size: 13px; }
  body h1, body h2, body h3, body h4, body h5, body h6 {
    font-family: "Lexend Deca", sans-serif;
    font-weight: 300;
    color: #000;
    margin-bottom: 10px; }
  body h3, body h4, body h5, body h6 {
    text-align: left;
    font-weight: 400;
    color: #111; }
  body .on-image {
    color: #fff;
    text-shadow: 0px 0px 8px black;
    font-weight: 700;
    text-align: centered;
    line-height: 1em;
    margin: 0;
    padding: 0; }
    body .on-image a {
      color: #fff; }
    body .on-image h3 {
      color: #fff;
      font-size: 24px;
      font-weight: 700;
      padding: 0 20px; }
      @media only screen and (min-width: 1024px) {
        body .on-image h3 {
          font-size: 36px; } }
  body em {
    font-style: italic; }
  body strong {
    font-weight: 700; }
  body p {
    margin-bottom: 1em;
    line-height: 1.4em; }
  body a {
    color: #8bbec6; }
  body h1 {
    font-size: 2.4em;
    line-height: 1em;
    margin-top: 15px;
    margin-bottom: 5px; }
    body h1 a {
      color: #000; }
  body h2 {
    font-size: 20px;
    line-height: 1.3em;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      body h2 {
        font-size: 28px; } }
    body h2 a {
      color: #8bbec6; }
    body h2 .sale-label {
      position: relative;
      margin-right: 0px;
      margin-bottom: -15px; }
      @media only screen and (min-width: 1024px) {
        body h2 .sale-label {
          margin-bottom: -11px; } }
  body h3 {
    font-size: 15px;
    line-height: 1em; }
    body h3 a {
      color: #111; }
  body h4 {
    font-size: 1.1em;
    line-height: 1.1em; }
  body h5, body h6 {
    font-size: 1.0em;
    line-height: 1.2em; }
  body input[type="text"], body input[type="password"], body input[name="website"], body input[type="email"], body input[type="tel"], body input[type="number"], body input[type="search"], body input[type="url"], body select {
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
    background-color: #f5f2f2;
    padding: 5px;
    border: none; }
  body .field-error input[type="text"], body .field-error input[type="password"], body .field-error input[name="website"], body .field-error input[type="email"], body .field-error input[type="tel"], body .field-error input[type="number"], body .field-error input[type="search"], body .field-error select {
    border: 1px solid #f77 !important; }
  body .field-error .errorlist {
    margin: 0px; }
  body .err {
    color: red;
    margin: 10px;
    font-weight: bold; }
  body select {
    background: #f5f2f2 url('https://d1s5szje21xe6k.cloudfront.net/static/img/arrowdown@2x.png') no-repeat center right 10px;
    background-size: 8px;
    padding-right: 25px; }
  body input[type=checkbox] {
    -webkit-appearance: checkbox; }
  body textarea {
    border-radius: 0;
    background-color: #f5f2f2;
    padding: 5px;
    border: none; }
  body button {
    outline: none; }
  body img.responsive {
    max-width: 100%;
    max-height: 100%; }
  body a {
    text-decoration: none; }
    body a:hover {
      text-decoration: underline; }
    body a.area {
      display: block; }
      body a.area:hover {
        text-decoration: none;
        opacity: 0.8; }
  body p:last-of-type {
    margin-bottom: 0; }
  body .column, body .columns {
    padding-left: 0px !important;
    padding-right: 0px !important; }
  body .strong {
    font-weight: 700; }
  body .main-wrapper {
    width: 100%;
    min-height: 100%;
    position: relative; }
  body .space-left {
    padding-left: 10px !important; }
    @media only screen and (max-width: 600px) {
      body .space-left {
        padding-left: 0px !important; } }
  body .content-right {
    text-align: right !important; }
  body .content-left {
    text-align: left !important; }
  body .space-right {
    padding-right: 10px !important; }
    @media only screen and (max-width: 600px) {
      body .space-right {
        padding-right: 0px !important; } }
  body.menu-open .main-wrapper {
    overflow: hidden; }
  body .upper {
    text-transform: uppercase; }
  body .centered {
    text-align: center; }
  body .pull-right {
    float: right; }
  body .pull-left {
    float: left; }
  body .side-menu {
    position: static;
    margin-top: 103px;
    width: 100%;
    background: white;
    min-height: 100%;
    display: none;
    margin-left: -100%;
    border-bottom: 1px solid #ccc; }
    body .side-menu .profile-image {
      width: 30px;
      height: 30px;
      border-radius: 50px;
      vertical-align: middle;
      margin: -15px 0; }
    body .side-menu .menu-search-section {
      padding: 10px;
      position: relative;
      text-transform: uppercase;
      background-color: #e0eef0; }
    body .side-menu .mobile-menu .sidemenu {
      margin: 0 auto;
      max-width: 1280px;
      width: 100%; }
      body .side-menu .mobile-menu .sidemenu:before, body .side-menu .mobile-menu .sidemenu:after {
        content: " ";
        display: table; }
      body .side-menu .mobile-menu .sidemenu:after {
        clear: both; }
      body .side-menu .mobile-menu .sidemenu li {
        border-top: 1px solid #ccc;
        position: relative; }
        @media only screen {
          body .side-menu .mobile-menu .sidemenu li {
            padding-left: 0.9375rem;
            padding-right: 0.9375rem;
            width: 100%;
            float: left;
            padding: 0; } }
        @media only screen and (min-width: 600px) {
          body .side-menu .mobile-menu .sidemenu li {
            padding-left: 0.9375rem;
            padding-right: 0.9375rem;
            width: 100%;
            float: left;
            padding: 0; } }
        body .side-menu .mobile-menu .sidemenu li.indented {
          margin-left: 20px; }
        body .side-menu .mobile-menu .sidemenu li a {
          display: block;
          padding: 20px;
          text-transform: uppercase;
          text-decoration: none; }
  body.menu-open .side-menu {
    display: block;
    margin-left: 0px; }
    @media only screen and (min-width: 1024px) {
      body.menu-open .side-menu {
        width: 0px;
        display: none; } }
  body.menu-open .page-wrapper .container {
    display: none; }
    @media only screen and (min-width: 1024px) {
      body.menu-open .page-wrapper .container {
        display: block; } }
  body .row {
    margin: 0 auto;
    max-width: 1280px;
    width: 100%;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    position: relative; }
    body .row:before, body .row:after {
      content: " ";
      display: table; }
    body .row:after {
      clear: both; }
    body .row .row {
      margin: 0 auto;
      max-width: 1280px;
      width: 100%;
      max-width: 1280px;
      width: 100%;
      margin: 0 auto; }
      body .row .row:before, body .row .row:after {
        content: " ";
        display: table; }
      body .row .row:after {
        clear: both; }
  body .product-row {
    margin: 0 auto;
    max-width: 1280px;
    width: 100%;
    max-width: 640px;
    width: 100%;
    margin: 0 auto; }
    body .product-row:before, body .product-row:after {
      content: " ";
      display: table; }
    body .product-row:after {
      clear: both; }
    body .product-row h1 {
      font-size: 2em;
      text-transform: none;
      text-align: center;
      margin: 25px 0px 15px; }
    body .product-row h3 {
      font-size: 14px;
      text-align: center;
      padding: 10px 0;
      border-bottom: 1px solid #eee; }
  body .nobg-row-content {
    margin: 0px 10px; }
    @media only screen and (min-width: 1280px) {
      body .nobg-row-content {
        margin: 0; } }
  body .row-content {
    padding: 0px 20px;
    background: #fff; }
    body .row-content.with-topmargin {
      margin-top: 20px; }
    @media only screen and (min-width: 600px) {
      body .row-content.add-margin-right {
        margin-right: 10px; } }
    @media only screen and (min-width: 600px) {
      body .row-content.add-margin-left {
        margin-left: 10px; } }
    body .row-content.category-info {
      padding: 20px;
      margin-bottom: 20px; }
      body .row-content.category-info p {
        margin-bottom: 1em; }
  body header.header {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff; }
    @media only screen {
      body header.header {
        height: 56px; } }
    @media only screen and (min-width: 1024px) {
      body header.header {
        height: 96px;
        position: fixed; } }
    body header.header .row {
      position: relative; }
    body header.header .header-bar {
      background: #8bbec6;
      -webkit-box-shadow: 0px 2px 5px -3px #000000;
      -moz-box-shadow: 0px 2px 5px -3px #000000;
      box-shadow: 0px 2px 5px -3px #000000; }
      @media only screen {
        body header.header .header-bar {
          height: 0; } }
      @media only screen and (min-width: 640px) {
        body header.header .header-bar {
          height: 40px; } }
    body header.header .social-media {
      display: none;
      float: left;
      font-size: 18px;
      margin-top: 13px; }
      @media only screen and (min-width: 1024px) {
        body header.header .social-media {
          display: block; } }
      body header.header .social-media .small {
        display: inline-block;
        font-size: 12px;
        margin-top: -5px; }
      body header.header .social-media a {
        color: #cfe4e8;
        padding-right: 10px; }
        body header.header .social-media a:hover {
          text-decoration: none;
          color: #8bbec6; }
    body header.header .cart-menu .cart-count {
      position: absolute;
      right: -12px;
      top: -5px;
      font-size: 10px;
      color: #fff;
      background-color: #f00;
      padding: 3px;
      border-radius: 15px;
      line-height: 1;
      font-weight: 700;
      width: 16px;
      height: 16px;
      text-align: center; }
    body header.header .userdata {
      position: relative;
      display: none;
      float: right;
      font-size: 16px;
      margin-top: 10px;
      font-weight: 300; }
      body header.header .userdata.cart-menu {
        margin-top: 14px;
        margin-right: 25px; }
      @media only screen and (min-width: 1024px) {
        body header.header .userdata {
          display: block; } }
      body header.header .userdata .small {
        display: inline-block;
        font-size: 12px;
        margin-top: -5px; }
      body header.header .userdata a {
        color: #000; }
      body header.header .userdata .profile-image {
        height: 30px;
        width: 30px;
        border-radius: 50px;
        vertical-align: middle; }
    body header.header .topnav {
      display: none;
      float: left;
      font-size: 16px;
      margin-top: 14px;
      font-weight: 300; }
      @media only screen and (min-width: 1024px) {
        body header.header .topnav {
          display: block; } }
      body header.header .topnav .small {
        display: inline-block;
        font-size: 12px;
        margin-top: -5px; }
      body header.header .topnav a {
        color: #000;
        padding-right: 20px; }
        body header.header .topnav a.selected {
          text-decoration: underline;
          position: relative; }
          body header.header .topnav a.selected:after {
            content: "";
            position: absolute;
            border-style: solid;
            display: block;
            width: 0;
            top: 34px;
            /* value = - border-top-width - border-bottom-width */
            right: 50%;
            /* controls horizontal position */
            bottom: auto;
            left: auto;
            border-width: 0 10px 10px;
            /* vary these values to change the angle of the vertex */
            border-color: #8bbec6 transparent; }
    body header.header .logo-wrapper {
      margin: 0;
      padding: 10px;
      line-height: 20px;
      font-size: 18px;
      text-align: center;
      background-color: #fff;
      max-width: 1100px;
      margin: 0px auto; }
      body header.header .logo-wrapper a.logo {
        background-image: url('https://d1s5szje21xe6k.cloudfront.net/static/img/logo2x.png');
        display: block;
        width: 200px;
        height: 30px;
        line-height: 1px;
        font-size: 1px;
        text-indent: -999999px;
        text-decoration: none;
        background-size: contain;
        -ms-behavior: url('/backgroundsize.min.htc');
        background-position: center center;
        background-repeat: no-repeat;
        margin: 0 auto; }
        @media only screen and (min-width: 1024px) {
          body header.header .logo-wrapper a.logo {
            height: 45px; } }
    body header.header .pull-down-container {
      position: relative;
      padding-bottom: 20px;
      margin-bottom: -20px; }
      body header.header .pull-down-container .pull-down {
        display: none;
        margin-top: 5px;
        z-index: 100;
        background-color: #add1d7;
        border-radius: 3px;
        position: absolute;
        padding: 8px 20px;
        right: 0px; }
        body header.header .pull-down-container .pull-down li {
          text-align: left;
          white-space: nowrap;
          float: none; }
          body header.header .pull-down-container .pull-down li a {
            color: #fff;
            font-size: 12px;
            display: block;
            padding: 6px 20px 6px 0;
            font-weight: 400;
            text-transform: uppercase;
            width: 100%; }
            body header.header .pull-down-container .pull-down li a:hover {
              background-color: transparent !important;
              text-decoration: underline !important; }
        body header.header .pull-down-container .pull-down .divider {
          height: 1px;
          margin: 5px 0;
          background-color: #e0eef0; }
        body header.header .pull-down-container .pull-down .triangle {
          position: absolute;
          border: 8px solid transparent;
          border-bottom-color: #add1d7;
          margin-left: -8px;
          top: -16px;
          left: 50%; }
          body header.header .pull-down-container .pull-down .triangle.right {
            left: auto;
            right: 15%; }
      body header.header .pull-down-container:hover .pull-down {
        display: block; }
    body header.header .header-menu {
      margin-left: 0px;
      height: 40px;
      display: none; }
      @media only screen and (min-width: 1024px) {
        body header.header .header-menu {
          display: block; } }
      body header.header .header-menu .topmenu {
        margin: 0;
        padding: 0; }
        body header.header .header-menu .topmenu li {
          margin: 0;
          float: left;
          list-style-type: none; }
          body header.header .header-menu .topmenu li a {
            color: #fff;
            padding: 0px 6px;
            text-transform: lowercase;
            height: 40px;
            display: block;
            line-height: 40px;
            font-weight: 400;
            font-family: "Roboto", Helvetica, Arial, sans-serif;
            font-size: 11px;
            text-transform: uppercase;
            text-decoration: none; }
            @media only screen and (min-width: 1024px) {
              body header.header .header-menu .topmenu li a {
                font-size: 12px;
                padding: 0px 6px; } }
            @media only screen and (min-width: 1280px) {
              body header.header .header-menu .topmenu li a {
                padding: 0px 7px; } }
            body header.header .header-menu .topmenu li a:hover {
              background: rgba(255, 255, 255, 0.1); }
    body header.header .search-section {
      display: block;
      text-transform: uppercase;
      background-color: #8bbec6;
      padding: 10px; }
      body header.header .search-section input {
        text-transform: uppercase;
        padding: 8px;
        background-color: #9cc8ce;
        font-size: 11px;
        color: #fff; }
        body header.header .search-section input::-webkit-input-placeholder {
          /* WebKit browsers */
          color: #fff; }
        body header.header .search-section input:-moz-placeholder {
          /* Mozilla Firefox 4 to 18 */
          color: #fff;
          opacity: 1; }
        body header.header .search-section input::-moz-placeholder {
          /* Mozilla Firefox 19+ */
          color: #fff;
          opacity: 1; }
        body header.header .search-section input:-ms-input-placeholder {
          /* Internet Explorer 10+ */
          color: #fff; }
      @media only screen and (min-width: 1024px) {
        body header.header .search-section {
          position: absolute;
          border-bottom: none;
          max-width: 16%;
          right: 10px;
          top: 5px;
          height: 40px;
          display: block;
          background-color: transparent;
          padding: 0px; } }
      body header.header .search-section .btn {
        padding: 8px;
        font-size: 11px; }
        body header.header .search-section .btn.btn-default {
          background-color: #9cc8ce; }
    body header.header .menu-toggle {
      position: absolute;
      left: 10px;
      top: -43px; }
      body header.header .menu-toggle.cart-menu {
        left: auto;
        right: 10px; }
        body header.header .menu-toggle.cart-menu .cart-count {
          right: -5px;
          top: 0px; }
      @media only screen and (min-width: 1024px) {
        body header.header .menu-toggle {
          display: none; } }
      body header.header .menu-toggle a {
        display: block;
        border: none;
        margin: 0;
        padding: 6px;
        font-size: 22px; }
        body header.header .menu-toggle a:hover {
          text-decoration: none;
          opacity: 0.8; }
  body .search-container {
    background: #8bbec6;
    padding: 5px 10px;
    line-height: 23px;
    margin-bottom: 10px; }
    body .search-container:after {
      content: " ";
      display: block;
      clear: both; }
    body .search-container .search-input {
      width: 81%;
      margin: 0;
      padding: 5px 2%;
      float: left; }
    body .search-container .search-button {
      background-repeat: no-repeat;
      background-position: center right;
      width: 15%;
      margin: 0;
      padding: 0; }
  body .price-range-form input {
    width: 30%;
    text-align: left;
    line-height: 14px;
    margin: 0 5px;
    margin-bottom: 2px; }
  body .search-input {
    padding: 5px;
    border: none;
    line-height: 14px; }
  body .header-bar .search-input {
    outline: none;
    padding: 7px;
    line-height: 16px;
    font-size: 12px;
    margin: 0;
    margin-right: 30px;
    position: absolute;
    top: 3px;
    right: 0px;
    width: 200px; }
  body .container {
    -webkit-transition: height 0.3s linear;
    -moz-transition: height 0.3s linear;
    -ms-transition: height 0.3s linear;
    -o-transition: height 0.3s linear;
    transition: height 0.3s linear; }
    @media only screen {
      body .container {
        padding-top: 92px; } }
    @media only screen and (min-width: 640px) {
      body .container {
        padding-top: 90px; } }
    @media only screen and (min-width: 1024px) {
      body .container {
        padding-top: 105px; } }
  @media only screen and (min-width: 640px) {
    body .product-summary {
      height: 300px; } }
  @media only screen and (min-width: 640px) {
    body .product-summary .product-description {
      max-height: 90px;
      overflow: hidden;
      -webkit-line-clamp: 6;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical; } }
  body .product-row .product-image {
    position: relative;
    height: 300px;
    text-align: center; }
    body .product-row .product-image .social-buttons {
      bottom: 10px;
      left: 10px; }
    body .product-row .product-image img {
      max-width: 100%;
      max-height: 100%; }
  body .product-main-image {
    text-align: center; }
    @media only screen {
      body .product-main-image {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        width: 100%;
        float: left;
        padding: 0; } }
    @media only screen and (min-width: 600px) {
      body .product-main-image {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        width: 33.33333%;
        float: left;
        padding: 0; } }
    @media only screen and (min-width: 640px) {
      body .product-main-image {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        width: 33.33333%;
        float: left;
        padding: 0; } }
  body .image-alternative-container {
    width: 90%;
    margin-left: 5%; }
  body .image-alternatives .empty .alt-image {
    border-style: dotted; }
  @media only screen {
    body .image-alternatives {
      display: block;
      padding: 0;
      margin: 0 -0.625rem;
      margin: 0; }
      body .image-alternatives:before, body .image-alternatives:after {
        content: " ";
        display: table; }
      body .image-alternatives:after {
        clear: both; }
      body .image-alternatives > li {
        display: block;
        float: left;
        height: auto;
        padding: 0 0.625rem 1.25rem; }
      body .image-alternatives > li {
        list-style: none;
        padding: 0 0.625rem 1.25rem;
        width: 33.33333%; }
        body .image-alternatives > li:nth-of-type(1n) {
          clear: none; }
        body .image-alternatives > li:nth-of-type(3n+1) {
          clear: both; }
      body .image-alternatives li {
        margin: 0;
        padding: 0; } }
  @media only screen and (min-width: 600px) {
    body .image-alternatives {
      display: block; } }
  @media only screen and (min-width: 640px) {
    body .image-alternatives {
      display: block;
      display: block;
      padding: 0;
      margin: 0 -0.625rem;
      margin: 0; }
      body .image-alternatives:before, body .image-alternatives:after {
        content: " ";
        display: table; }
      body .image-alternatives:after {
        clear: both; }
      body .image-alternatives > li {
        display: block;
        float: left;
        height: auto;
        padding: 0 0.625rem 1.25rem; }
      body .image-alternatives > li {
        list-style: none;
        padding: 0 0.625rem 1.25rem;
        width: 33.33333%; }
        body .image-alternatives > li:nth-of-type(1n) {
          clear: none; }
        body .image-alternatives > li:nth-of-type(3n+1) {
          clear: both; }
      body .image-alternatives .empty-lose {
        display: block; }
      body .image-alternatives li {
        margin: 0;
        padding: 0; } }
  body .image-alternatives .alt-image {
    padding: 5px;
    margin: 0 auto;
    margin-bottom: 10px;
    border: solid 1px #eaeaea;
    width: 60px;
    height: 60px;
    max-width: 100%;
    max-height: 100%; }
  body .image-alternatives a {
    width: 60px;
    height: 60px;
    max-width: 100%;
    max-height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -ms-behavior: url('/backgroundsize.min.htc'); }
  body .panel {
    background: #fff;
    padding: 20px;
    margin: 10px;
    border: 1px solid #f0f0f0; }
    @media only screen and (max-width: 600px) {
      body .panel {
        margin: 10px 5px;
        padding: 10px 10px; } }
    body .panel.borderless {
      border: none !important; }
      @media only screen and (max-width: 640px) {
        body .panel.borderless {
          margin: 0px 0px !important;
          padding: 0px; } }
    body .panel.shaded {
      -webkit-box-shadow: 0px 0px 10px -2px #000000;
      -moz-box-shadow: 0px 0px 10px -2px #000000;
      box-shadow: 0px 0px 10px -2px #000000; }
    body .panel.transparent {
      background-color: transparent;
      border: none; }
    body .panel.tight {
      margin: 0px 10px;
      padding: 0px; }
    body .panel .image-container {
      position: relative;
      clear: both;
      margin: -10px -10px -10px;
      text-align: center;
      background-color: #fdfcfc; }
      @media only screen and (min-width: 640px) {
        body .panel .image-container {
          margin: -20px -20px -20px; } }
      body .panel .image-container img {
        margin-bottom: -4px; }
      body .panel .image-container.pluscontent {
        margin-bottom: 0px;
        background: no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover; }
      body .panel .image-container .inline-footer {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
        background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.65)));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
        /* IE6-9 */
        width: 100%;
        text-align: left;
        padding: 15px 10px 10px;
        font-size: 9px;
        color: #fff;
        position: absolute;
        bottom: 0px; }
        @media only screen and (min-width: 1024px) {
          body .panel .image-container .inline-footer {
            padding: 15px 20px 10px;
            font-size: 13px; } }
        body .panel .image-container .inline-footer a {
          color: #fff; }
      body .panel .image-container .shop_look {
        display: none;
        position: absolute;
        bottom: 25px;
        right: 25px; }
      @media only screen and (min-width: 1024px) {
        body .panel .image-container:hover .shop_look {
          display: block; } }
      body .panel .image-container .follow-request {
        position: absolute;
        bottom: 0px;
        width: 100%;
        padding: 10px 20px;
        text-align: left; }
        body .panel .image-container .follow-request .content {
          z-index: 2;
          position: relative; }
        body .panel .image-container .follow-request .overlay {
          z-index: 1;
          left: 0px;
          top: 0px;
          bottom: 0px;
          right: 0px;
          background-color: #f5f5f5;
          position: absolute;
          opacity: 0.8; }
        body .panel .image-container .follow-request .follow-container {
          margin-top: 8px;
          padding-left: 10px; }
    body .panel .panel-title {
      color: #8bbec6;
      font-size: 28px;
      font-weight: 300;
      padding-bottom: 10px;
      border-bottom: 1px solid #f8f0f0;
      text-align: center; }
  body .price-container {
    color: #666; }
    body .price-container .row {
      border-bottom: solid 1px #eaeaea;
      padding-top: 10px;
      padding-bottom: 10px;
      margin-bottom: 10px; }
      body .price-container .row.last {
        margin-bottom: 0px;
        border-bottom: none; }
  body .row .offer-retailer-logo {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 75%;
    float: left;
    padding: 0;
    line-height: 1.2em;
    font-size: 1.4em;
    line-height: 50px; }
    body .row .offer-retailer-logo img {
      max-height: 36px; }
    body .row .offer-retailer-logo p {
      font-size: 0.6em;
      line-height: 1em; }
  body .row .offer-price {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 58.33333%;
    float: left;
    margin-left: 8.33333% !important;
    padding: 0;
    font-size: 1.4em;
    text-align: right; }
    body .row .offer-price .price-container {
      float: right;
      width: 100%;
      background: #bedbdf;
      height: 30px;
      margin: 5px 0px;
      padding: 0;
      line-height: 30px;
      padding: 0px 10px;
      color: #fff; }
  body .row .offer-visit {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 83.33333%;
    float: left;
    margin-left: 8.33333% !important;
    padding: 0;
    font-size: 1.4em;
    text-align: right; }
    body .row .offer-visit .price-currency {
      display: block;
      position: absolute;
      top: 0px;
      bottom: 0px;
      right: 30px;
      background: #bedbdf;
      height: 30px;
      margin: 5px 0px;
      padding: 0;
      line-height: 34px;
      padding: 0px 10px;
      color: #fff;
      text-decoration: none; }
    body .row .offer-visit .next {
      width: 30px;
      height: 30px;
      margin: 5px 0px;
      line-height: 31px;
      font-size: 20px;
      text-decoration: none;
      color: #fff;
      display: block;
      float: right;
      text-align: center; }
      body .row .offer-visit .next.wide span {
        display: none; }
      @media only screen and (min-width: 640px) {
        body .row .offer-visit .next.wide {
          width: auto;
          font-size: 1.2em; }
          body .row .offer-visit .next.wide span {
            display: inline; } }
      body .row .offer-visit .next:hover {
        background: #9cc8ce; }
  body .notification {
    color: #666;
    text-align: center;
    padding: 20px 10px; }
  body .top-attributes {
    margin-top: 1em; }
    body .top-attributes .attr-row {
      margin: 0 auto;
      max-width: 1280px;
      width: 100%;
      margin: 0; }
      body .top-attributes .attr-row:before, body .top-attributes .attr-row:after {
        content: " ";
        display: table; }
      body .top-attributes .attr-row:after {
        clear: both; }
      @media only screen {
        body .top-attributes .attr-row {
          padding: 5px 0px; } }
      @media only screen and (min-width: 600px) {
        body .top-attributes .attr-row {
          padding: 5px; } }
      body .top-attributes .attr-row .help {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        width: 8.33333%;
        float: left;
        padding: 0;
        clear: left; }
        body .top-attributes .attr-row .help .info {
          width: 12px;
          height: 12px;
          background: #8bbec6;
          color: white;
          text-align: center;
          line-height: 12px;
          font-size: 10px;
          border-radius: 6px;
          margin-top: 1px; }
          body .top-attributes .attr-row .help .info.inactive {
            background: #bbb; }
      body .top-attributes .attr-row .attr {
        font-weight: bold;
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        width: 41.66667%;
        float: left;
        padding: 0; }
      body .top-attributes .attr-row .val {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        width: 41.66667%;
        float: left;
        margin-left: 8.33333% !important;
        padding: 0; }
  body .note {
    font-size: 0.8em;
    margin: 10px 0px; }
  body form .error {
    background: #4d939e;
    color: white;
    padding: 2px 5px;
    margin-bottom: 5px;
    font-size: 0.8em;
    font-weight: bold; }
  body .page-title {
    padding: 20px 0px; }
    body .page-title h1.main-header {
      text-align: center; }
  body .subcategory {
    text-align: center;
    float: left !important; }
    body .subcategory h3 {
      margin-bottom: 3px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      @media only screen and (max-width: 600px) {
        body .subcategory h3 {
          font-size: 12px; } }
    body .subcategory .subcategory-image {
      width: 100%;
      height: 0;
      padding-bottom: 100%;
      display: block;
      min-height: 100px;
      max-height: 250px;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      -ms-behavior: url('/backgroundsize.min.htc');
      margin-bottom: 10px; }
  body .category-content .row-content {
    padding: 20px; }
  @media only screen {
    body .category-content .category-filters {
      padding: 0; } }
  @media only screen and (min-width: 600px) {
    body .category-content .category-filters {
      padding: 0; } }
  body .category-content .category-filters .filter-section {
    margin-bottom: 15px; }
    body .category-content .category-filters .filter-section h4 {
      cursor: pointer;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      padding-right: 15px; }
      @media only screen and (max-width: 600px) {
        body .category-content .category-filters .filter-section h4 {
          margin-top: 5px; } }
    body .category-content .category-filters .filter-section.shown h4 {
      background: url('https://d1s5szje21xe6k.cloudfront.net/static/img/arrowup@2x.png');
      background-size: 6px 3px;
      background-repeat: no-repeat;
      background-position: right center;
      margin-right: 5px; }
    body .category-content .category-filters .filter-section.hidden h4 {
      margin-bottom: 0px;
      background: url('https://d1s5szje21xe6k.cloudfront.net/static/img/arrowdown@:;');
      background-size: 6px 3px;
      background-repeat: no-repeat;
      background-position: right center;
      margin-right: 5px; }
    body .category-content .category-filters .filter-section.hidden .filter-section-content {
      display: none; }
    body .category-content .category-filters .filter-section ul {
      margin-bottom: 0px;
      overflow: auto; }
      @media only screen and (max-width: 600px) {
        body .category-content .category-filters .filter-section ul {
          border-top: 1px solid #eee;
          border-bottom: 1px solid #eee; }
          body .category-content .category-filters .filter-section ul li {
            border-bottom: 1px solid #eee;
            margin-bottom: -1px; }
            body .category-content .category-filters .filter-section ul li a {
              font-size: 1.1em;
              padding-top: 8px;
              padding-bottom: 9px; } }
      body .category-content .category-filters .filter-section ul.capped {
        max-height: 145px;
        overflow: hidden; }
      body .category-content .category-filters .filter-section ul ul {
        margin-left: 10px; }
        body .category-content .category-filters .filter-section ul ul.collapsed {
          max-height: 4em;
          overflow: hidden; }
  body .category-content .category-products {
    margin-bottom: 20px; }
    @media only screen {
      body .category-content .category-products {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        width: 100%;
        float: left;
        padding: 0; } }
    @media only screen and (min-width: 600px) {
      body .category-content .category-products {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        width: 75%;
        float: left;
        padding: 0; }
        body .category-content .category-products .row-content {
          margin-left: 20px; } }
  body .category-content .category-products-header {
    font-family: "open_sansbold", Helvetica, Arial, sans-serif;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 15px;
    font-size: 12px;
    position: relative;
    min-height: 32px;
    text-align: center;
    margin-top: 6px; }
    @media only screen and (min-width: 600px) {
      body .category-content .category-products-header {
        text-align: left;
        margin-top: 0px; } }
    body .category-content .category-products-header .sort-filter {
      text-align: center;
      z-index: 100;
      top: 0px;
      right: 0px;
      color: #444;
      font-family: "Roboto", Helvetica, Arial, sans-serif;
      font-size: 11px;
      background-color: #fff;
      cursor: pointer; }
      @media only screen and (min-width: 600px) {
        body .category-content .category-products-header .sort-filter {
          text-align: right; } }
      body .category-content .category-products-header .sort-filter ul {
        display: none;
        position: absolute;
        right: 0px;
        vertical-align: top;
        border: 1px solid #ccc;
        padding: 10px;
        text-align: right;
        background-color: #fff; }
      body .category-content .category-products-header .sort-filter li {
        color: #000;
        white-space: nowrap; }
  @media only screen {
    body .grid .product-results {
      display: block;
      padding: 0;
      margin: 0 -0.625rem; }
      body .grid .product-results:before, body .grid .product-results:after {
        content: " ";
        display: table; }
      body .grid .product-results:after {
        clear: both; }
      body .grid .product-results > li {
        display: block;
        float: left;
        height: auto;
        padding: 0 0.625rem 1.25rem; }
      body .grid .product-results > li {
        list-style: none;
        padding: 0 0.625rem 1.25rem;
        width: 50%; }
        body .grid .product-results > li:nth-of-type(1n) {
          clear: none; }
        body .grid .product-results > li:nth-of-type(2n+1) {
          clear: both; } }
  @media only screen and (min-width: 640px) {
    body .grid .product-results {
      display: block;
      padding: 0;
      margin: 0 -0.625rem; }
      body .grid .product-results:before, body .grid .product-results:after {
        content: " ";
        display: table; }
      body .grid .product-results:after {
        clear: both; }
      body .grid .product-results > li {
        display: block;
        float: left;
        height: auto;
        padding: 0 0.625rem 1.25rem; }
      body .grid .product-results > li {
        list-style: none;
        padding: 0 0.625rem 1.25rem;
        width: 33.33333%; }
        body .grid .product-results > li:nth-of-type(1n) {
          clear: none; }
        body .grid .product-results > li:nth-of-type(3n+1) {
          clear: both; } }
  @media only screen and (min-width: 1024px) {
    body .grid .product-results {
      display: block;
      padding: 0;
      margin: 0 -0.625rem; }
      body .grid .product-results:before, body .grid .product-results:after {
        content: " ";
        display: table; }
      body .grid .product-results:after {
        clear: both; }
      body .grid .product-results > li {
        display: block;
        float: left;
        height: auto;
        padding: 0 0.625rem 1.25rem; }
      body .grid .product-results > li {
        list-style: none;
        padding: 0 0.625rem 1.25rem;
        width: 33.33333%; }
        body .grid .product-results > li:nth-of-type(1n) {
          clear: none; }
        body .grid .product-results > li:nth-of-type(3n+1) {
          clear: both; }
      body .grid .product-results.toprated {
        display: block;
        padding: 0;
        margin: 0 -0.625rem; }
        body .grid .product-results.toprated:before, body .grid .product-results.toprated:after {
          content: " ";
          display: table; }
        body .grid .product-results.toprated:after {
          clear: both; }
        body .grid .product-results.toprated > li {
          display: block;
          float: left;
          height: auto;
          padding: 0 0.625rem 1.25rem; }
        body .grid .product-results.toprated > li {
          list-style: none;
          padding: 0 0.625rem 1.25rem;
          width: 16.66667%; }
          body .grid .product-results.toprated > li:nth-of-type(1n) {
            clear: none; }
          body .grid .product-results.toprated > li:nth-of-type(6n+1) {
            clear: both; } }
  @media only screen and (min-width: 1280px) {
    body .grid .product-results {
      display: block;
      padding: 0;
      margin: 0 -0.625rem; }
      body .grid .product-results:before, body .grid .product-results:after {
        content: " ";
        display: table; }
      body .grid .product-results:after {
        clear: both; }
      body .grid .product-results > li {
        display: block;
        float: left;
        height: auto;
        padding: 0 0.625rem 1.25rem; }
      body .grid .product-results > li {
        list-style: none;
        padding: 0 0.625rem 1.25rem;
        width: 33.33333%; }
        body .grid .product-results > li:nth-of-type(1n) {
          clear: none; }
        body .grid .product-results > li:nth-of-type(3n+1) {
          clear: both; }
      body .grid .product-results .toprated {
        display: block;
        padding: 0;
        margin: 0 -0.625rem; }
        body .grid .product-results .toprated:before, body .grid .product-results .toprated:after {
          content: " ";
          display: table; }
        body .grid .product-results .toprated:after {
          clear: both; }
        body .grid .product-results .toprated > li {
          display: block;
          float: left;
          height: auto;
          padding: 0 0.625rem 1.25rem; }
        body .grid .product-results .toprated > li {
          list-style: none;
          padding: 0 0.625rem 1.25rem;
          width: 16.66667%; }
          body .grid .product-results .toprated > li:nth-of-type(1n) {
            clear: none; }
          body .grid .product-results .toprated > li:nth-of-type(6n+1) {
            clear: both; } }
  body .grid .product-results a {
    text-decoration: none; }
  body .grid .product-results.fullwidth .searchresult-product {
    width: 100%; }
  body .searchresult-product,
  body .product-stamp {
    padding-top: 20px !important;
    /* margin-bottom: 30px; */
    text-align: center; }
    body .searchresult-product.spaced,
    body .product-stamp.spaced {
      padding: 0 5px 20px; }
      @media only screen and (min-width: 1024px) {
        body .searchresult-product.spaced,
        body .product-stamp.spaced {
          padding: 0 15px 30px; } }
    @media only screen and (min-width: 1024px) {
      body .searchresult-product .right-line,
      body .product-stamp .right-line {
        border-right: 1px solid #eee; } }
    body .searchresult-product.small-product,
    body .product-stamp.small-product {
      margin-bottom: 10px !important; }
      body .searchresult-product.small-product .product-image a,
      body .product-stamp.small-product .product-image a {
        line-height: initial !important; }
      body .searchresult-product.small-product .wishlist,
      body .product-stamp.small-product .wishlist {
        font-size: 10px !important;
        padding: 6px !important; }
      body .searchresult-product.small-product .retailer,
      body .product-stamp.small-product .retailer {
        font-size: 11px; }
      body .searchresult-product.small-product h4,
      body .product-stamp.small-product h4 {
        font-size: 11px !important; }
    body .searchresult-product .product,
    body .product-stamp .product {
      padding: 0px;
      position: relative; }
    body .searchresult-product .product-image,
    body .product-stamp .product-image {
      margin-bottom: 10px; }
      body .searchresult-product .product-image a,
      body .product-stamp .product-image a {
        display: block;
        /* squarify fix, doesn't work on tall images...
        height: 0;
        padding-bottom: 100%;
        */
        vertical-align: middle;
        line-height: normal; }
      body .searchresult-product .product-image.squared a,
      body .product-stamp .product-image.squared a {
        line-height: normal; }
      body .searchresult-product .product-image img,
      body .product-stamp .product-image img {
        /*
        max-height: 200px;
        max-width: 100%;
        */
        vertical-align: middle; }
    body .searchresult-product .product-info,
    body .product-stamp .product-info {
      text-overflow: ellipsis;
      overflow: hidden;
      /* white-space: nowrap; */
      color: #666;
      font-size: 13px;
      text-align: left;
      line-height: 1.2em;
      height: 2.3em; }
      body .searchresult-product .product-info a,
      body .product-stamp .product-info a {
        color: #666; }
      body .searchresult-product .product-info ul,
      body .product-stamp .product-info ul {
        display: none; }
    body .searchresult-product .retailer, body .searchresult-product .retailer a,
    body .product-stamp .retailer,
    body .product-stamp .retailer a {
      color: #aaa;
      font-size: 0.9em;
      font-weight: 400;
      text-align: left;
      line-height: 1.2em; }
    body .searchresult-product .product-price,
    body .product-stamp .product-price {
      margin-top: 5px;
      font-size: 1em;
      text-align: right;
      padding-top: 13px;
      padding-bottom: 13px;
      color: #000;
      font-weight: 500;
      text-align: center;
      background-color: #f9f9f9; }
      @media only screen and (min-width: 1024px) {
        body .searchresult-product .product-price,
        body .product-stamp .product-price {
          margin-top: 0px; } }
      body .searchresult-product .product-price.sale-price,
      body .product-stamp .product-price.sale-price {
        padding-top: 4px;
        padding-bottom: 4px; }
        body .searchresult-product .product-price.sale-price a,
        body .product-stamp .product-price.sale-price a {
          color: #f05a1f !important; }
        body .searchresult-product .product-price.sale-price .from-price,
        body .product-stamp .product-price.sale-price .from-price {
          color: #aaa;
          position: relative;
          font-weight: 300 !important;
          padding: 0px;
          background-color: transparent;
          margin: none; }
          body .searchresult-product .product-price.sale-price .from-price a,
          body .product-stamp .product-price.sale-price .from-price a {
            color: #aaa !important; }
          body .searchresult-product .product-price.sale-price .from-price:after,
          body .product-stamp .product-price.sale-price .from-price:after {
            position: absolute;
            content: "";
            left: 0;
            top: 50%;
            right: 0;
            border-top: 1px solid #999;
            border-color: inherit;
            -webkit-transform: rotate(-5deg);
            -moz-transform: rotate(-5deg);
            -ms-transform: rotate(-5deg);
            -o-transform: rotate(-5deg);
            transform: rotate(-5deg); }
    body .searchresult-product .actions-container,
    body .product-stamp .actions-container {
      /* display: none; */
      position: absolute;
      right: 0px;
      top: -15px; }
      body .searchresult-product .actions-container .actions,
      body .product-stamp .actions-container .actions {
        margin: 20px 0;
        /*
        @media only screen and (min-width: 640px) {
            position: absolute;
            bottom: 30px;
            width: 100%;
        }
        */ }
        body .searchresult-product .actions-container .actions .btn-sm,
        body .product-stamp .actions-container .actions .btn-sm {
          padding: 6px 7px; }
    @media only screen and (min-width: 640px) {
      body .searchresult-product:hover .actions-container,
      body .product-stamp:hover .actions-container {
        display: block; } }
    body .searchresult-product .wishlist,
    body .product-stamp .wishlist {
      /*
      &:after {
          content:" wishlist";
      }
      */ }
      body .searchresult-product .wishlist span,
      body .product-stamp .wishlist span {
        color: #ccc; }
    body .searchresult-product.wishlisted .wishlist,
    body .product-stamp.wishlisted .wishlist {
      /*
      &:after {
          content:" wishlisted";
      }
      */
      color: #222 !important; }
      body .searchresult-product.wishlisted .wishlist span,
      body .product-stamp.wishlisted .wishlist span {
        color: #c00 !important; }
  body .rows .searchresult-product {
    margin: 0 auto;
    max-width: 1280px;
    width: 100%;
    border-bottom: solid 1px #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 20px; }
    body .rows .searchresult-product:before, body .rows .searchresult-product:after {
      content: " ";
      display: table; }
    body .rows .searchresult-product:after {
      clear: both; }
    body .rows .searchresult-product:last-of-type {
      border-bottom: none;
      margin-bottom: 0; }
    body .rows .searchresult-product a {
      text-decoration: none; }
    body .rows .searchresult-product .product-image {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
      width: 41.66667%;
      float: left;
      padding: 0;
      text-align: center; }
      body .rows .searchresult-product .product-image img {
        max-height: 100px;
        max-width: 100%;
        vertical-align: middle; }
    body .rows .searchresult-product .product-info {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
      width: 83.33333%;
      float: left;
      margin-left: 8.33333% !important;
      padding: 0; }
      body .rows .searchresult-product .product-info ul li {
        list-style-type: circle;
        margin-left: 20px; }
    body .rows .searchresult-product .product-price {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
      width: 33.33333%;
      float: left;
      padding: 0;
      text-align: right;
      font-weight: bold; }
  body .pagination {
    margin: 0px -20px -20px; }
    body .pagination li {
      float: left;
      background: #8bbec6;
      margin: 0px 1px 1px 0px; }
      body .pagination li a {
        color: #fff;
        text-decoration: none;
        display: block;
        padding: 5px;
        height: 14px;
        width: 14px;
        text-align: center;
        line-height: 14px;
        font-size: 0.8em; }
      body .pagination li.current {
        background: #f8f8f8; }
        body .pagination li.current a {
          color: #8bbec6;
          font-weight: bold; }
  body .nobreak {
    white-space: nowrap; }
  body .category-filters .filter-section-content {
    font-size: 0.9em; }
  body .category-filters .active-filters {
    margin-bottom: 10px; }
    body .category-filters .active-filters li {
      background: #8bbec6;
      color: #fff;
      padding: 0;
      margin: 0;
      padding: 2px 5px;
      margin-bottom: 2px; }
      body .category-filters .active-filters li .remove {
        color: #fff;
        display: block;
        line-height: 12px;
        margin: 2px;
        text-decoration: none;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
        body .category-filters .active-filters li .remove:hover {
          background: #8bbec6;
          color: #fff;
          text-decoration: line-through; }
      body .category-filters .active-filters li a {
        padding-left: 0px !important; }
  body .category-filters ul {
    margin-bottom: 10px; }
    body .category-filters ul li {
      list-style-type: none;
      line-height: 1.8em;
      text-transform: uppercase; }
      @media only screen and (max-width: 600px) {
        body .category-filters ul li {
          font-size: 1em; } }
      body .category-filters ul li a {
        text-decoration: none;
        display: block;
        padding-left: 10px; }
        body .category-filters ul li a:hover {
          background-color: #eee; }
      body .category-filters ul li.active a {
        color: #8bbec6;
        text-decoration: none;
        font-family: "open_sansbold", Helvetica, Arial, sans-serif; }
  @media only screen {
    body .toggler > .filter-section {
      display: block; } }
  @media only screen and (min-width: 600px) {
    body .toggler > .filter-section {
      display: none; } }
  body .toggler h3 {
    text-align: center;
    font-size: 14px; }
  body .toggler .toggle {
    margin: 3px;
    padding: 10px 20px 10px 10px;
    background-color: #e0eef0;
    border: 1px solid #cfe4e8;
    color: #8bbec6; }
  @media only screen {
    body .toggler.closed .toggle {
      margin-bottom: 0px; }
    body .toggler.closed .toggle-content {
      display: none; } }
  @media only screen and (min-width: 600px) {
    body .toggler.closed .toggle {
      margin-bottom: 10px;
      background: none; }
    body .toggler.closed .toggle-content {
      display: block; } }
  body .hide {
    display: none; }
  body .show {
    display: block; }
  body .retailer-logo {
    padding: 10px 0px; }
  body .retailer {
    position: relative; }
    body .retailer .offer-visit {
      width: auto;
      float: none;
      position: absolute;
      right: 20px;
      top: 15px; }
  @media only screen {
    body .all-retailers {
      display: block;
      padding: 0;
      margin: 0 -0.625rem; }
      body .all-retailers:before, body .all-retailers:after {
        content: " ";
        display: table; }
      body .all-retailers:after {
        clear: both; }
      body .all-retailers > li {
        display: block;
        float: left;
        height: auto;
        padding: 0 0.625rem 1.25rem; }
      body .all-retailers > li {
        list-style: none;
        padding: 0 0.625rem 1.25rem;
        width: 100%; }
        body .all-retailers > li:nth-of-type(1n) {
          clear: none; }
        body .all-retailers > li:nth-of-type(1n+1) {
          clear: both; } }
  @media only screen and (min-width: 600px) {
    body .all-retailers {
      display: block;
      padding: 0;
      margin: 0 -0.625rem; }
      body .all-retailers:before, body .all-retailers:after {
        content: " ";
        display: table; }
      body .all-retailers:after {
        clear: both; }
      body .all-retailers > li {
        display: block;
        float: left;
        height: auto;
        padding: 0 0.625rem 1.25rem; }
      body .all-retailers > li {
        list-style: none;
        padding: 0 0.625rem 1.25rem;
        width: 50%; }
        body .all-retailers > li:nth-of-type(1n) {
          clear: none; }
        body .all-retailers > li:nth-of-type(2n+1) {
          clear: both; } }
  body .all-retailers .single-retailer {
    margin: 0;
    padding: 0;
    text-align: center; }
    body .all-retailers .single-retailer .retailer-content {
      margin: 20px;
      line-height: 50px;
      height: 90px;
      border: solid 1px #8bbec6;
      margin-bottom: 10px; }
      body .all-retailers .single-retailer .retailer-content h3 {
        line-height: 50px;
        font-size: 1em;
        margin-bottom: 0; }
      body .all-retailers .single-retailer .retailer-content a {
        height: 100%;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 20px; }
  body footer {
    margin-top: 50px; }
    body footer .footer-section {
      margin-bottom: 20px; }
    body footer .generic-footer-content {
      float: left; }
    body footer .social-media {
      font-size: 1.7em;
      float: right; }
      body footer .social-media .copyright {
        float: left; }
    body footer .footer-section-subinfo {
      background: #D7EFF6; }
    body footer .footer-section-newsletter {
      background: #cfe4e8; }
      body footer .footer-section-newsletter p {
        line-height: 2em;
        text-transform: uppercase;
        font-size: 0.85em;
        text-align: center;
        margin: 2em; }
      body footer .footer-section-newsletter .newsletter-signup {
        margin: 2em;
        text-align: center;
        text-transform: uppercase; }
        body footer .footer-section-newsletter .newsletter-signup:after {
          content: " ";
          display: block;
          clear: both; }
        body footer .footer-section-newsletter .newsletter-signup .left-form-section {
          text-align: center; }
          @media only screen and (min-width: 600px) {
            body footer .footer-section-newsletter .newsletter-signup .left-form-section {
              width: 49%;
              float: left;
              text-align: right; } }
          body footer .footer-section-newsletter .newsletter-signup .left-form-section label {
            display: block;
            font-family: "open_sansbold", Helvetica, Arial, sans-serif;
            font-size: 0.92em;
            color: #8bbec6; }
          body footer .footer-section-newsletter .newsletter-signup .left-form-section .sublabel {
            display: block;
            font-size: 0.8em;
            margin-bottom: 1em; }
        body footer .footer-section-newsletter .newsletter-signup .right-form-section {
          text-align: center; }
          @media only screen and (min-width: 600px) {
            body footer .footer-section-newsletter .newsletter-signup .right-form-section {
              width: 49%;
              float: right;
              text-align: left; } }
          body footer .footer-section-newsletter .newsletter-signup .right-form-section input {
            margin: 0;
            padding: 0;
            height: 40px;
            line-height: 40px;
            padding: 0 1.5em;
            border: none;
            background: white;
            font-size: 1.08em; }
            @media only screen and (min-width: 1024px) {
              body footer .footer-section-newsletter .newsletter-signup .right-form-section input {
                min-width: 250px; } }
          body footer .footer-section-newsletter .newsletter-signup .right-form-section button {
            margin: 0;
            padding: 0;
            text-transform: uppercase;
            height: 40px;
            background: #8bbec6;
            line-height: 40px;
            text-align: center;
            border: none;
            padding: 0 1.5em;
            color: white;
            font-size: 1.08em;
            font-family: "open_sansbold", Helvetica, Arial, sans-serif; }
    body footer .footer-section-about {
      background: #8bbec6;
      color: white;
      font-size: 0.9em;
      text-transform: uppercase;
      padding: 30px 0; }
      body footer .footer-section-about a {
        color: white;
        text-decoration: none;
        margin-right: 20px; }
      body footer .footer-section-about .copyright {
        margin-right: 20px;
        display: block;
        clear: both; }
    body footer .footer-content {
      background: #fff; }
      body footer .footer-content .footer-section {
        background: #fff; }
        body footer .footer-content .footer-section ul {
          margin-bottom: 1em; }
        @media only screen {
          body footer .footer-content .footer-section {
            padding-left: 0.9375rem;
            padding-right: 0.9375rem;
            width: 100%;
            float: left;
            margin-bottom: 20px;
            padding: 0; }
            body footer .footer-content .footer-section .footer-section-content {
              padding: 10px; } }
        @media only screen and (min-width: 600px) {
          body footer .footer-content .footer-section {
            padding-left: 0.9375rem;
            padding-right: 0.9375rem;
            width: 25%;
            float: left;
            margin-left: 8.33333% !important;
            height: 210px;
            padding: 0; }
            body footer .footer-content .footer-section .footer-section-content {
              padding: 15px; } }
        @media only screen and (min-width: 600px) {
          body footer .footer-content .footer-section.first {
            padding-left: 0.9375rem;
            padding-right: 0.9375rem;
            width: 33.33333%;
            float: left;
            margin-left: 0 !important;
            padding: 0; } }
        body footer .footer-content .footer-section .bullet,
        body footer .footer-content .footer-section a {
          padding-left: 14px;
          margin-left: 6px;
          line-height: 20px;
          text-decoration: none;
          background: url('https://d1s5szje21xe6k.cloudfront.net/static/img/smallarrow.png');
          background-size: 4px 7px;
          background-position: center left;
          background-repeat: no-repeat; }
          @media only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 1.3dppx) {
            body footer .footer-content .footer-section .bullet,
            body footer .footer-content .footer-section a {
              background-image: url('https://d1s5szje21xe6k.cloudfront.net/static/img/smallarrow@2x.png'); } }
        body footer .footer-content .footer-section .bullet {
          line-height: 14px; }
  body .plain-footer ul li {
    list-style-type: none;
    margin-left: 10px;
    padding: 10px 0px;
    float: left; }
    body .plain-footer ul li.last a {
      border-right: none; }
    body .plain-footer ul li a {
      border-right: solid 1px #8bbec6;
      padding-right: 11px; }
  body .plain-footer ul:after {
    content: " ";
    display: block;
    clear: both; }
  body .odd {
    background: #eaeaea; }
  body .category-completer {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    position: relative; }
    body .category-completer button {
      position: absolute;
      right: 0px;
      top: 0px;
      width: 40px;
      height: 40px;
      background: #8bbec6;
      border: none;
      padding: 0;
      margin: 0;
      background-size: 16px 16px;
      background-position: center center;
      background-repeat: no-repeat;
      text-indent: -99999px;
      font-size: 1px;
      background-image: url('https://d1s5szje21xe6k.cloudfront.net/static/img/search-icon.png'); }
      @media only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 1.3dppx) {
        body .category-completer button {
          background-image: url('https://d1s5szje21xe6k.cloudfront.net/static/img/search-icon@2x.png'); } }
    body .category-completer .completer-results {
      position: absolute;
      top: 40px;
      left: 0;
      right: 0;
      background: white;
      border: solid 1px #eaeaea;
      border-top: none;
      display: none; }
      body .category-completer .completer-results ul span {
        float: right;
        display: block;
        padding: 10px;
        color: #666; }
      body .category-completer .completer-results ul a {
        display: block;
        padding: 10px;
        text-decoration: none; }
        body .category-completer .completer-results ul a:hover, body .category-completer .completer-results ul a .selected {
          color: #8bbec6; }
    body .category-completer #category-completer {
      outline: none;
      width: 100%;
      padding: 10px;
      padding-right: 42px;
      border: solid 1px #eaeaea;
      background: #ffffff;
      height: 40px;
      font-size: 15px; }
  @media only screen {
    body .homepage-categories {
      display: block;
      padding: 0;
      margin: 0 -0.625rem;
      margin: 0;
      padding-bottom: 20px;
      text-align: center; }
      body .homepage-categories:before, body .homepage-categories:after {
        content: " ";
        display: table; }
      body .homepage-categories:after {
        clear: both; }
      body .homepage-categories > li {
        display: block;
        float: left;
        height: auto;
        padding: 0 0.625rem 1.25rem; }
      body .homepage-categories > li {
        list-style: none;
        padding: 0 0.625rem 1.25rem;
        width: 100%; }
        body .homepage-categories > li:nth-of-type(1n) {
          clear: none; }
        body .homepage-categories > li:nth-of-type(1n+1) {
          clear: both; } }
  @media only screen and (min-width: 600px) {
    body .homepage-categories {
      display: block;
      padding: 0;
      margin: 0 -0.625rem;
      margin: 0 auto;
      max-width: 800px;
      padding-bottom: 20px;
      text-align: center; }
      body .homepage-categories:before, body .homepage-categories:after {
        content: " ";
        display: table; }
      body .homepage-categories:after {
        clear: both; }
      body .homepage-categories > li {
        display: block;
        float: left;
        height: auto;
        padding: 0 0.625rem 1.25rem; }
      body .homepage-categories > li {
        list-style: none;
        padding: 0 0.625rem 1.25rem;
        width: 50%; }
        body .homepage-categories > li:nth-of-type(1n) {
          clear: none; }
        body .homepage-categories > li:nth-of-type(2n+1) {
          clear: both; }
      body .homepage-categories .subcats-container {
        padding-right: 30px;
        padding-left: 30px; } }
  body .homepage-categories li {
    margin: 0;
    padding: 0;
    margin-bottom: 2em; }
  body .homepage-categories .subcats-container {
    font-size: 13px;
    line-height: 16px;
    color: #666; }
  body .homepage-categories h2 {
    font-size: 24px;
    margin-bottom: 5px; }
    body .homepage-categories h2 a {
      text-decoration: none;
      color: #8bbec6; }
  body .homepage-categories h3 {
    display: inline;
    font-size: 13px;
    font-weight: normal;
    font-family: "Roboto", Helvetica, Arial, sans-serif; }
    body .homepage-categories h3 a {
      text-decoration: none;
      white-space: nowrap; }
      body .homepage-categories h3 a:hover {
        text-decoration: underline; }
  body .new-section {
    margin-top: 20px; }
    body .new-section .row-content {
      padding-top: 20px; }
  body .related .row-content {
    padding: 20px;
    margin-bottom: 20px; }
    body .related .row-content h3 {
      margin-bottom: 20px; }
    body .related .row-content .regular-list {
      list-style-type: circle;
      margin-left: 20px;
      margin-bottom: 0.5em; }
  @media only screen {
    body .related .column {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
      width: 100%;
      float: left;
      padding: 0; } }
  @media only screen and (min-width: 600px) {
    body .related .column {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
      width: 50%;
      float: left;
      padding: 0; } }
  @media only screen and (min-width: 600px) {
    body .related .column.last {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
      width: 41.66667%;
      float: left;
      margin-left: 8.33333% !important;
      padding: 0; } }
  body .row.withlead {
    margin-top: 20px; }
  body .overview-content h2 {
    padding: 20px; }
  body .social-buttons {
    position: absolute;
    bottom: -15px;
    left: 0; }
    body .social-buttons li {
      float: left; }
  body .our-products {
    text-align: center;
    margin: 10px 0px 45px; }
  body .redirect-container {
    text-align: center;
    font-size: 1.3em;
    padding: 100px 0px; }
    body .redirect-container a {
      color: #39f; }
  body .button {
    background: #9ac73b;
    display: block;
    padding: 15px 40px;
    border-radius: 8px;
    text-decoration: none;
    color: white;
    text-align: center;
    text-transform: uppercase; }
    body .button.left {
      float: left; }
    body .button.right {
      float: right; }
  body .mood-container {
    width: 100%;
    position: relative;
    margin-bottom: 20px; }
    body .mood-container.homepage {
      background-position: center center;
      background-size: cover;
      min-height: 300px; }
      @media only screen and (min-width: 640px) {
        body .mood-container.homepage {
          min-height: 400px; } }
      body .mood-container.homepage .shade {
        position: absolute;
        background-color: #000;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        opacity: 0.3; }
      body .mood-container.homepage .btn {
        display: inline-block;
        margin: 7px; }
    body .mood-container img {
      max-width: 100%; }
    body .mood-container h1 {
      max-width: 800px;
      color: #fff;
      font-size: 2em;
      line-height: 1em;
      text-shadow: 0px 0px 8px black;
      margin: 0px 10px;
      font-weight: 600; }
      @media only screen and (min-width: 640px) {
        body .mood-container h1 {
          font-size: 3em;
          margin: 0px auto; } }
    body .mood-container .subheader {
      font-size: 13px;
      font-weight: 300;
      color: #fff;
      line-height: 1.5em;
      text-shadow: 0px 0px 15px #000; }
      @media only screen and (min-width: 640px) {
        body .mood-container .subheader {
          font-size: 18px; } }
    body .mood-container .mood-source {
      position: absolute;
      right: 10px;
      bottom: 10px;
      font-size: 10px;
      color: #fff;
      text-shadow: 0px 0px 2px black; }
      body .mood-container .mood-source a {
        color: #fff; }
    body .mood-container .all-center {
      height: 190px; }
      @media only screen and (min-width: 640px) {
        body .mood-container .all-center {
          height: 140px; } }
  body .all-center {
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 35px; }
    @media only screen and (min-width: 640px) {
      body .all-center {
        height: 110px; } }
  @media only screen {
    body .half-section {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
      width: 100%;
      float: left;
      padding: 0; } }
  @media only screen and (min-width: 600px) {
    body .half-section {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
      width: 50%;
      float: left;
      padding: 0; } }
  body .clearfix {
    clear: both;
    float: none; }
  body .ctabutton {
    display: block;
    padding: 15px 25px;
    font-size: 1.08em;
    text-align: center;
    color: white;
    background: #F79320;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 5px; }
    body .ctabutton.left {
      float: left; }
    body .ctabutton.right {
      float: right; }
    body .ctabutton.center {
      display: inline-block; }
  body .centerbutton {
    text-align: center; }
  body .btn {
    background-color: #8bbec6;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    border: none !important;
    border-radius: 2px;
    padding: 10px;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    display: inline-flex; }
    body .btn:hover {
      opacity: 0.8;
      text-decoration: none; }
    body .btn.btn-sm {
      font-size: 10px;
      padding: 6px 10px; }
    body .btn.btn-lg {
      font-size: 1.2em;
      padding: 15px 15px; }
    body .btn.disabled {
      cursor: default;
      background-color: transparent;
      color: #ccc;
      border: 1px solid #ddd !important; }
  body .btn-primary {
    background-color: #9CC600;
    color: #fff; }
  body .btn-default {
    background-color: #8bbec6;
    color: #fff; }
    body .btn-default.following {
      background-color: #fff;
      color: #000;
      border: 1px solid #eee !important; }
      body .btn-default.following .icon {
        color: #8bbec6; }
  body .btn-light {
    background-color: #eee;
    color: #000; }
  body .btn-fb {
    background-color: #1b75bb;
    color: #fff; }
  body .btn-white {
    background-color: #fff;
    color: #777;
    border: 1px solid #ddd !important; }
    body .btn-white:hover {
      opacity: 1 !important;
      border: 1px solid #aaa !important;
      color: #444; }
  body .btn-round {
    border-radius: 50px; }
  body .input-group {
    position: relative;
    display: table;
    border-collapse: separate; }
    body .input-group .input-group-btn {
      width: 1%;
      display: table-cell;
      white-space: nowrap;
      vertical-align: middle; }
      body .input-group .input-group-btn .btn {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px; }
    body .input-group input {
      width: 100%;
      display: table-cell;
      font-size: 12px;
      padding: 10px 5px; }
  body .from-price {
    background: #F2F4F2;
    margin: 20px 0px;
    padding: 10px;
    min-height: 60px; }
    @media only screen {
      body .from-price {
        text-align: center; } }
    @media only screen and (min-width: 600px) {
      body .from-price {
        text-align: left; } }
    body .from-price .from-label {
      text-transform: uppercase;
      font-size: 0.85em; }
    body .from-price .from-value {
      font-size: 2.4em;
      color: #F79320;
      line-height: 1.4em;
      font-family: "open_sanslight", Helvetica, Arial, sans-serif; }
      body .from-price .from-value a {
        text-decoration: none;
        color: #F79320; }
    body .from-price .from-retailer-logo {
      margin-right: 10px;
      text-align: right;
      line-height: 50px; }
      @media only screen {
        body .from-price .from-retailer-logo {
          text-align: center; } }
      @media only screen and (min-width: 600px) {
        body .from-price .from-retailer-logo {
          text-align: right; } }
      body .from-price .from-retailer-logo img {
        vertical-align: middle; }
    body .from-price .go-arrow {
      height: 50px;
      display: block;
      float: right;
      line-height: 50px;
      color: white;
      background-color: #9CC600;
      text-decoration: none;
      text-align: center;
      padding: 0px 15px;
      font-size: 1.5em;
      border-radius: 5px;
      margin-left: 10px; }
  body table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px; }
    body table th {
      color: #8bbec6;
      padding: 10px 0;
      text-align: left;
      text-transform: uppercase; }
    body table td {
      padding: 10px; }
    body table.short-specs {
      margin-right: 100px;
      text-transform: uppercase;
      margin-bottom: 10px;
      border-collapse: separate; }
      @media only screen and (min-width: 640px) {
        body table.short-specs {
          padding-right: 200px; } }
      body table.short-specs td {
        padding: 5px 0; }
        body table.short-specs td.attribute {
          width: 50%;
          font-family: "open_sansbold", Helvetica, Arial, sans-serif; }
          body table.short-specs td.attribute span {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
    body table.pricelist td {
      vertical-align: middle; }
      @media only screen and (max-width: 600px) {
        body table.pricelist td {
          padding: 10px 5px; } }
    body table.pricelist .img-replace {
      width: 100px;
      padding: 5px;
      background-color: #ccc;
      color: #fff;
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      white-space: normal; }
    body table.pricelist .description {
      width: 100%;
      color: #b3b3b3; }
      @media only screen and (max-width: 600px) {
        body table.pricelist .description {
          display: none; } }
    body table.pricelist .price {
      text-align: right;
      color: #F79320;
      font-size: 2em;
      font-family: "open_sanslight", Helvetica, Arial, sans-serif; }
      @media only screen and (max-width: 600px) {
        body table.pricelist .price {
          font-size: 18px; } }
    body table.pricelist .retailer {
      text-align: right; }
      @media only screen and (max-width: 600px) {
        body table.pricelist .retailer img {
          font-size: 18px;
          max-width: 90px; } }
    body table.pricelist .action {
      white-space: nowrap; }
      body table.pricelist .action img {
        vertical-align: middle;
        max-height: 40px; }
    body table.pricelist.top-price {
      margin-top: 14px; }
      body table.pricelist.top-price td {
        padding: 15px; }
        @media only screen and (max-width: 600px) {
          body table.pricelist.top-price td {
            padding: 10px 5px; } }
      body table.pricelist.top-price .price {
        text-align: left;
        width: 100%; }
      body table.pricelist.top-price .price-title {
        font-size: 14px;
        color: #8bbec6;
        font-family: "open_sansbold", Helvetica, Arial, sans-serif;
        display: block;
        padding-bottom: 5px;
        text-transform: uppercase;
        white-space: nowrap; }
        @media only screen and (max-width: 600px) {
          body table.pricelist.top-price .price-title {
            font-size: 12px; } }
      body table.pricelist.top-price .retailer {
        text-align: right; }
      body table.pricelist.top-price .action {
        text-align: right; }
        @media only screen and (max-width: 600px) {
          body table.pricelist.top-price .action img {
            font-size: 18px;
            max-width: 90px; } }
  body .table-striped {
    border-bottom: 1px solid #FFFFFF; }
  body .table-striped > tbody > tr:nth-child(odd) {
    background-color: #FFFFFF; }
  body .admin-actions {
    display: none;
    position: fixed;
    bottom: 100px;
    left: 0px;
    padding: 15px;
    background-color: #f9dca8;
    max-width: 0px;
    overflow: hidden;
    z-index: 1000000; }
    @media only screen and (min-width: 1024px) {
      body .admin-actions {
        display: block; } }
    body .admin-actions h3 {
      white-space: nowrap; }
    body .admin-actions li {
      white-space: nowrap; }
  body .admin-actions:hover {
    max-width: 600px;
    overflow: hidden; }
  body .bottom-nav {
    background-color: #e0eef0;
    padding: 35px 10px;
    font-size: 11px;
    text-transform: uppercase; }
    body .bottom-nav a {
      color: #000;
      text-decoration: none; }
      body .bottom-nav a:hover {
        text-decoration: underline; }
    body .bottom-nav h3 {
      font-size: 13px;
      text-align: left;
      margin-bottom: 10px;
      padding: 10px;
      border-bottom: 1px solid #8bbec6; }
    body .bottom-nav ul {
      padding: 0 10px 30px; }
  body .review {
    border-bottom: 1px solid #FFFFFF; }
    body .review .review-info {
      text-transform: uppercase; }
    body .review .review-content {
      position: relative; }
      body .review .review-content .stars {
        position: absolute;
        right: 0px;
        top: 0px; }
        body .review .review-content .stars .star {
          margin-right: -1px; }
  body .homepage-article .row-content {
    padding: 20px; }
  body .retailer-overview {
    padding: 10px 10px; }
    @media only screen {
      body .retailer-overview .retailer-logos {
        display: block;
        padding: 0;
        margin: 0 -0.625rem;
        margin: 0; }
        body .retailer-overview .retailer-logos:before, body .retailer-overview .retailer-logos:after {
          content: " ";
          display: table; }
        body .retailer-overview .retailer-logos:after {
          clear: both; }
        body .retailer-overview .retailer-logos > li {
          display: block;
          float: left;
          height: auto;
          padding: 0 0.625rem 1.25rem; }
        body .retailer-overview .retailer-logos > li {
          list-style: none;
          padding: 0 0.625rem 1.25rem;
          width: 33.33333%; }
          body .retailer-overview .retailer-logos > li:nth-of-type(1n) {
            clear: none; }
          body .retailer-overview .retailer-logos > li:nth-of-type(3n+1) {
            clear: both; } }
    @media only screen and (min-width: 600px) {
      body .retailer-overview .retailer-logos {
        display: block;
        padding: 0;
        margin: 0 -0.625rem;
        margin: 0; }
        body .retailer-overview .retailer-logos:before, body .retailer-overview .retailer-logos:after {
          content: " ";
          display: table; }
        body .retailer-overview .retailer-logos:after {
          clear: both; }
        body .retailer-overview .retailer-logos > li {
          display: block;
          float: left;
          height: auto;
          padding: 0 0.625rem 1.25rem; }
        body .retailer-overview .retailer-logos > li {
          list-style: none;
          padding: 0 0.625rem 1.25rem;
          width: 20%; }
          body .retailer-overview .retailer-logos > li:nth-of-type(1n) {
            clear: none; }
          body .retailer-overview .retailer-logos > li:nth-of-type(5n+1) {
            clear: both; } }
    @media only screen and (min-width: 640px) {
      body .retailer-overview .retailer-logos {
        display: block;
        padding: 0;
        margin: 0 -0.625rem;
        margin: 0; }
        body .retailer-overview .retailer-logos:before, body .retailer-overview .retailer-logos:after {
          content: " ";
          display: table; }
        body .retailer-overview .retailer-logos:after {
          clear: both; }
        body .retailer-overview .retailer-logos > li {
          display: block;
          float: left;
          height: auto;
          padding: 0 0.625rem 1.25rem; }
        body .retailer-overview .retailer-logos > li {
          list-style: none;
          padding: 0 0.625rem 1.25rem;
          width: 11.11111%; }
          body .retailer-overview .retailer-logos > li:nth-of-type(1n) {
            clear: none; }
          body .retailer-overview .retailer-logos > li:nth-of-type(9n+1) {
            clear: both; } }
    body .retailer-overview .retailer-logos li {
      margin: 0;
      padding: 0;
      text-align: center;
      line-height: 40px;
      margin: 10px 0px; }
      body .retailer-overview .retailer-logos li img {
        max-height: 40px;
        max-width: 120px;
        max-width: 100%;
        vertical-align: middle; }
  body .about-backdrop {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    height: auto;
    position: relative;
    top: 0;
    padding-top: 40px;
    color: #000;
    height: 400px;
    margin-bottom: -200px;
    font-size: 0.5em;
    background-color: black; }
    @media only screen and (min-width: 600px) {
      body .about-backdrop {
        /* background-image: url('https://fe2.homedeco.nl/static/sass/$mood-image'); */ } }
    @media only screen and (min-width: 640px) {
      body .about-backdrop {
        font-size: 1em; } }
    body .about-backdrop .wrapper {
      height: 100%;
      background: -moz-linear-gradient(top, rgba(245, 242, 242, 0) 0%, rgba(245, 242, 242, 0) 40%, rgba(245, 242, 242, 0.99) 99%, #f5f2f2 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(245, 242, 242, 0)), color-stop(40%, rgba(245, 242, 242, 0)), color-stop(99%, rgba(245, 242, 242, 0.99)), color-stop(100%, #f5f2f2));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, rgba(245, 242, 242, 0) 0%, rgba(245, 242, 242, 0) 40%, rgba(245, 242, 242, 0.99) 99%, #f5f2f2 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, rgba(245, 242, 242, 0) 0%, rgba(245, 242, 242, 0) 40%, rgba(245, 242, 242, 0.99) 99%, #f5f2f2 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, rgba(245, 242, 242, 0) 0%, rgba(245, 242, 242, 0) 40%, rgba(245, 242, 242, 0.99) 99%, #f5f2f2 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, rgba(245, 242, 242, 0) 0%, rgba(245, 242, 242, 0) 40%, rgba(245, 242, 242, 0.99) 99%, #f5f2f2 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f2f2', endColorstr='#f5f2f2',GradientType=0 );
      /* IE6-9 */ }
    body .about-backdrop h1 {
      text-align: center;
      color: #fff;
      font-size: 2.2em;
      text-transform: uppercase;
      text-shadow: 0px 0px 10px black; }
    body .about-backdrop .category-icon {
      text-align: center;
      margin: 50px 0px 5px; }
  @media only screen and (max-width: 600px) {
    body .about-sidebar {
      display: none; } }
  body .about-sidebar .row-content {
    margin-left: 20px;
    padding: 20px;
    text-transform: uppercase;
    line-height: 1.4em; }
    body .about-sidebar .row-content a {
      color: black;
      text-decoration: none; }
      body .about-sidebar .row-content a.active {
        font-family: "open_sansbold", Helvetica, Arial, sans-serif;
        color: #8bbec6; }
  body .about-row .row-content {
    min-height: 380px; }
  body .fill-height {
    max-width: 1300px;
    width: 100%;
    display: table;
    margin: auto;
    border-spacing: 20px;
    margin-bottom: -10px; }
    @media only screen and (max-width: 600px) {
      body .fill-height {
        display: block;
        border-spacing: none;
        margin: 10px;
        width: auto; } }
    body .fill-height .table-row {
      display: table-row; }
      @media only screen and (max-width: 600px) {
        body .fill-height .table-row {
          display: block; } }
      body .fill-height .table-row .table-cell {
        display: table-cell;
        background-color: #fff;
        position: relative;
        padding: 20px;
        vertical-align: top; }
        @media only screen and (max-width: 600px) {
          body .fill-height .table-row .table-cell {
            display: block; } }
  body .cat-list h3 {
    margin-bottom: 3px; }
  body .cat-list ul {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.5em; }
    @media only screen and (max-width: 600px) {
      body .cat-list ul {
        margin-bottom: 0px;
        margin-top: 3px; }
        body .cat-list ul li {
          border-bottom: 1px solid #eee; }
          body .cat-list ul li:last-child {
            border-bottom: none; }
          body .cat-list ul li a {
            padding: 5px;
            display: block; } }
  body .category-description {
    padding: 20px;
    text-align: left; }
    body .category-description h1, body .category-description h2 {
      text-align: left;
      margin-bottom: 10px; }
  body .no-backdrop {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    height: auto;
    position: relative;
    top: 0;
    padding-top: 40px;
    color: #000;
    height: 400px;
    margin-bottom: -200px;
    font-size: 0.5em; }
    body .no-backdrop .category-icon {
      text-align: center;
      margin: 20px 0px 5px; }
    body .no-backdrop h1 {
      text-align: center;
      color: #8bbec6;
      font-size: 28px;
      text-transform: uppercase;
      font-family: "open_sansextrabold", Helvetica, Arial, sans-serif;
      margin-bottom: 0px; }
    body .no-backdrop h2 {
      color: #fff;
      text-align: center; }
    body .no-backdrop h3, body .no-backdrop h4 {
      color: #000; }
  body .blog-content h2 {
    font-family: "open_sanslight", Helvetica, Arial, sans-serif;
    font-size: 28px;
    line-height: 1.1em;
    margin: 0.8em 0;
    text-transform: none; }
  body .blog-content p {
    color: #989898;
    font-size: 13px;
    line-height: 2em; }
  body .blog-content table td {
    vertical-align: middle; }
    body .blog-content table td.image {
      vertical-align: top; }
      @media only screen and (max-width: 600px) {
        body .blog-content table td.image img {
          width: 50px !important;
          height: inherit !important; } }
  body .blog-content a {
    color: #8bbec6; }
  body .blog-sidebar-content {
    margin-left: 20px; }
    body .blog-sidebar-content h2 {
      font-family: "open_sanslight", Helvetica, Arial, sans-serif;
      font-size: 28px;
      line-height: 1.1em;
      margin: 0.8em 0;
      text-align: center; }
  body .blog-sidebar {
    padding: 20px;
    background: white;
    margin-bottom: 20px; }
    body .blog-sidebar h3 {
      font-family: "open_sanslight", Helvetica, Arial, sans-serif;
      font-size: 18px;
      line-height: 1.1em;
      margin: 0.8em 0;
      text-transform: none; }
    body .blog-sidebar img {
      max-width: 100%; }
  body .blog-intro {
    float: left;
    width: 50%; }
    body .blog-intro .blogblock {
      margin: 10px;
      background: white;
      padding: 20px; }
      body .blog-intro .blogblock h3, body .blog-intro .blogblock h2 {
        font-family: "open_sanslight", Helvetica, Arial, sans-serif;
        font-size: 28px;
        line-height: 1.1em;
        margin: 20px 0 5px;
        text-transform: none; }
    body .blog-intro img {
      max-width: 100%; }
  @media only screen and (min-width: 640px) {
    body .blog-highlight {
      min-height: 361px; } }
  body .blog-highlight .blog-content {
    max-height: 165px;
    overflow: hidden;
    text-overflow: ellipsis; }
  body .blog-highlight a.image-filler {
    display: block;
    width: 100%;
    height: 279px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -ms-behavior: url('/backgroundsize.min.htc'); }
    @media only screen and (min-width: 600px) {
      body .blog-highlight a.image-filler {
        border-right: 15px solid #fff; } }
  @media only screen and (max-width: 600px) {
    body .blog-highlight h4 {
      padding-top: 20px; } }
  @media only screen and (max-width: 600px) {
    body .specs-container table td {
      padding: 10px 5px;
      font-size: 11px; } }
  @media only screen and (max-width: 600px) {
    body .specs-container table .attribute {
      width: 40%; } }
  body .readmore .hidden {
    display: none; }
  body .readmore .readmore-link {
    color: #999;
    cursor: pointer;
    text-decoration: underline; }
    body .readmore .readmore-link:hover {
      color: #666; }
  body .main-category-description h3 {
    text-align: left; }
  body .product-stamp .product-admin-actions, body .searchresult-product .product-admin-actions, body .photo-product-grid-item .product-admin-actions {
    display: none; }
    @media only screen and (min-width: 1024px) {
      body .product-stamp .product-admin-actions, body .searchresult-product .product-admin-actions, body .photo-product-grid-item .product-admin-actions {
        display: block;
        background-color: #f9dca8;
        padding: 2px;
        /* margin: 5px; */
        font-size: 0.8em;
        visibility: hidden; }
        body .product-stamp .product-admin-actions a, body .searchresult-product .product-admin-actions a, body .photo-product-grid-item .product-admin-actions a {
          color: black; } }
  @media only screen and (min-width: 1024px) {
    body .product-stamp:hover .product-admin-actions, body .searchresult-product:hover .product-admin-actions, body .photo-product-grid-item:hover .product-admin-actions {
      visibility: visible; } }
  body .profile-header {
    padding: 20px 0;
    text-align: center; }
    body .profile-header.overlayed {
      margin-top: -110px; }
    body .profile-header h1 {
      line-height: 1em;
      margin: 20px; }
    @media only screen and (max-width: 600px) {
      body .profile-header h1 {
        margin-bottom: 3px; } }
    body .profile-header img {
      width: 110px;
      border: 1px solid #f0f0f0;
      padding: 5px;
      background-color: #fff; }
    body .profile-header img.profile-image {
      padding: 0px;
      height: 50px;
      width: 50px;
      border-radius: 60px;
      margin: 20px 0 -20px; }
      @media only screen and (min-width: 1024px) {
        body .profile-header img.profile-image {
          height: 80px;
          width: 80px; } }
    body .profile-header p {
      max-width: 500px;
      padding: 0 10px;
      margin: auto; }
  body .product-header {
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px; }
    body .product-header .store-info {
      float: left; }
      body .product-header .store-info .store-logo {
        max-height: 36px;
        border: 1px solid #ccc; }
    body .product-header .price-info {
      text-align: right;
      float: right;
      font-size: 22px;
      font-weight: 300;
      margin-right: 10px; }
      body .product-header .price-info .shipping-info {
        color: #aaa;
        font-size: 12px;
        text-transform: uppercase; }
    body .product-header .store-click {
      float: right; }
      @media only screen and (max-width: 600px) {
        body .product-header .store-click {
          display: none; } }
      body .product-header .store-click .btn {
        display: block;
        padding: 9px 10px; }
  body .product-description {
    text-align: center; }
    body .product-description p {
      margin: auto;
      max-width: 400px; }
    body .product-description .image-container img.responsive {
      max-height: 650px; }
    body .product-description .main-image-container {
      margin-top: 20px; }
      body .product-description .main-image-container a {
        cursor: zoom-in; }
    body .product-description .social-shares {
      padding: 20px; }
      body .product-description .social-shares a {
        color: #8bbec6;
        font-size: 24px; }
  body .zoomHolder {
    display: none; }
    body .zoomHolder.fullscreenDiv {
      display: block; }
  body #cboxContent {
    margin-top: 0px;
    height: auto !important; }
  body #cboxLoadedContent {
    height: auto !important; }
  body #cboxWrapper, body #colorbox {
    height: auto !important;
    min-height: 100%; }
  body #cboxClose {
    background-color: #8bbec6;
    background-image: none;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    top: 0px;
    right: 30px;
    font-family: 'icomoon';
    text-indent: 10px;
    text-align: center;
    color: transparent; }
    @media only screen and (max-width: 600px) {
      body #cboxClose {
        right: 3px; } }
  body #cboxClose:before {
    content: "\e609";
    color: #fff; }
  body #cboxOverlay {
    background: #000;
    opacity: 0.50 !important; }
  body .brand-container {
    display: inline-block;
    position: relative;
    width: 100%; }
  body .brand-spacer {
    margin-top: 100%; }
  body .brand-content {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    font-size: 16px;
    text-shadow: 0px 0px 2px #000; }
    body .brand-content a {
      color: #fff; }
  body .tag {
    display: inline-block;
    margin: 10px;
    padding: 5px 10px;
    color: #fff;
    background-color: #8bbec6; }
    body .tag:hover {
      text-decoration: none; }
  body #blogpost h1 {
    text-align: center;
    padding: 30px 0; }
  body #blogpost h2 {
    font-size: 18px;
    text-transform: uppercase;
    padding: 30px 0 10px; }
  body #blogpost p {
    max-width: 500px;
    text-align: center;
    margin: 0 auto 1em;
    padding: 0px 20px 10px; }
  body #blogpost table {
    display: table;
    table-layout: fixed;
    max-width: 100%; }
    body #blogpost table tbody {
      max-width: 100%; }
    body #blogpost table td {
      width: 33%;
      text-align: center; }
      body #blogpost table td img {
        max-width: 100%; }
  body #blogpost .social {
    margin: 0px -20px -20px;
    padding: 20px;
    text-align: center;
    background-color: #fffdfd; }
  body .blogpost .all-center {
    height: 80px; }
  body .blogpost .title {
    display: block;
    height: 2em;
    font-size: 20px;
    color: #8bbec6;
    font-weight: 300;
    line-height: 1em;
    overflow: hidden; }
    body .blogpost .title a {
      display: block;
      color: #8bbec6; }
      body .blogpost .title a:hover {
        text-decoration: none;
        opacity: 0.8; }
  body .blogpost .subtitle {
    display: block;
    margin-top: 20px;
    font-size: 12px;
    color: #777;
    text-transform: uppercase;
    margin-bottom: 0px; }
    @media only screen and (min-width: 1024px) {
      body .blogpost .subtitle {
        margin-top: 35px; } }
  body .show-for-large-up {
    display: none; }
    @media only screen and (min-width: 1280px) {
      body .show-for-large-up {
        display: block; } }
  body .show-for-medium-up {
    display: none; }
    @media only screen and (min-width: 1024px) {
      body .show-for-medium-up {
        display: block; } }
  body .show-for-small-up {
    display: none; }
    @media only screen and (min-width: 641px) {
      body .show-for-small-up {
        display: block; } }
  body form.fullwidth input[type="text"], body form.fullwidth input[type="password"], body form.fullwidth input[name="website"], body form.fullwidth input[type="email"], body form.fullwidth input[type="tel"], body form.fullwidth input[type="number"], body form.fullwidth input[type="search"], body form.fullwidth input[type="url"] {
    display: block;
    width: 100%;
    padding: 10px; }
  body form.fullwidth textarea {
    display: block;
    width: 100%;
    padding: 10px; }
  body form.fullwidth select {
    display: block;
    width: 100%;
    padding: 10px; }
  body .makeblock {
    display: block;
    width: 100%; }
  body a.modal-logo {
    background-image: url('https://d1s5szje21xe6k.cloudfront.net/static/img/logo2x.png');
    display: block;
    width: 200px;
    height: 45px;
    line-height: 1px;
    font-size: 1px;
    text-indent: -999999px;
    text-decoration: none;
    background-size: 200px 45px;
    background-size: cover;
    -ms-behavior: url('/backgroundsize.min.htc');
    margin: 0 auto;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimizeQuality;
    margin-bottom: 20px; }
  body hr {
    border: none;
    border-bottom: 1px solid #ccc;
    margin: 20px 0; }
  body .text-ruler {
    border-bottom: 1px solid #ccc;
    text-align: center;
    height: 0.7em;
    overflow: visible;
    margin: 20px 0;
    color: #999; }
    body .text-ruler span {
      display: inline-block;
      background-color: #fff;
      padding: 0 10px; }
  body .lowered {
    margin-top: 10%; }
  body .feed .image-header {
    position: relative;
    margin-top: 13px;
    height: 45px;
    padding: 15px 0 10px 40px;
    font-size: 11px;
    color: #a6a8ab;
    line-height: 12px; }
    @media only screen and (min-width: 640px) {
      body .feed .image-header {
        margin-top: 20px;
        height: 35px; } }
    body .feed .image-header .name {
      color: #000;
      font-size: 13px; }
    body .feed .image-header .profile-image {
      width: 30px;
      height: 30px;
      border-radius: 50px;
      position: absolute;
      left: 0;
      top: 12px;
      background-color: #eee;
      overflow: hidden; }
      body .feed .image-header .profile-image img {
        max-width: 100%; }
    body .feed .image-header .actions {
      position: absolute;
      right: 0px;
      top: 22px; }
      body .feed .image-header .actions .icon {
        font-size: 14px;
        color: #d0d2d3; }
      body .feed .image-header .actions a {
        color: inherit; }
        body .feed .image-header .actions a:hover {
          text-decoration: none; }
    body .feed .image-header.top {
      margin-top: -10px;
      margin-bottom: 20px; }
      @media only screen and (min-width: 640px) {
        body .feed .image-header.top {
          margin-top: -20px;
          margin-bottom: 40px; } }
  body .feed .featured-header {
    position: relative;
    margin-top: 20px;
    margin-bottom: 5px; }
    body .feed .featured-header .bio {
      font-size: 12px; }
    body .feed .featured-header .text-light {
      color: #999;
      font-size: 11px; }
    body .feed .featured-header .profile-image {
      width: 35px;
      height: 35px;
      border-radius: 70px;
      background-color: #eee;
      overflow: hidden;
      border: 2px solid #eee;
      margin-top: -50px; }
      @media only screen and (min-width: 1024px) {
        body .feed .featured-header .profile-image {
          width: 60px;
          height: 60px; } }
    body .feed .featured-header .name {
      color: #000;
      font-size: 12px; }
      @media only screen and (min-width: 1024px) {
        body .feed .featured-header .name {
          font-size: 16px; } }
  body .feed .image-footer {
    margin-top: 35px;
    margin-bottom: -5px;
    color: #777;
    font-size: 12px; }
    body .feed .image-footer .sharing-container {
      float: right; }
      body .feed .image-footer .sharing-container span {
        cursor: pointer; }
    body .feed .image-footer .addthis_sharing_toolbox {
      float: right; }
    body .feed .image-footer .image-description {
      border-bottom: 1px solid #eee;
      padding-bottom: 20px;
      margin-bottom: 10px; }
  body .comments ul li {
    position: relative;
    padding-left: 40px;
    min-height: 30px;
    margin-bottom: 20px;
    line-height: 15px;
    padding-right: 45px; }
    body .comments ul li .profile-image {
      position: absolute;
      left: 0px;
      height: 30px;
      width: 30px;
      border-radius: 50px; }
    body .comments ul li a.username {
      display: block;
      color: #8bbec6; }
    body .comments ul li.description {
      border-bottom: 1px solid #eee;
      padding-bottom: 20px; }
    body .comments ul li .actions {
      position: absolute;
      right: 0px;
      top: 10px;
      display: none; }
      body .comments ul li .actions a {
        cursor: pointer; }
    body .comments ul li:hover .actions {
      display: block; }
  body .comments .no-comments {
    text-align: center;
    margin-bottom: 20px;
    color: #999; }
  body .comment_add {
    position: relative;
    background-color: #fffdfd;
    padding: 15px 20px 10px 60px;
    margin: 0 -20px -20px; }
    body .comment_add .profile-image {
      position: absolute;
      left: 20px;
      height: 30px;
      width: 30px;
      border-radius: 50px; }
    body .comment_add textarea {
      background-color: #fff;
      border: 1px solid #f8f0f0;
      width: 100%;
      height: 50px; }
  body .kazan {
    display: none; }
  @media only screen and (min-width: 640px) {
    body .presign-box {
      text-shadow: 0px 0px 8px black; } }
  body .presign-box h1 {
    font-weight: 500;
    text-align: center;
    margin-bottom: 15px; }
    @media only screen and (min-width: 640px) {
      body .presign-box h1 {
        color: #c2dfe3; } }
  @media only screen and (min-width: 640px) {
    body .presign-box .pre-image {
      display: none; } }
  body .presign-box p {
    line-height: 2em;
    font-size: 1.4em;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px; }
    @media only screen and (min-width: 640px) {
      body .presign-box p {
        color: #fff; } }
  body .presign-box .btn {
    text-shadow: none; }
  body .presign-box input {
    padding: 15px 10px !important;
    margin-top: 10px; }
  body .presign-box .errorlist {
    color: #fcc;
    margin: -15px 0 5px 20px; }
  body .presign-box .signsuccess {
    background-color: #8bbec6;
    color: #fff;
    text-align: center;
    padding: 20px;
    font-size: 1.4em; }
  body #feed .columns {
    margin-left: -1px; }
  @media only screen and (min-width: 1024px) {
    body #feed .medium-4, body #feed .large-4 {
      width: 33%; } }
  @media only screen and (min-width: 1024px) {
    body .feed-container-big .medium-4, body .feed-container-big .large-4 {
      width: 33%; } }
  @media only screen and (min-width: 1024px) {
    body .feed-container-medium .medium-4, body .feed-container-medium .large-4 {
      width: 25%; } }
  body .follow_button {
    cursor: pointer;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 3px; }
    body .follow_button:hover {
      border: 1px solid #d5d5d5;
      background-color: #fefefe; }
  body .love_button {
    cursor: pointer;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 3px; }
    body .love_button:hover {
      border: 1px solid #d5d5d5;
      background-color: #fefefe; }
      body .love_button:hover .icon-heart {
        color: #FAA !important; }
  body .is_liked .love_button .icon-heart {
    color: #f44; }
  body .is_liked .love_button:hover .icon-heart {
    color: #f66 !important; }
  body .inpage_anchor {
    margin-top: -120px;
    margin-bottom: 150px; }
  body .inpage_anchor_lg {
    margin-top: -220px;
    margin-bottom: 250px; }
  body .errorlist {
    color: #c00;
    margin: -15px 0 5px 0px; }
  body .error_msg {
    background-color: #c00;
    border-radius: 3px;
    color: #fff;
    padding: 10px;
    margin-bottom: 10px; }
  body .success_msg {
    background-color: #c4e9c9;
    font-size: 1.1em;
    border-radius: 3px;
    color: black;
    padding: 20px 30px;
    margin-bottom: 20px; }
    body .success_msg strong {
      color: #009246; }
  body .lightbox-content-recommended {
    display: none; }
  body .recommended-items h3 {
    padding: 20px 0;
    font-weight: bold;
    font-size: 24px; }
  body .warning_msg {
    background-color: #fff2ce;
    border-radius: 3px;
    color: #000;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 15px; }
  body .tabs {
    font-weight: 900;
    text-align: center;
    font-size: 14px;
    padding: 7px 0;
    border-bottom: 1px solid #f0f0f0;
    margin: 0; }
    body .tabs .tab {
      color: #222;
      padding: 5px 0;
      margin: 0 12px;
      text-transform: uppercase; }
      body .tabs .tab:hover {
        text-decoration: none;
        border-bottom: 3px solid #8bbec6; }
      body .tabs .tab.selected {
        border-bottom: 3px solid #8bbec6; }
  body .blank_slate {
    background-color: #f3f0f0;
    padding: 40px;
    text-align: center;
    font-size: 16px; }
  body .infopage {
    font-size: 1.2em;
    font-weight: 300; }
    body .infopage a {
      color: #8bbec6; }
  body .embedcode {
    clear: both;
    padding-top: 10px; }
    body .embedcode textarea {
      width: 100%; }
  body .signup-box-container {
    position: fixed;
    z-index: 10;
    width: 100%;
    bottom: 10px;
    padding: 0 10px; }
    @media only screen and (min-width: 1024px) {
      body .signup-box-container {
        bottom: 50px; } }
    body .signup-box-container .signup-box {
      position: relative;
      max-width: 600px;
      margin: 0 auto;
      padding: 20px;
      background-color: #fff;
      font-size: 12px;
      border-radius: 5px;
      border: 8px solid #ddd; }
      @media only screen and (min-width: 1024px) {
        body .signup-box-container .signup-box {
          font-size: 14px;
          padding-left: 120px; } }
      body .signup-box-container .signup-box .left-image {
        display: none; }
        @media only screen and (min-width: 1024px) {
          body .signup-box-container .signup-box .left-image {
            display: block;
            position: absolute;
            max-width: 80px;
            top: 10px;
            left: 20px; } }
      body .signup-box-container .signup-box .action {
        float: right;
        padding-left: 20px;
        padding-top: 20px; }
      body .signup-box-container .signup-box strong {
        display: block;
        color: #8bbec6;
        font-family: "Roboto", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        font-size: 16px; }
        @media only screen and (min-width: 1024px) {
          body .signup-box-container .signup-box strong {
            font-size: 20px; } }
  body .profile-type {
    font-size: 11px;
    margin: -3px 0 10px; }
    @media only screen and (min-width: 640px) {
      body .profile-type {
        margin: -20px 0 10px; } }
    body .profile-type .icon-checkmark-circle {
      color: #d89f7b; }
  body .styled-tags a {
    margin-right: 20px;
    padding: 0 10px 0 12px;
    background: #8bbec6;
    color: #fff;
    text-decoration: none;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    height: 24px;
    display: inline-block;
    position: relative;
    line-height: 22px;
    margin-bottom: 5px;
    margin-left: 15px; }
  body .styled-tags a:before {
    content: "";
    float: left;
    position: absolute;
    top: 0;
    left: -12px;
    width: 0;
    height: 0;
    border-color: transparent #8bbec6 transparent transparent;
    border-style: solid;
    border-width: 12px 12px 12px 0; }
  body .styled-tags a:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    float: left;
    width: 4px;
    height: 4px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    -moz-box-shadow: -1px -1px 2px #004977;
    -webkit-box-shadow: -1px -1px 2px #004977;
    box-shadow: -1px -1px 2px #004977; }
  body .blog-related {
    padding: 0px; }
    body .blog-related img {
      margin-bottom: -4px; }
    body .blog-related .title-area {
      padding: 4px 15px;
      font-size: 15px;
      max-height: 5.3em;
      overflow: hidden; }
      body .blog-related .title-area .title-category {
        font-size: 11px;
        color: #aaa; }
      body .blog-related .title-area a {
        color: #000; }
  body .completer-results ul {
    background-color: #fff;
    padding: 10px;
    border: 1px solid #f5f5f5;
    -webkit-box-shadow: 0px 0px 10px -2px #000000;
    -moz-box-shadow: 0px 0px 10px -2px #000000;
    box-shadow: 0px 0px 10px -2px #000000; }
    body .completer-results ul li {
      padding: 0;
      border-top: 1px solid #ddd;
      line-height: 1em; }
      body .completer-results ul li.selected {
        background-color: #f5f5f5; }
      body .completer-results ul li.header {
        border-top: none;
        color: #000;
        font-weight: 700;
        font-size: 0.8em;
        padding: 0 2px 3px; }
      body .completer-results ul li a {
        padding: 5px 2px;
        display: block; }
        body .completer-results ul li a:hover {
          background-color: #f5f5f5; }
        body .completer-results ul li a .type {
          color: #999;
          font-size: 0.8em;
          display: block; }
  body .activity {
    max-width: 330px;
    min-width: 255px;
    display: inline-block;
    vertical-align: top; }
  body .new-content-notification {
    display: none;
    font-weight: bold;
    text-align: center;
    position: fixed;
    bottom: 20;
    margin: 0px auto;
    width: 100%;
    z-index: 20;
    bottom: 20px; }
    body .new-content-notification p {
      margin: 0 auto;
      background-color: #fff;
      display: inline-block;
      padding: 10px 20px;
      border-radius: 5px;
      border: 1px solid #ddd;
      -webkit-box-shadow: 0px 2px 5px -3px #000000;
      -moz-box-shadow: 0px 2px 5px -3px #000000;
      box-shadow: 0px 2px 5px -3px #000000; }
      body .new-content-notification p a {
        color: #8bbec6; }
  body .event-comment {
    background-color: #f4f4f4;
    margin: -10px 0px 20px;
    padding: 10px;
    white-space: normal;
    border-radius: 5px; }
    @media only screen and (min-width: 640px) {
      body .event-comment {
        margin: -20px 0px 30px; } }
  body .event-footer {
    margin: 20px 0px 0px;
    font-size: 10px;
    text-align: right;
    opacity: 0.5; }
    @media only screen and (min-width: 640px) {
      body .event-footer {
        margin: 30px 0 -10px; } }
  body .order-info h2 {
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 4px;
    line-height: 1.1em; }
  body .order-info .bottom-price {
    margin-top: 25px;
    font-size: 30px; }
  body .order-info .price {
    font-size: 16px;
    font-weight: 300;
    color: #808080; }
  body .order-info .before-price {
    position: relative;
    font-size: 16px;
    font-weight: 300;
    color: #999; }
    body .order-info .before-price:after {
      position: absolute;
      content: "";
      left: 0;
      top: 50%;
      right: 0;
      border-top: 1px solid #999;
      border-color: inherit;
      -webkit-transform: rotate(-5deg);
      -moz-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
      -o-transform: rotate(-5deg);
      transform: rotate(-5deg); }
  body .order-info .btn {
    display: block;
    width: 100%; }
  body .order-info .small-9 {
    padding-left: 5px !important; }
  body .order-info select, body .order-info input[type="text"] {
    border: 1px solid #f8e9e9;
    border-radius: 3px; }
  body .order-info .delivery-info, body .order-info .input-title {
    font-size: 12px;
    color: #808080;
    font-weight: 500; }
  body .order-info .order-product-overview {
    min-height: 60px;
    font-size: 14px;
    margin: 10px 0;
    padding-left: 75px;
    position: relative; }
    body .order-info .order-product-overview img {
      position: absolute;
      left: 0;
      top: 0;
      height: 60px;
      border: 1px solid #ccc;
      border-radius: 3px; }
    body .order-info .order-product-overview .return-images img {
      position: static;
      margin-right: 3px;
      padding: 3px;
      margin-top: 10px; }
    body .order-info .order-product-overview .seller-info, body .order-info .order-product-overview .delivery-info {
      font-size: 12px;
      color: #777;
      font-weight: normal; }
      body .order-info .order-product-overview .seller-info a, body .order-info .order-product-overview .delivery-info a {
        color: #8bbec6; }
  body .order-info #id_shipping input[type="radio"], body .order-info #id_billing input[type="radio"] {
    float: left;
    margin-right: 8px; }
  body .order-info #id_shipping li, body .order-info #id_billing li {
    padding: 3px 0; }
  body .order-info .spaced-form {
    padding-left: 13px; }
    body .order-info .spaced-form .column {
      padding: 8px !important; }
  body table.admin {
    border-bottom: 1px solid #ccc; }
    body table.admin tr.odd {
      background-color: #faf9f9; }
    body table.admin th {
      border-bottom: 1px solid #ccc; }
    body table.admin td.nowrap {
      white-space: nowrap; }
  body .alternative-images img {
    cursor: pointer; }
  body.content-admin .right {
    float: right; }
  body.content-admin h2, body.content-admin h3 {
    text-align: left;
    font-family: Roboto;
    color: #8bbec6; }
  body.content-admin:before {
    content: " ";
    height: 60px;
    position: relative;
    display: block; }
  body.content-admin .cke {
    width: 100% !important; }
  body.content-admin header.header {
    height: auto; }
  body.content-admin .helptext {
    font-size: 10px;
    color: #999; }
  body.content-admin .reveal-modal ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    body.content-admin .reveal-modal ul:after {
      clear: both;
      content: ' ';
      display: block; }
    body.content-admin .reveal-modal ul li {
      margin-right: 20px;
      float: left; }
  body.content-admin .popup-content {
    padding: 20px; }
    body.content-admin .popup-content h2 {
      background: #8bbec6;
      font-size: 14px;
      color: white;
      margin: -20px;
      margin-bottom: 10px;
      padding: 10px; }
  body .right {
    float: right; }
  body .left {
    float: left; }
  body .primary-color {
    color: #8bbec6; }
  body .discount-color {
    color: #f7891c; }
  body .discountcode-add {
    display: none; }
  body .dealsign {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    background-color: #f7891c;
    position: absolute;
    z-index: 100;
    left: -0px;
    top: 40px;
    color: #fff;
    font-weight: 700;
    font-size: 42px;
    line-height: 24px;
    padding-top: 30px;
    font-family: Roboto;
    -ms-transform: rotate(-7deg);
    /* IE 9 */
    -webkit-transform: rotate(-7deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-7deg); }
    body .dealsign div {
      font-size: 14px;
      opacity: 0.7; }
  body .countdown {
    border: 3px solid #f7891c;
    border-radius: 10px;
    font-weight: 900;
    padding: 10px;
    font-size: 24px;
    background-color: #f7891c;
    color: #fff; }
    body .countdown .icon {
      font-size: 0.8em; }
    body .countdown .title {
      font-size: 14px;
      opacity: 0.7;
      margin: -3px 0 2px; }
  body .return-form .form-group ul {
    display: none; }
  body .return-form .form-group p {
    display: none; }
    body .return-form .form-group p.first {
      display: block; }
  body ul.checkmarks {
    list-style: none;
    padding: 0; }
    body ul.checkmarks li {
      padding-left: 1.3em;
      margin-bottom: 5px; }
    body ul.checkmarks li:before {
      content: "\e608";
      /* FontAwesome Unicode */
      font-family: 'icomoon';
      display: inline-block;
      margin-left: -1.3em;
      /* same as padding-left set on li */
      width: 1.3em;
      /* same as padding-left set on li */
      color: #9CC600; }
  body .swiper-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  body .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0; }
  body .big-image-container {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 10px;
    min-height: 100%; }
    @media only screen and (min-width: 1024px) {
      body .big-image-container {
        position: fixed;
        top: 0px;
        bottom: 0px;
        width: 70%;
        background-color: #f5f5f5;
        padding: 30px;
        margin-top: 90px;
        margin-bottom: 0px; } }
  body #image-detail-container {
    max-width: 640px;
    margin: auto;
    background-color: #fff;
    padding: 10px; }
    @media only screen and (min-width: 1024px) {
      body #image-detail-container {
        max-width: none;
        width: 30%;
        float: right;
        padding: 0 5px; } }
    body #image-detail-container .swiper-slide {
      width: 150px;
      max-width: 43%;
      float: left;
      margin: 0 5px; }
  body #champion-image {
    box-shadow: 5px 5px 10px #999; }
    @media only screen and (min-width: 1024px) {
      body #champion-image {
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        background-color: #fff; } }
  @media only screen and (min-width: 640px) {
    body #image-detail-container .feed-container-big .medium-4, body .feed-container-big .large-4 {
      width: 49% !important; } }
  body #image-detail-container h2 {
    text-align: left !important;
    font-size: 16px !important;
    border-bottom: 1px solid #ccc !important;
    margin: 0 10px !important;
    padding-bottom: 5px !important; }
  body #image-detail-container .image-header.top {
    margin-top: 0px !important;
    margin-bottom: 20px !important; }
  body #main-product-image {
    position: relative; }
  body .image-admin-actions {
    position: absolute;
    display: none;
    right: 10px;
    bottom: 10px;
    border: solid 1px black;
    background: rgba(255, 255, 255, 0.7);
    padding: 5px; }
    body .image-admin-actions button {
      border: solid 2px #ccc;
      font-size: 10px;
      background: #eee; }
    body .image-admin-actions .is-active {
      border-color: green;
      background: lightgreen; }
  body .brands-search {
    display: block;
    width: 100%;
    margin-bottom: 10px; }
  body .search-base .product-filter-section {
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
    clear: both;
    float: none; }
  body .search-base .product-filter-section .right {
    float: right;
    text-align: right; }
  body .search-base .filter-item {
    float: left;
    display: block;
    margin: 5px 1% 5px 1%;
    padding: 5px 10px;
    border: solid 1px #ccc;
    border-radius: 4px;
    background: white;
    position: relative;
    cursor: pointer;
    width: 48%; }
    @media only screen and (min-width: 768px) {
      body .search-base .filter-item {
        width: 32%;
        margin: 5px 1% 5px 0; } }
    @media only screen and (min-width: 1024px) {
      body .search-base .filter-item {
        width: 19%;
        margin: 5px 1% 5px 0; } }
  body .search-base .filter-item:hover {
    background-color: #f5f5f5; }
  body .search-base .filter-item a {
    position: absolute;
    right: -5px;
    top: -5px;
    color: #c00;
    text-decoration: none; }
  body .flex-header {
    margin-top: 10px;
    text-align: center;
    width: 100%; }
  body .flex-hr {
    width: 100%; }
  body .products-not-found {
    width: 100%;
    margin: 20px 0; }
  body .search-base .filter-item a:hover {
    text-decoration: none;
    color: #666; }
  body .hidden-filter-items {
    display: none; }
  body .toggle-order-options {
    cursor: pointer; }
  body .order-options {
    display: none;
    padding: 10px;
    background: white;
    position: absolute; }
  body .flex-products {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    margin: 0px auto;
    -webkit-flex-wrap: wrap;
    /* Safari */
    flex-wrap: wrap; }
  body .flex-products img {
    /* width: 100%; */ }
  body .flex-item {
    width: 25%;
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    /* Safari */
    flex-wrap: wrap;
    border-bottom: 1px dotted #ddd;
    background-size: cover;
    background-position: center; }
  body .flex-item .product-stamp {
    padding: 40px 20px !important; }
  body .flex-content {
    text-align: center;
    width: 100%;
    /* height: 100%; */
    background-color: #DDEFF0; }
  body .flex-item.flex-content .flex-inner-content {
    padding: 50px; }
  body .flex-item .flex-content.mood {
    background-image: url('http://lorempixel.com/output/nature-q-c-640-480-7.jpg');
    background-size: cover;
    background-position: center; }
  body .flex-item.double {
    width: 50%;
    -webkit-flex-grow: 2;
    flex-grow: 2; }
  body .flex-item.large-double {
    width: 50%;
    -webkit-flex-grow: 2;
    flex-grow: 2; }
  body .subtitle {
    text-transform: uppercase;
    color: #ccc;
    display: block;
    margin-top: 30px;
    margin-bottom: -20px; }
  @media only screen and (max-width: 1000px) {
    body .flex-item {
      width: 33.33333%; }
    body .flex-item.double {
      width: 66%;
      -webkit-flex-grow: 2;
      flex-grow: 2;
      min-height: 300px; }
    body .flex-item.medium-single {
      width: 100%;
      -webkit-flex-grow: 2;
      min-height: 0px; }
    body .flex-item.medium-double {
      width: 50%;
      min-height: 300px; }
    body .flex-item .flex-content .flex-inner-content {
      padding: 30px; } }
  body .category-content .category-products-header {
    border-bottom: none;
    padding-bottom: 0px;
    min-height: 20px; }
  @media only screen and (max-width: 500px) {
    body .flex-item {
      width: 50%; }
    body .flex-item.double {
      width: 100%;
      -webkit-flex-grow: 2;
      flex-grow: 2;
      min-height: 300px; }
    body .flex-item.small-single {
      width: 100%;
      -webkit-flex-grow: 2;
      min-height: 0px; }
    body .flex-item .flex-content .flex-inner-content {
      padding: 20px; }
    body .flex-item .product-stamp {
      padding: 40px 10px !important; } }
  body .filter-panel {
    background-color: #fff;
    padding: 15px;
    border: 1px solid #eee; }
  body .filter-panel h4 {
    margin-top: 10px;
    font-weight: 700; }
  body .filter-panel li a {
    display: block;
    padding: 5px; }
  body .filter-panel ul.capped {
    max-height: 295px;
    overflow: hidden;
    overflow-y: scroll;
    border-bottom: 1px solid #ccc;
    -moz-box-shadow: inset 0 -10px 10px -10px #ddd;
    -webkit-box-shadow: inset 0 -10px 10px -10px #ddd;
    box-shadow: inset 0 -10px 10px -10px #ddd; }
  body .filter-panel input {
    padding: 10px !important; }
  body .ellipsed {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  body .sale-label {
    position: absolute;
    bottom: -10px;
    right: -10px; }
  body .shopblog-related {
    font-size: 1.5em;
    border-top: 1px solid #ccc;
    margin-top: -1px;
    padding: 40px 10px 20px;
    font-weight: 300; }
  body .photo-product-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(90px, 1fr));
    grid-column-gap: 0px; }
    @media only screen and (min-width: 1024px) {
      body .photo-product-grid.large-grid-6 {
        grid-template-columns: repeat(6, minmax(90px, 1fr)); } }
  body .photo-product-grid-more {
    text-align: center;
    background-color: #DDEFF0;
    color: #000;
    display: block;
    padding: 10px;
    text-transform: uppercase; }
  body .photo-product-grid-item {
    padding: 8px 8px 20px;
    border-collapse: collapse;
    text-align: center; }
    body .photo-product-grid-item .prod-name {
      font-size: 11px;
      line-height: 16px;
      height: 32px;
      overflow: hidden; }
    body .photo-product-grid-item .prod-price {
      font-size: 12px; }
    body .photo-product-grid-item .prod-price.discounted a {
      color: #F7931E;
      font-weight: 700; }
    body .photo-product-grid-item .prod-price .prod-from-price {
      position: relative;
      color: #aaa;
      font-weight: 400; }
    body .photo-product-grid-item .prod-price .prod-from-price:after {
      position: absolute;
      content: "";
      left: 0;
      top: 50%;
      right: 0;
      border-top: 1px solid #999;
      border-color: inherit;
      -webkit-transform: rotate(-5deg);
      -moz-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
      -o-transform: rotate(-5deg);
      transform: rotate(-5deg); }
    body .photo-product-grid-item a {
      color: #000;
      text-decoration: none; }
    body .photo-product-grid-item .photo-product-grid-item a:hover {
      text-decoration: none; }
  body .image-description {
    padding: 30px;
    text-align: center;
    border-bottom: 1px dashed #ccc; }
  @media only screen and (min-width: 700px) {
    body .only-on-mobile {
      display: none; } }
  @media only screen and (max-width: 700px) {
    body .not-on-mobile {
      display: none; } }
  @media only screen and (max-width: 500px) {
    body #colorbox {
      max-width: 320px;
      /* margin-left: calc((100vw - 320px) / 2); */ }
    body #cboxContent {
      max-width: 320px; }
    body #cboxLoadedContent {
      max-width: 320px; } }
  body .superflex-item {
    display: flex;
    flex-direction: column;
    width: 100% !important;
    border-bottom: none !important;
    flex-shrink: 0; }
  body .superflex-item.fluid {
    margin: 0 0 10px 10px;
    width: auto !important; }
  body .superflex {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch; }
  body .superflex.center {
    justify-content: center; }
  body .superflex-item .product-stamp {
    padding: 0px !important; }
  body .superflex::-webkit-scrollbar {
    width: 10px;
    height: 6px; }
  body .superflex::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 10px; }
  body .superflex::-webkit-scrollbar-thumb:hover,
  body .superflex::-webkit-scrollbar-thumb:active {
    background: #aaa;
    border-radius: 10px; }
  body .superflex::-webkit-scrollbar-track {
    background: transparent;
    margin-top: 5px; }
  body .superflex.sliding {
    display: flex;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    /*
    scroll-snap-points-x: repeat(150px);
    scroll-snap-type: mandatory;
    */ }
  @media only screen and (max-width: 640px) {
    body .superflex-sm-1 .superflex-item {
      width: 100% !important; }
    body .superflex-sm-2 .superflex-item {
      width: 50% !important; }
    body .superflex-sm-3 .superflex-item {
      width: 33.3% !important; }
    body .sliding.superflex-sm-1 .superflex-item {
      width: 90% !important; }
    body .sliding.superflex-sm-2 .superflex-item {
      width: 45% !important; }
    body .sliding.superflex-sm-3 .superflex-item {
      width: 30% !important; } }
  @media only screen and (min-width: 641px) and (max-width: 768px) {
    body .superflex-md-2 .superflex-item {
      width: 50% !important; }
    body .superflex-md-3 .superflex-item {
      width: 33.3% !important; }
    body .superflex-md-4 .superflex-item {
      width: 25% !important; }
    body .sliding.superflex-md-2 .superflex-item {
      width: 45% !important; }
    body .sliding.superflex-md-3 .superflex-item {
      width: 30% !important; }
    body .sliding.superflex-md-4 .superflex-item {
      width: 23% !important; } }
  @media only screen and (min-width: 769px) {
    body .superflex-lg-2 .superflex-item {
      width: 50% !important; }
    body .superflex-lg-3 .superflex-item {
      width: 33.3% !important; }
    body .superflex-lg-4 .superflex-item {
      width: 25% !important; }
    body .sliding.superflex-lg-2 .superflex-item {
      width: 45% !important; }
    body .sliding.superflex-lg-3 .superflex-item {
      width: 30% !important; }
    body .sliding.superflex-lg-4 .superflex-item {
      width: 23% !important; } }
  body .newrow {
    margin: 0 -20px;
    padding: 20px 20px;
    background-color: #f5f5f5; }
  body .newrow:nth-child(even) {
    background-color: #fff; }
  body .colspace {
    margin: 0px 10px; }

/**
body.theme-blue {
    $primary-color: $theme-blue-color;
    @import "base"
}
body.theme-orange {
    $primary-color: $theme-orange-color;
    @import "base"
}
body.theme-green {
    $primary-color: $theme-green-color;
    @import "base"
}
body.theme-purple {
    $primary-color: $theme-purple-color;
    @import "base"
}
body.theme-red {
    $primary-color: $theme-red-color;
    @import "base"
}
body.theme-mint {
    $primary-color: $theme-mint-color;
    @import "base"
}

**/
.theme-blue-background {
  background-color: #28AAE1;
  color: #fff; }

.theme-orange-background {
  background-color: #ff9933;
  color: #fff; }

.theme-green-background {
  background-color: #6b8;
  color: #fff; }

.theme-purple-background {
  background-color: #9966cc;
  color: #fff; }

.theme-red-background {
  background-color: #cc3366;
  color: #fff; }

.theme-mint-background {
  background-color: #66cccc;
  color: #fff; }

/*# sourceMappingURL=tmptDitdF.css.map */