@charset "UTF-8";
@import url(node_modules/normalize.css/normalize.css);
/* Debug grid */
.debug-column {
  width: calc((100% - 20px * 12) / 12);
  height: 80px;
  margin-right: 10px;
  margin-left: 10px;
  background: rgba(0, 0, 255, 0.25);
  float: left;
  display: none; }

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

body {
  font: 100% Lato, Helvetica, sans-serif;
  min-width: 300px !important;
  line-height: 1.5rem;
  color: #222222;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

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

h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
p,
blockquote {
  margin: 0;
  padding: 0; }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0.75rem 0;
  padding: 0; }

textarea,
button {
  border: 0;
  border-radius: 0;
  outline: none;
  background: none; }
  textarea:hover, textarea:active, textarea:focus,
  button:hover,
  button:active,
  button:focus {
    outline: none; }

button:hover {
  cursor: pointer; }

main:after {
  display: table;
  clear: both;
  content: ''; }

.l-container {
  max-width: 100%;
  margin: 0; }

.l-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  max-width: 71.25rem;
  margin-right: auto;
  margin-left: auto;
  padding: 0 1rem; }

.l-order-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  max-width: 46rem;
  margin-right: auto;
  margin-left: auto;
  padding: 0 1rem; }

.l-wrap-bleed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 76.25rem;
  margin-right: auto;
  margin-left: auto;
  padding: 1rem; }

.l-full-width {
  width: 100%;
  display: block; }

.l-content {
  margin: 1em; }
  .l-content:after {
    display: table;
    clear: both;
    content: ''; }

.l-2col > div {
  margin-bottom: 1rem; }

.l-row {
  margin-bottom: 1rem; }
  @media (min-width: 1024px) {
    .l-row {
      margin-bottom: 3rem; } }

.l-spacing__top {
  margin-top: 3rem; }

.l-no-spacing {
  margin: 0; }

.l-icon__block {
  padding: 1rem;
  float: left;
  font-size: 1rem; }

@media (min-width: 1024px) {
  .l-2col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
  .l-2col > div {
    margin-bottom: 0rem;
    margin-right: 1rem; }
  .l-2col > div:nth-of-type(2n) {
    margin-right: 0; } }

@media (min-width: 1024px) {
  .o-multiple-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .o-multiple-buttons button, .o-multiple-buttons a {
      display: inline-block;
      width: 100%; } }

a {
  text-decoration: none;
  color: #004BE2; }
  a:hover {
    text-decoration: underline; }

.o-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 0.75rem 0.8rem;
  width: 100%;
  font-weight: bold;
  border-radius: 0.125em;
  margin-bottom: 0.24rem;
  background: #3FD622;
  color: black; }
  .o-button i {
    margin-right: 0.5rem; }
  .o-button:hover {
    text-decoration: none; }
  .o-button:hover {
    background: #32aa1b;
    color: black; }

.o-button--secondary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 0.75rem 0.8rem;
  width: 100%;
  font-weight: bold;
  border-radius: 0.125em;
  margin-bottom: 0.24rem;
  color: #3c3c3c;
  background-color: #fbfbfc;
  border: 1px solid #E6E9ED; }
  .o-button--secondary i {
    margin-right: 0.5rem; }
  .o-button--secondary:hover {
    text-decoration: none; }

.o-button--tertiary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 0.75rem 0.8rem;
  width: 100%;
  font-weight: bold;
  border-radius: 0.125em;
  margin-bottom: 0.24rem;
  color: blue; }
  .o-button--tertiary i {
    margin-right: 0.5rem; }
  .o-button--tertiary:hover {
    text-decoration: none; }
  .o-button--tertiary:hover {
    text-decoration: underline; }

.o-button-icon {
  width: 2em;
  height: 2em;
  vertical-align: middle;
  padding: 0.25em; }

.o-label {
  font-weight: bold; }
  @media (min-width: 1024px) {
    .o-label {
      width: 10rem;
      text-align: right;
      font-weight: normal; } }

.o-input {
  border: 1px solid #BEC1C4;
  border-radius: 3px;
  background: #FFFFFF;
  padding: 0.75em;
  width: 100%; }

.o-input:focus {
  border-color: #004BE2; }

.o-input--error {
  border: 1px solid #BEC1C4;
  border-radius: 3px;
  background: #FFFFFF;
  padding: 0.75em;
  width: 100%;
  border-color: #F14B39; }

.o-input--error-desc {
  color: #F14B39; }

.o-input:-moz-read-only {
  border: none;
  background: none; }

.o-input:read-only {
  border: none;
  background: none; }

.o-radio-button__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0.5rem 0rem 0.5rem 2.5rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 0.25rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.25rem; }

.o-radio-button__container input {
  position: absolute;
  opacity: 0;
  cursor: pointer; }

.o-rb__checkmark {
  position: absolute;
  top: 0.7rem;
  left: 0.7rem;
  height: 1.1875rem;
  width: 1.1875rem;
  background: #BEC1C4;
  border-radius: 50%; }

.not-available {
  cursor: default;
  opacity: 0.5; }

.not-available .o-rb__checkmark {
  background: rgba(190, 193, 196, 0.2); }

.o-rb__checkmark--heigh {
  top: 1.6rem; }

.o-radio-button__container:hover input ~ .o-rb__checkmark {
  background-color: #004BE2; }

.not-available.o-radio-button__container:hover input ~ .o-rb__checkmark {
  background: rgba(190, 193, 196, 0.2); }

.o-radio-button__container input:checked ~ .o-rb__content {
  font-weight: bold; }

.o-radio-button__container input:checked ~ .o-rb__checkmark {
  background-color: rgba(0, 75, 226, 0.17); }

.o-rb__checkmark:after {
  content: "";
  position: absolute; }

.o-radio-button__container input:checked ~ .o-rb__checkmark:after {
  display: block;
  background: #004BE2; }

.o-rb__checkmark:after {
  top: 0.2rem;
  left: 0.2rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: white; }

.not-available .o-rb__checkmark:after {
  background: rgba(190, 193, 196, 0.2); }

.o-rb__go-crazy-right {
  text-align: right;
  padding-right: 1rem; }

.t0, p {
  font-size: 1em;
  line-height: 1.5rem; }

.t1, h1 {
  font-size: 1.75em;
  line-height: 2.5rem; }

.t2, h2 {
  font-size: 1.5em;
  line-height: 2rem; }

.t3, h3 {
  font-size: 1.25em;
  line-height: 1.5rem; }

.s1 {
  font-size: 0.75em;
  line-height: 1rem; }

.s2 {
  font-size: 0.5625em;
  line-height: 0.75rem; }

.uppercase {
  text-transform: uppercase; }

.t-bold {
  font-weight: bold; }

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

.subtle {
  color: #8F9194; }

.subtitle {
  display: block;
  font-size: 0.75em; }

.status--ok {
  color: #6B8302; }

.status--alert {
  color: #7F281E; }

.status--warning {
  color: #EE740C; }

.status--info {
  color: #13427F; }

.o-list__horizontal {
  list-style-type: none;
  padding: 0; }
  .o-list__horizontal:after {
    display: table;
    clear: both;
    content: ''; }

.o-list__horizontal li {
  padding: 0.5rem 0.5rem 0.5rem 0;
  float: left; }

.o-list__horizontal__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.o-list__vertical li {
  list-style-type: none;
  margin-bottom: 1rem; }

.o-list__vertical.subtile li a {
  color: #222222;
  text-decoration: none; }

.o-list__vertical.checkmark {
  list-style: none; }

.o-list__vertical.checkmark li {
  margin-left: 1.5em; }

.odd-even__item:nth-child(even) {
  background: rgba(230, 233, 237, 0.5); }

.odd-even__item {
  margin-bottom: 0; }
  @media (min-width: 1024px) {
    .odd-even__item {
      margin-bottom: 1rem; } }

.o-list__vertical.checkmark li:before {
  content: '\e91d';
  font-family: 'Material Icons';
  float: left;
  margin-left: -1.5em;
  color: #000000;; }

.list-icon-plus:before {
  font-family: 'Material Icons';
  float: left;
  margin-right: 0.5rem;
  content: '\e147'; }

.list-icon-min:before {
  font-family: 'Material Icons';
  float: left;
  margin-right: 0.5rem;
  content: '\e15c'; }

.o-color-filter__items {
  list-style-type: none;
  width: 10rem; }
  .o-color-filter__items:after {
    display: table;
    clear: both;
    content: ''; }

.o-color-filter__item {
  float: left;
  position: relative;
  margin: 0 0.5rem 0.5rem 0;
  background: red;
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 10rem;
  border: 2px solid #cc0000; }


  .o-color-filter__item__small {
    float: left;
    position: relative;
    margin: 0 0.5rem 0.5rem 0;
    background: red;
    height: 0.87rem;
    width: 0.87rem;
    border-radius: 5rem;
    border: 2px solid #cc0000; }


.o-color-filter__item:hover {
  -webkit-box-shadow: 0 0 0 0px #FFFFFF, 0 0 0 2px #E6E9ED;
          box-shadow: 0 0 0 0px #FFFFFF, 0 0 0 2px #E6E9ED;
  cursor: pointer; }

.o-cf-item--selected {
  -webkit-box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #222222;
          box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #222222; }

.o-cf__orange {
  background: #EE740C;
  border-color: #bd5c0a; }

.o-cf__green {
  background: #3FD622;
  border-color: #32aa1b; }

.o-cf__blue {
  background: #004BE2;
  border-color: #003aaf; }

.o-cf__white {
  background: #FFFFFF;
  border-color: #e6e6e6; }

.o-cf__black {
  background: #222222;
  border-color: #090909; }

.o-cf__red {
  background: #F14B39;
  border-color: #e72510; }

.o-cf__grey {
  background: #8F9194;
  border-color: #75777b; }

.o-color-filter__item span {
  display: none; }

.o-form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  margin-bottom: 1rem; }
  @media (min-width: 1024px) {
    .o-form-group {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row;
              flex-flow: row;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .o-form-group label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        padding-right: 1rem;
        margin-top: 0.6rem; }
      .o-form-group input:not([type='radio']), .o-form-group .o-form-inner-container {
        -webkit-box-flex: 0.8;
            -ms-flex: 0.8;
                flex: 0.8;
        width: 100%; }
      .o-form-group input[type='radio'] {
        margin-right: 0.5rem; } }

.o-form-control {
  margin-bottom: 0.5rem; }

.o-form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row; }
  .o-form-inline .o-form-control {
    margin-right: 0.5rem; }
  .o-form-inline .o-form-grow {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }

.o-form__double-space {
  margin-top: 1rem; }

.o-order__actions {
  padding: 1rem 1rem 2rem 1rem;
  background: rgba(230, 233, 237, 0.5); }

.o-order__support {
  text-align: center; }

.o-price {
  color: rgba(34, 34, 34, 0.8); }
  .o-price:before {
    content: "€";
    margin-right: 0.20rem; }

.o-price--previous {
  text-decoration: line-through;
  padding-right: 0.25rem; }
  .o-price--previous:before {
    content: "€";
    margin-right: 0.20rem; }

.o-price--discount {
  color: #F14B39;
  font-weight: bold; }
  .o-price--discount:before {
    content: "€";
    margin-right: 0.20rem; }

.o-badge {
  display: inline-block;
  border-radius: 3px;
  padding: 0 0.75rem;
  font-weight: bold;
  font-size: 0.75rem;
  text-transform: uppercase;
  background: #004BE2;
  color: rgba(255, 255, 255, 0.98); }

.o-badge--green {
  display: inline-block;
  border-radius: 3px;
  padding: 0 0.75rem;
  font-weight: bold;
  font-size: 0.75rem;
  text-transform: uppercase;
  background: #3FD622;
  color: rgba(34, 34, 34, 0.98); }
  
  .o-badge--yellow {
    display: inline-block;
    border-radius: 3px;
    padding: 0 0.75rem;
    font-weight: bold;
    font-size: 0.75rem;
    text-transform: uppercase;
    background: #FDB817;
    color: rgba(34, 34, 34, 0.98); }
    
    

.o-badge--red {
  display: inline-block;
  border-radius: 3px;
  padding: 0 0.75rem;
  font-weight: bold;
  font-size: 0.75rem;
  text-transform: uppercase;
  background: #F14B39;
  color: rgba(255, 255, 255, 0.98); }

.o-badge--grey {
  display: inline-block;
  border-radius: 3px;
  padding: 0 0.75rem;
  font-weight: bold;
  font-size: 0.75rem;
  text-transform: uppercase;
  background: #E6E9ED;
  color: rgba(34, 34, 34, 0.98); }

.o-badge__large {
  font-weight: normal;
  font-size: 1rem;
  text-transform: capitalize;
  padding: 0.25rem 0.75rem; }

a.o-badge__large:hover {
  background: #c8cfd8;
  text-decoration: none; }

.c-header__wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #f2f3f6;
  padding: 0 1rem; }
  @media (min-width: 1024px) {
    .c-header__wrap {
      border-bottom: 0;
      padding: 1rem; } }

.c-header__notification-banner {
  background: #000000;;
  text-align: center;
  color: #e6e6e6;
  padding: 0.25em 0; }

.c-header__logo {
  min-width: 140px;
  max-width: 140px;
  
  height: 85px;
  margin: 0.5rem 1em 1rem 2rem;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0; }

.c-header__main-nav {
  -ms-flex-item-align: center;
      align-self: center;
  position: relative; }
  .c-header__main-nav .amount-in-cart {
    background: #F7A81B;
    color: black;
    border-radius: 100px;
    padding: 0.25rem;
    position: absolute;
    top: -8px;
    right: -5px;
    float: left;
    font-weight: bold;
    min-width: 1.15rem;
    text-align: center; }

.c-main-nav__item {
  color: #000000;; }
  .c-main-nav__item:hover {
    color: black; }

.c-header__search {
  width: 100%; }
  .c-header__search .c-search input[type=text] {
    padding: 0.5em;
    float: left;
    width: 100%;
    border-radius: 3px;
    padding: 1em;
    background: rgba(230, 233, 237, 0.4);
    border: 1px solid rgba(230, 233, 237, 0.4); }
    .c-header__search .c-search input[type=text]:focus {
      background: #FFFFFF;
      border: 1px solid #E6E9ED; }
      .c-header__search .c-search input[type=text]:focus::-webkit-input-placeholder {
        color: rgba(34, 34, 34, 0.9); }
      .c-header__search .c-search input[type=text]:focus:-ms-input-placeholder {
        color: rgba(34, 34, 34, 0.9); }
      .c-header__search .c-search input[type=text]:focus::-ms-input-placeholder {
        color: rgba(34, 34, 34, 0.9); }
      .c-header__search .c-search input[type=text]:focus::placeholder {
        color: rgba(34, 34, 34, 0.9); }
    .c-header__search .c-search input[type=text]:placeholder-shown {
      color: rgba(34, 34, 34, 0.9); }
  .c-header__search .c-search__button {
    width: 50px;
    height: 50px;
    cursor: pointer;
    margin: 0 0 0 -51px;
    border-radius: 0 3px 3px 0; }
    .c-header__search .c-search__button i {
      margin-top: 5px; }
  .c-header__search .c-search__button:hover {
    color: #004BE2;
    cursor: pointer; }
  .c-header__search .c-search::after:after {
    display: table;
    clear: both;
    content: ''; }

.c-header__menu {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin: 0.25rem 0;
  font-weight: bold;
  width: 100%; }
  @media (min-width: 1024px) {
    .c-header__menu i {
      font-size: 1em;
      line-height: 1.5em; } }

@media (min-width: 1024px) {
  .c-header__wrap {
    height: 6.25rem; }
  .c-header__logo {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    width: 240px;
    height: 50px; }
  .c-header__menu {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
    width: 174px;
    margin: 0 1rem; }
  .c-header__search {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: 5rem; }
  .c-header__main-nav {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important; } }

.c-mdropdown {
  overflow: hidden; }

.c-mdropdown__icon {
  float: right; }

/* Dropdown button */
.c-mdropdown .c-mdropdown__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem;
  width: 100%;
  text-align: left;
  font-family: inherit;
  /* Important for vertical align on mobile phones */
  margin: 0;
  /* Important for vertical align on mobile phones */ }

/* Add a red background color to navbar links on hover */
.c-mdropdown:hover .c-mdropdown__button {
  background-color: #222222;
  border-radius: 3px 3px 0px 0;
  color: white; }

/* Dropdown content (hidden by default) */
.c-mdropdown__content {
  display: none;
  background-color: #222222;
  border-radius: 0px 0px 3px 3px;
  width: 100%;
  min-width: 17.5rem;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(34, 34, 34, 0.2);
          box-shadow: 0px 8px 16px 0px rgba(34, 34, 34, 0.2);
  z-index: 9999;
  padding-bottom: 2rem; }
  @media (min-width: 1024px) {
    .c-mdropdown__content {
      position: absolute;
      width: auto; } }

.c-mdropdown__content ul {
  list-style: none; }

/* Links inside the dropdown */
.c-mdropdown__content a {
  float: none;
  color: rgba(255, 255, 255, 0.9);
  padding: 0.5rem 1rem;
  text-decoration: none;
  display: block;
  text-align: left; }

.c-mdropdown__check {
  color: #3FD622 !important; }

.c-mdropdown__alert {
  color: #F14B39 !important; }

/* Add a grey background color to dropdown links on hover */
.c-mdropdown__content a:hover {
  background: black; }

/* Show the dropdown menu on hover */
.c-mdropdown:hover .c-mdropdown__content {
  display: block; }

.c-hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  max-width: 71.25rem;
  margin-right: auto;
  margin-left: auto;
  background-color: #222222;
  background: url("/images/shops/10/hero/photo-small.png") no-repeat center center;
  background-size: cover; }
  @media (min-width: 1024px) {
    .c-hero {
      margin-top: 2rem;
      -webkit-box-shadow: 0 2rem 0px -1rem rgba(230, 233, 237, 0.5);
              box-shadow: 0 2rem 0px -1rem rgba(230, 233, 237, 0.5); } }

.c-hero__photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.c-hero__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50vh;
  padding-left: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 3em;
  font-weight: 900;
  line-height: 3.5rem;
  color: #000;
  background: -webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 0, 0.1)), to(transparent));
  background: linear-gradient(to right top, rgba(0, 0, 0, 0.1), transparent); }
  @media (min-width: 640px) {
    .c-hero__text {
      font-size: 4em;
      line-height: 4.5rem;
      padding-left: 6rem; } }

.c-reviews {
  text-align: center;
  margin: 4rem 1rem; }
  @media (min-width: 1024px) {
    .c-reviews {
      width: 80%;
      margin: 7rem auto; } }

.c-reviews__rating {
  color: #F7A81B;
  font-size: 0.5rem; }
  .c-reviews__rating i {
    font-size: 1.5rem; }

.c-reviews__quote {
  margin: 1rem 0; }

.c-reviews__source {
  color: #242424; }

.c-footer__5-7 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column; }
  @media (min-width: 640px) {
    .c-footer__5-7 {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row;
              flex-flow: row; } }

.c-footer__5-7 > div:nth-of-type(1n) {
  width: 100%; }
  @media (min-width: 640px) {
    .c-footer__5-7 > div:nth-of-type(1n) {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      width: 58%;
      margin-right: 2%; } }

.c-footer__5-7 > div:nth-of-type(2n) {
  width: 100%; }
  @media (min-width: 640px) {
    .c-footer__5-7 > div:nth-of-type(2n) {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      width: 40%; } }

.c-footer__cc {
  background: #E6E9ED;
  padding: 4rem 0; }

.c-footer__fin {
  margin-top: 5rem;
  margin-bottom: 10rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column; }
  @media (min-width: 640px) {
    .c-footer__fin {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row;
              flex-flow: row; } }

.c-footer__nav {
  width: 100%;
  margin-right: 5%; }
  @media (min-width: 640px) {
    .c-footer__nav {
      width: 20%; } }

.c-footer__right {
  width: 75%; }

.c-footer__brand-logo {
  max-width: 25rem; }

.c-footer_subtile-title {
  color: #222222; }

.c-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 1rem 0;
  width: 100%; }
  @media (min-width: 640px) {
    .c-cards {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start; } }

.c-wrapper-link {
  text-decoration: none;
  color: #222222; }
  .c-wrapper-link:hover {
    text-decoration: none; }
    .c-wrapper-link:hover .c-card__content, .c-wrapper-link:hover .c-card__content--activity {
      text-decoration: underline; }

.c-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-bottom: 1rem;
  cursor: pointer; }
  @media (min-width: 640px) and (max-width: 1023px) {
    .c-card {
      width: calc((100% - 16px) / 2);
      margin-right: 1rem; }
      .c-card:nth-of-type(2n) {
        margin-right: 0; } }
  @media (min-width: 1024px) {
    .c-card {
      width: calc((100% - 16px * 2) / 3);
      margin-right: 1rem; }
      .c-card--small {
        width: calc((55% - 16px * 2) / 3);
        margin-right: 1rem; }
      .c-card:nth-of-type(3n) {
        margin-right: 0; } }

.c-cards__title {
  -ms-flex-item-align: left;
      align-self: left;
  margin-top: 2rem;
  margin-bottom: 2rem;
  width: 100%; }
  @media (min-width: 1024px) {
    .c-cards__title {
      margin-top: 4.5rem; } }

.c-card__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }

.c-card__badge {
  position: absolute;
  top: 0;
  right: 0; }

@media (min-width: 640px) {
  .c-card__image img {
    width: 100%;
    height: auto; } }

.c-card__image::before {
  padding-top: 66.6%; }

.c-card__content {
  padding: 1rem 1rem 2rem 1rem; }
  @media (min-width: 640px) {
    .c-card__content {
      padding: 1rem 1rem 2rem 0rem; } }

.c-card__content--activity {
  padding: 1rem 1rem 2rem 1rem;
  text-align: center; }
  @media (min-width: 640px) {
    .c-card__content--activity {
      padding: 1rem 1rem 2rem 0rem; } }

.c-card__title {
  font-weight: bold; }

@media (min-width: 1024px) {
  .c-products__header {
    height: 17.75rem;
    margin-top:1.5rem;
    margin-bottom: 5rem;
    background-color: #222222;
    background-image: url("/images/shops/10/product-cover.jpg");
    background-size: cover;
    color: #FFFFFF; }
    .c-products__header a {
      color: white;
      text-decoration: underline; } }

.c-products__results {
  text-align: center; }
  @media (min-width: 1024px) {
    .c-products__results {
      text-align: left;
      margin-bottom: 2rem; } }

.c-products__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1rem; }
  .c-products__title .cp-title {
    margin-bottom: 0; }
  .c-products__title .cp-subtitle {
    margin-top: 0; }
  @media (min-width: 1024px) {
    .c-products__title {
      width: 100%;
      height: 100%;
      padding: 3rem 0;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.1)));
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));
      text-align: center; }
      .c-products__title .cp-title {
        font-size: 4.25rem;
        line-height: 5rem;
        margin-bottom: 1rem; }
      .c-products__title .cp-subtitle {
        font-size: 1.5rem; } }

.c-products__title h1 p {
  margin: 0; }

@media (min-width: 1024px) {
  .c-products__grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row; }
    .c-products__grid .c-cards {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; } }

.c-filters {
  width: 100%;
  padding: 0; }
  @media (min-width: 1024px) {
    .c-filters {
      width: 14rem;
      margin-right: 1rem; }
      .c-filters .c-filters__items {
        display: block; } }

.c-filter__amount {
  float: right;
  font-weight: bold;
  border-radius: 100px;
  padding: 0.1rem 0.6rem;
  font-size: 0.9rem;
  margin-top: -1px; }
  @media (min-width: 1024px) {
    .c-filter__amount {
      float: none;
      font-weight: normal;
      border-radius: none;
      padding: 0;
      font-size: 1rem;
      margin: 0; } }

.c-filter__list li {
  margin-bottom: 0;
  padding: 0.5rem; }
  @media (min-width: 1024px) {
    .c-filter__list li {
      margin-bottom: 1rem;
      padding: 0;
      background: none !important; } }

.c-filter__list a {
  color: #3c3c3c;
  display: block; }
  .c-filter__list a:hover {
    text-decoration: underline; }

.c-filter {
  margin-bottom: 3rem; }

@media (min-width: 1024px) {
  .c-filter__button-show {
    display: none; } }

.c-filter__button-show {
  margin: 1rem 0; }

.c-filter__title {
  color: #8F9194;
  text-transform: uppercase; }

.c-pg__wrap {
  max-width: 71.25rem;
  margin-right: auto;
  margin-left: auto;
  padding: 1rem 1rem 3rem 1rem; }

.c-pg__row {
  margin-bottom: 3rem; }

.c-pg__categories {
  padding-bottom: 2rem; }

.c-pg__main-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: distribute;
      align-content: space-around; }
  .c-pg__main-image img {
    max-height: 424px; }

.c-pg__label {
  width: 100%;
  text-align: right; }

.c-pg__thumbnails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  list-style-type: none;
  padding-right: 1rem; }

.c-pg__thumbnails img {
  border: 1px solid #E6E9ED;
  max-width: 5rem;
  margin-right: 0.1rem; }
  @media (min-width: 1024px) {
    .c-pg__thumbnails img {
      max-width: 7.5rem; } }

.c-pg__buy .pt__row {
  margin: 0.5rem 0; }

.c-pg__buy .product__actions {
  width: 100%;
  margin-top: 0.5rem;
  margin-bottom: 3rem; }

.c-product-type {
  background: rgba(230, 233, 237, 0.45); }

.c-p__size__tip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 3px solid rgba(230, 233, 237, 0.8);
  border-radius: 0.25rem;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .c-p__size__tip .tip__icon {
    padding: 1rem;
    text-align: center; }
    .c-p__size__tip .tip__icon i {
      font-size: 2rem; }
  .c-p__size__tip .tip__content {
    width: 80%;
    padding-right: 2rem; }

.c-pg__support {
  height: 25rem; }

@media (min-width: 640px) {
  .c-pg__wrap:after {
    display: table;
    clear: both;
    content: ''; }
  .c-pg__responsive-control {
    width: 100%;
    padding-left: calc(8.33333% * 2);
    position: relative; }
    .c-pg__responsive-control:after {
      display: table;
      clear: both;
      content: ''; }
  .c-pg__thumbnails {
    position: absolute;
    left: 0%;
    width: calc((((100% / 12) * 2) / (100 - ((100 / 12) * 2))) * 100);
    margin-left: 0; }
  .c-pg__main-image {
    float: left;
    min-height: 26rem;
    width: 60%;
    padding-right: 1rem; }
  .c-pg__title {
    float: right;
    width: 40%; }
  .c-pg__description {
    float: left;
    min-height:700px;
    padding-right: 2rem;
    width: 60%; }
  .c-pg__buy {
    width: 40%;
    float: right;
    padding: 1rem 0; }
    .c-pg__buy:after {
      display: table;
      clear: both;
      content: ''; } }

@media (min-width: 640px) and (max-width: 1023px) {
  .c-pg__responsive-control {
    padding-left: 0; }
  .c-pg__main-image {
    width: 50%; }
  .c-pg__thumbnails {
    width: 50%;
    float: left;
    position: relative;
    left: 0; }
  .c-pg__title {
    float: none;
    width: 100%;
    padding-right: 1rem; }
  .c-pg__description {
    position: relative;
    float: left;
    margin-left: 0;
    padding-right: 1rem;
    width: 50%;
    top: auto;
    left: 0; }
  .c-pg__buy {
    width: 50%;
    float: right; } }

.c-cart {
  max-width: 63rem; }

.c-cart__grid {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

.c-cart__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  width: 100%;
  margin: 1rem 0; }

.c-cart__items {
  width: 100%; }
  @media (min-width: 640px) {
    .c-cart__items {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; } }

.c-cart__item {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem; }

.c-cart__row {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-bottom: 0.5rem; }

@media (min-width: 1024px) {
  .c-cr__70 {
    width: calc(70% - 16px);
    margin-right: 1rem; } }

@media (min-width: 1024px) {
  .c-cr__30 {
    width: 30%; } }

.c-cart__grow {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.c-cart__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.c-item__destroy {
  text-align: right;
  width: 100%; }
  @media (min-width: 640px) {
    .c-item__destroy {
      margin-top: -1rem;
      padding-right: 0.25rem; } }

.c-item__thumbnail {
  margin-right: 1rem; }

.c-item__thumbnail img {
  max-height: 4.75rem; }

.c-cart__total {
  margin-top: 1rem;
  width: 100%; }

.c-cart__total--small {
  margin-top: 1rem;
  width: 100%; }
  @media (min-width: 640px) {
    .c-cart__total--small {
      width: 20rem;
      margin-left: 2rem; } }

.c-item__amount {
  margin-right: 1rem; }

.c-item__price {
  text-align: right; }

.c-item__amount input {
  font-family: Consolas, Lucida Console, monospace;
  width: 4rem;
  text-align: center; }

.c-cart__countries--readonly {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 0 1rem; }

  .c-cart__delivery-cost {
    min-width: 55px;    
  }
.c-cart__delivery-cost--orange {
  color: #EE740C;
  text-transform: uppercase; }

.c-cart__amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-top: 1px solid #222222;
  font-weight: bold;
  margin: 1rem 0;
  padding: 1rem 0rem; }

.c-cart__amount--width {
  padding: 1rem 1rem; }

.c-cart__amount-label span {
  color: #BEC1C4;
  font-weight: normal; }

.c-cart__actions {
  margin: 1rem 0; }

.c-cart__confirmation {
  background: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1rem;
  -webkit-box-shadow: 0px 4px 8px rgba(230, 233, 237, 0.9);
          box-shadow: 0px 4px 8px rgba(230, 233, 237, 0.9); }

.c-confirmation__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem; }

.c-confirmation__inspire {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column; }

.c-confirmation__category {
  padding-bottom: 0 !important; }

.c-confirmation__bottom {
  width: 100%;
  margin-top: 1rem; }

.c-ccb__action {
  display: block;
  text-align: center;
  font-weight: bold;
  width: 100%;
  padding: 1.5rem;
  background: #004BE2;
  color: #FFFFFF; }

.c-order__container {
  border-bottom: 1px solid #E6E9ED; }

.c-order__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.c-order__steps {
  margin: 2rem 0; }

.step {
  font-weight: bold; }

.step, .step a {
  font-weight: bold;
  color: #8F9194; }

.step--active {
  font-weight: bold; }

.c-order__title {
  padding: 3rem 0 0 0;
  line-height: 1.5rem; }
  .c-order__title span {
    color: #8F9194;
    font-size: 0.75rem;
    text-transform: uppercase; }
  @media (min-width: 1024px) {
    .c-order__title {
      padding: 3rem 0; } }

.c-order__brief {
  margin-bottom: 3rem; }

.c-order__pay {
  padding: 1rem;
  margin-bottom: 2rem;
  border-radius: 3px;
  background: rgba(230, 233, 237, 0.3); }
  @media (min-width: 640px) {
    .c-order__pay {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row;
              flex-flow: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }

@media (min-width: 640px) {
  .c-pay__action {
    width: 8rem;
    margin-left: 0.5rem;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; } }

.c-pay__information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bold; }
  @media (min-width: 640px) {
    .c-pay__information {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      margin-top: 0rem; } }

.c-delivery-data {
  margin: 1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .c-delivery-data div {
    margin-right: 3rem; }

.c-order__confirmation {
  padding: 4rem 0;
  text-align: center;
  font-weight: bold; }

.icon-success--large {
  color: #6B8302;
  font-size: 4rem; }
  
  .icon-error--large {
    color: #B94A48;
    font-size: 4rem; }

.u-hide {
  display: none; }

.u-unhide {
  display: block; }

.u-hide-st-med {
  display: none; }
  @media (min-width: 640px) {
    .u-hide-st-med {
      display: block; } }

.u-hide-st-med--inline {
  display: none; }
  @media (min-width: 640px) {
    .u-hide-st-med--inline {
      display: block; } }
  @media (min-width: 640px) {
    .u-hide-st-med--inline {
      display: inline; } }
      .o-tabs {
        border-bottom: 1px solid #BEC1C4;
        padding-left: 3px; }

      .o-tab__container {
        padding: 2rem 1rem; }

      .o-tab {
        text-align: center;
        padding: 0.5rem 1rem !important;
        margin-bottom: -1px;
        border: 1px solid #FFFFFF;
        border-bottom: 1px solid #BEC1C4; }

      .o-tab--active {
        text-align: center;
        padding: 0.5rem 1rem !important;
        margin-bottom: -1px;
        border: 1px solid #BEC1C4;
        border-bottom: 1px solid #FFFFFF;
        border-radius: 3px 3px 0 0; }

      .o-tab__link {
        color: #222222; }

      .o-tab__link:hover {
        text-decoration: none; }