@charset "UTF-8";
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; }

button, a {
  border: none; }

*:focus {
  outline: none; }

/**
 * fontSizer - convert a font size in em by using the body font-size as a "yardstick"
 * magic number "16" is the browserFontSize in pixels. This is habitually the default font size
 *
 * @param  {px} fontSize: wanted font size in px
 * @return {em} returns the wanted font size in em
 */
em {
  font-style: italic; }

strong {
  font-weight: bold; }

body {
  font-family: "Raleway", sans-serif;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1;
  margin: 0; }

input,
textarea,
select,
optgroup,
button {
  font-family: inherit; }

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
textarea {
  font-size: 16px; }

.button {
  font-family: "Raleway", sans-serif;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1;
  box-sizing: border-box;
  display: inline-flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  max-width: 266px;
  margin: 0 auto;
  padding: 7px 9px 9px;
  border: 1px solid #000000;
  background: #fff;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  text-transform: uppercase;
  text-decoration: none;
  color: #000000;
  transition: all 0.3s ease;
  user-select: none;
  cursor: pointer; }
  .button:focus, .button.focus, .button:hover {
    background-color: #000000;
    color: #fff; }
    .button:focus .button__underline::after, .button.focus .button__underline::after, .button:hover .button__underline::after {
      background-color: #fff; }
  .button--sentencecase {
    text-transform: none; }
  .button--no-focus:focus {
    background-color: #fff;
    color: #000000; }
  .button--white {
    color: #000000;
    border: 1px solid #fff; }
    .button--white .button__underline::after {
      background-color: #000000; }
    .button--white:hover {
      background-color: #000000;
      color: #fff;
      border: 1px solid #fff; }
      .button--white:hover .button__underline::after {
        background-color: #fff; }
  .button--link {
    color: #000000;
    border: none; }
    .button--link .button__underline::after {
      background-color: #000000; }
    .button--link:hover, .button--link:focus, .button--link:active {
      background-color: transparent;
      color: #000000;
      border: none; }
      .button--link:hover .button__underline::after, .button--link:focus .button__underline::after, .button--link:active .button__underline::after {
        background-color: black; }
  .button--transparent {
    color: #fff;
    background-color: transparent; }
    .button--transparent .button__underline::after {
      background-color: #fff; }
    .button--transparent:hover {
      background-color: transparent;
      color: #000000; }
      .button--transparent:hover .button__underline::after {
        background-color: #000000; }
  .button--no-paddings {
    padding: 0; }
  .button--purple {
    color: #fff;
    border: 1px solid #81438e;
    background-color: #81438e; }
    .button--purple:hover {
      background-color: #bf90c0;
      border: 1px solid #bf90c0;
      color: #fff; }
  .button--purple-white {
    color: #81438e;
    border: 1px solid #81438e;
    background-color: #fff; }
    .button--purple-white:hover {
      background-color: #bf90c0;
      border: 1px solid #bf90c0;
      color: #fff; }
  .button--purple-dark {
    color: #fff;
    border: 1px solid #5e0e6f;
    background-color: #5e0e6f; }
    .button--purple-dark:hover {
      background-color: #81438e;
      border: 1px solid #81438e;
      color: #fff; }
  .button--light-purple {
    color: #fff;
    border: 1px solid #bf90c0;
    background-color: #bf90c0; }
    .button--light-purple:hover {
      background-color: #bf90c0;
      border: 1px solid #bf90c0;
      color: #fff; }
  .button--pink {
    color: #fff;
    border: 1px solid #ec3075;
    background-color: #ec3075; }
    .button--pink:hover {
      background-color: #ec5b93;
      border: 1px solid #ec5b93;
      color: #fff; }
  .button--pink-light {
    color: #fff;
    border: 1px solid #ec5b93;
    background-color: #ec5b93; }
    .button--pink-light:hover {
      background-color: #f37aa7;
      border: 1px solid #f37aa7;
      color: #fff; }
  .button--pink-extralight {
    color: #fff;
    border: 1px solid #f37aa7;
    background-color: #f37aa7; }
    .button--pink-extralight:hover {
      background-color: #f7609c;
      border: 1px solid #f7609c;
      color: #fff; }
  .button--pink-intense {
    color: #fff;
    border: 1px solid #f72a73;
    background-color: #f72a73; }
    .button--pink-intense:hover {
      background-color: #f7609c;
      border: 1px solid #f7609c;
      color: #fff; }
    .button--pink-intense:focus {
      color: #fff;
      border: 1px solid #f72a73;
      background-color: #f72a73; }
  .button--dark-grey {
    color: #484848;
    border: 1px solid #484848; }
    .button--dark-grey:hover {
      background-color: #484848;
      border: 1px solid #484848;
      color: #fff; }
      .button--dark-grey:hover .button__underline::after {
        background-color: #fff; }
  .button--dark-grey-inverted {
    color: #fff;
    border: 1px solid #fff;
    background-color: #484848; }
    .button--dark-grey-inverted .button__underline::after {
      background-color: #fff; }
  .button--black {
    color: #fff;
    border: 1px solid #fff;
    background-color: #000000; }
    .button--black .button__underline::after {
      background-color: #fff; }
    .button--black:hover {
      border: 1px solid #000000;
      color: #000000;
      background-color: #fff; }
      .button--black:hover .button__underline::after {
        background-color: #000000; }
  .button--search {
    outline: none;
    position: relative;
    padding: 0;
    color: inherit;
    border: none;
    background: none;
    line-height: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    width: auto;
    max-width: none;
    display: none;
    cursor: pointer;
    background-color: transparent;
    padding: 7px 5px;
    border-bottom: 2px solid #e1e1e1;
    font-size: 11px;
    color: #484848;
    letter-spacing: 1px; }
    .button--search:hover, .button--search:focus, .button--search:active {
      background: inherit; }

@media (min-width: 768px) and (max-width: 1023px) {
  .button--search {
    border-bottom: 1px solid #fff;
    color: #fff;
    padding: 3px 0;
    font-size: 20px;
    margin-right: 60px; } }
    @media (min-width: 768px) {
      .button--search-visible {
        display: flex; } }
    .button--search:hover, .button--search:focus, .button--search:active {
      color: #000000;
      background: #fff; }
  .button__underline {
    position: relative;
    display: inline-block;
    padding: 0 0 5px; }
    .button__underline::after {
      content: '';
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
      height: 1px;
      background-color: #000000;
      transition: all 0.3s ease; }
      .button--purple .button__underline::after {
        background-color: #fff; }
      .button--purple-dark .button__underline::after {
        background-color: #fff; }
      .button--light-purple .button__underline::after {
        background-color: #fff; }
      .button--white .button__underline::after {
        background-color: #000000; }
      .button--pink .button__underline::after {
        background-color: #fff; }
      .button--pink-intense .button__underline::after {
        background-color: #fff; }
      .button--pink-light .button__underline::after {
        background-color: #fff; }
      .button--pink-extralight .button__underline::after {
        background-color: #fff; }
      .button--dark-gray .button__underline::after {
        background-color: #484848; }
      .button--loading .button__underline::after {
        animation-duration: 2.5s;
        animation-iteration-count: infinite;
        animation-name: loading;
        animation-direction: normal; }
  .button--no-min-width {
    width: auto;
    min-width: auto; }
  .button--full-width {
    box-sizing: border-box;
    min-width: 100%;
    width: 100%; }
  .button--error-home {
    width: auto;
    max-width: none;
    padding: 12px;
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
    font-size: 40px; }
    .button--error-home:hover {
      background: transparent; }
  .button--no-borders {
    border: none; }
    .button--no-borders:hover {
      border: none; }
  .button__left-logo {
    vertical-align: middle;
    margin-right: 5px; }
  .button:disabled {
    opacity: 0.5;
    cursor: pointer;
    pointer-events: none; }
  .button__hidden {
    display: none; }

@keyframes loading {
  0% {
    right: 0;
    left: auto;
    width: 100%; }
  25% {
    width: 0; }
  49% {
    width: 100%;
    right: 0;
    left: auto; }
  50% {
    width: 100%;
    right: auto;
    left: 0; }
  75% {
    width: 0; }
  100% {
    width: 100%;
    right: auto;
    left: 0; } }

@-webkit-keyframes loading {
  0% {
    right: 0;
    left: auto;
    width: 100%; }
  25% {
    width: 0; }
  49% {
    width: 100%;
    right: 0;
    left: auto; }
  50% {
    width: 100%;
    right: auto;
    left: 0; }
  75% {
    width: 0; }
  100% {
    width: 100%;
    right: auto;
    left: 0; } }

.container {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 11px;
  padding-left: 11px; }
  @media (min-width: 320px) {
    .container {
      padding-right: 11px;
      padding-left: 11px; } }
  @media (min-width: 768px) {
    .container {
      padding-right: 11px;
      padding-left: 11px; } }
  @media (min-width: 1024px) {
    .container {
      padding-right: 11px;
      padding-left: 11px; } }
  @media (min-width: 1200px) {
    .container {
      padding-right: 11px;
      padding-left: 11px; } }
  .container.is-static {
    position: static; }
  @media (min-width: 320px) {
    .container {
      width: 320px;
      max-width: 100%; } }
  @media (min-width: 768px) {
    .container {
      width: 768px;
      max-width: 100%; } }
  @media (min-width: 1024px) {
    .container {
      width: 1024px;
      max-width: 100%; } }
  @media (min-width: 1200px) {
    .container {
      width: 1200px;
      max-width: 100%; } }
  @media (min-width: 1500px) {
    .container {
      width: 1500px;
      max-width: 100%; } }

.container-fluid {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 11px;
  padding-left: 11px; }
  @media (min-width: 320px) {
    .container-fluid {
      padding-right: 11px;
      padding-left: 11px; } }
  @media (min-width: 768px) {
    .container-fluid {
      padding-right: 11px;
      padding-left: 11px; } }
  @media (min-width: 1024px) {
    .container-fluid {
      padding-right: 11px;
      padding-left: 11px; } }
  @media (min-width: 1200px) {
    .container-fluid {
      padding-right: 11px;
      padding-left: 11px; } }
  .container-fluid.is-static {
    position: static; }
  .container-fluid--max-width {
    max-width: 1050px; }

.container-fluid-mobile {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  padding-left: 0; }
  @media (min-width: 320px) {
    .container-fluid-mobile {
      padding-right: 0;
      padding-left: 0; } }
  @media (min-width: 768px) {
    .container-fluid-mobile {
      padding-right: 0;
      padding-left: 0; } }
  @media (min-width: 1024px) {
    .container-fluid-mobile {
      padding-right: 11px;
      padding-left: 11px; } }
  @media (min-width: 1200px) {
    .container-fluid-mobile {
      padding-right: 11px;
      padding-left: 11px; } }
  .container-fluid-mobile.is-static {
    position: static; }
  @media (min-width: 1024px) {
    .container-fluid-mobile {
      width: 1024px;
      max-width: 100%; } }
  @media (min-width: 1200px) {
    .container-fluid-mobile {
      width: 1200px;
      max-width: 100%; } }
  @media (min-width: 1500px) {
    .container-fluid-mobile {
      width: 1500px;
      max-width: 100%; } }
  .container-fluid-mobile--max-width {
    max-width: 1050px; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -11px;
  margin-left: -11px; }
  @media (min-width: 320px) {
    .row {
      margin-right: -11px;
      margin-left: -11px; } }
  @media (min-width: 768px) {
    .row {
      margin-right: -11px;
      margin-left: -11px; } }
  @media (min-width: 1024px) {
    .row {
      margin-right: -11px;
      margin-left: -11px; } }
  @media (min-width: 1200px) {
    .row {
      margin-right: -11px;
      margin-left: -11px; } }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

@media (max-width: 767px) {
  .no-gutters--mobile {
    margin-right: 0;
    margin-left: 0; }
    .no-gutters--mobile > .col,
    .no-gutters--mobile > [class*="col-"] {
      padding-right: 0;
      padding-left: 0; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .no-gutters--tablet {
    margin-right: 0;
    margin-left: 0; }
    .no-gutters--tablet > .col,
    .no-gutters--tablet > [class*="col-"] {
      padding-right: 0;
      padding-left: 0; } }

@media (min-width: 1024px) {
  .no-gutters--desktop {
    margin-right: 0;
    margin-left: 0; }
    .no-gutters--desktop > .col,
    .no-gutters--desktop > [class*="col-"] {
      padding-right: 0;
      padding-left: 0; } }

.order-first {
  order: -1; }

@media (max-width: 767px) {
  .order-first--mobile {
    order: -1; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .order-first--tablet {
    order: -1; } }

@media (min-width: 1024px) {
  .order-first--desktop {
    order: -1; } }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-13, .col-xl-14, .col-xl-15, .col-xl-16, .col-xl, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-13, .col-xxl-14, .col-xxl-15, .col-xxl-16, .col-xxl {
  position: relative;
  width: 100%;
  min-height: 1px;
  box-sizing: border-box;
  padding-right: 11px;
  padding-left: 11px; }
  @media (min-width: 320px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-13, .col-xl-14, .col-xl-15, .col-xl-16, .col-xl, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-13, .col-xxl-14, .col-xxl-15, .col-xxl-16, .col-xxl {
      padding-right: 11px;
      padding-left: 11px; } }
  @media (min-width: 768px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-13, .col-xl-14, .col-xl-15, .col-xl-16, .col-xl, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-13, .col-xxl-14, .col-xxl-15, .col-xxl-16, .col-xxl {
      padding-right: 11px;
      padding-left: 11px; } }
  @media (min-width: 1024px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-13, .col-xl-14, .col-xl-15, .col-xl-16, .col-xl, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-13, .col-xxl-14, .col-xxl-15, .col-xxl-16, .col-xxl {
      padding-right: 11px;
      padding-left: 11px; } }
  @media (min-width: 1200px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-13, .col-xl-14, .col-xl-15, .col-xl-16, .col-xl, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-13, .col-xxl-14, .col-xxl-15, .col-xxl-16, .col-xxl {
      padding-right: 11px;
      padding-left: 11px; } }

.col-1 {
  flex: 0 0 6.25%;
  max-width: 6.25%; }

.col-2 {
  flex: 0 0 12.5%;
  max-width: 12.5%; }

.col-3 {
  flex: 0 0 18.75%;
  max-width: 18.75%; }

.col-4 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-5 {
  flex: 0 0 31.25%;
  max-width: 31.25%; }

.col-6 {
  flex: 0 0 37.5%;
  max-width: 37.5%; }

.col-7 {
  flex: 0 0 43.75%;
  max-width: 43.75%; }

.col-8 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-9 {
  flex: 0 0 56.25%;
  max-width: 56.25%; }

.col-10 {
  flex: 0 0 62.5%;
  max-width: 62.5%; }

.col-11 {
  flex: 0 0 68.75%;
  max-width: 68.75%; }

.col-12 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-13 {
  flex: 0 0 81.25%;
  max-width: 81.25%; }

.col-14 {
  flex: 0 0 87.5%;
  max-width: 87.5%; }

.col-15 {
  flex: 0 0 93.75%;
  max-width: 93.75%; }

.col-16 {
  flex: 0 0 100%;
  max-width: 100%; }

.offset-1 {
  margin-left: 6.25%; }

.offset-2 {
  margin-left: 12.5%; }

.offset-3 {
  margin-left: 18.75%; }

.offset-4 {
  margin-left: 25%; }

.offset-5 {
  margin-left: 31.25%; }

.offset-6 {
  margin-left: 37.5%; }

.offset-7 {
  margin-left: 43.75%; }

.offset-8 {
  margin-left: 50%; }

.offset-9 {
  margin-left: 56.25%; }

.offset-10 {
  margin-left: 62.5%; }

.offset-11 {
  margin-left: 68.75%; }

.offset-12 {
  margin-left: 75%; }

.offset-13 {
  margin-left: 81.25%; }

.offset-14 {
  margin-left: 87.5%; }

.offset-15 {
  margin-left: 93.75%; }

.offset-16 {
  margin-left: 100%; }

@media (min-width: 320px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-sm-1 {
    flex: 0 0 6.25%;
    max-width: 6.25%; }
  .col-sm-2 {
    flex: 0 0 12.5%;
    max-width: 12.5%; }
  .col-sm-3 {
    flex: 0 0 18.75%;
    max-width: 18.75%; }
  .col-sm-4 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-5 {
    flex: 0 0 31.25%;
    max-width: 31.25%; }
  .col-sm-6 {
    flex: 0 0 37.5%;
    max-width: 37.5%; }
  .col-sm-7 {
    flex: 0 0 43.75%;
    max-width: 43.75%; }
  .col-sm-8 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-9 {
    flex: 0 0 56.25%;
    max-width: 56.25%; }
  .col-sm-10 {
    flex: 0 0 62.5%;
    max-width: 62.5%; }
  .col-sm-11 {
    flex: 0 0 68.75%;
    max-width: 68.75%; }
  .col-sm-12 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-13 {
    flex: 0 0 81.25%;
    max-width: 81.25%; }
  .col-sm-14 {
    flex: 0 0 87.5%;
    max-width: 87.5%; }
  .col-sm-15 {
    flex: 0 0 93.75%;
    max-width: 93.75%; }
  .col-sm-16 {
    flex: 0 0 100%;
    max-width: 100%; }
  .pull-sm-0 {
    right: auto; }
  .pull-sm-1 {
    right: 6.25%; }
  .pull-sm-2 {
    right: 12.5%; }
  .pull-sm-3 {
    right: 18.75%; }
  .pull-sm-4 {
    right: 25%; }
  .pull-sm-5 {
    right: 31.25%; }
  .pull-sm-6 {
    right: 37.5%; }
  .pull-sm-7 {
    right: 43.75%; }
  .pull-sm-8 {
    right: 50%; }
  .pull-sm-9 {
    right: 56.25%; }
  .pull-sm-10 {
    right: 62.5%; }
  .pull-sm-11 {
    right: 68.75%; }
  .pull-sm-12 {
    right: 75%; }
  .pull-sm-13 {
    right: 81.25%; }
  .pull-sm-14 {
    right: 87.5%; }
  .pull-sm-15 {
    right: 93.75%; }
  .pull-sm-16 {
    right: 100%; }
  .push-sm-0 {
    left: auto; }
  .push-sm-1 {
    left: 6.25%; }
  .push-sm-2 {
    left: 12.5%; }
  .push-sm-3 {
    left: 18.75%; }
  .push-sm-4 {
    left: 25%; }
  .push-sm-5 {
    left: 31.25%; }
  .push-sm-6 {
    left: 37.5%; }
  .push-sm-7 {
    left: 43.75%; }
  .push-sm-8 {
    left: 50%; }
  .push-sm-9 {
    left: 56.25%; }
  .push-sm-10 {
    left: 62.5%; }
  .push-sm-11 {
    left: 68.75%; }
  .push-sm-12 {
    left: 75%; }
  .push-sm-13 {
    left: 81.25%; }
  .push-sm-14 {
    left: 87.5%; }
  .push-sm-15 {
    left: 93.75%; }
  .push-sm-16 {
    left: 100%; }
  .offset-sm-0 {
    margin-left: 0%; }
  .offset-sm-1 {
    margin-left: 6.25%; }
  .offset-sm-2 {
    margin-left: 12.5%; }
  .offset-sm-3 {
    margin-left: 18.75%; }
  .offset-sm-4 {
    margin-left: 25%; }
  .offset-sm-5 {
    margin-left: 31.25%; }
  .offset-sm-6 {
    margin-left: 37.5%; }
  .offset-sm-7 {
    margin-left: 43.75%; }
  .offset-sm-8 {
    margin-left: 50%; }
  .offset-sm-9 {
    margin-left: 56.25%; }
  .offset-sm-10 {
    margin-left: 62.5%; }
  .offset-sm-11 {
    margin-left: 68.75%; }
  .offset-sm-12 {
    margin-left: 75%; }
  .offset-sm-13 {
    margin-left: 81.25%; }
  .offset-sm-14 {
    margin-left: 87.5%; }
  .offset-sm-15 {
    margin-left: 93.75%; } }

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-md-1 {
    flex: 0 0 6.25%;
    max-width: 6.25%; }
  .col-md-2 {
    flex: 0 0 12.5%;
    max-width: 12.5%; }
  .col-md-3 {
    flex: 0 0 18.75%;
    max-width: 18.75%; }
  .col-md-4 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-5 {
    flex: 0 0 31.25%;
    max-width: 31.25%; }
  .col-md-6 {
    flex: 0 0 37.5%;
    max-width: 37.5%; }
  .col-md-7 {
    flex: 0 0 43.75%;
    max-width: 43.75%; }
  .col-md-8 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-9 {
    flex: 0 0 56.25%;
    max-width: 56.25%; }
  .col-md-10 {
    flex: 0 0 62.5%;
    max-width: 62.5%; }
  .col-md-11 {
    flex: 0 0 68.75%;
    max-width: 68.75%; }
  .col-md-12 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-13 {
    flex: 0 0 81.25%;
    max-width: 81.25%; }
  .col-md-14 {
    flex: 0 0 87.5%;
    max-width: 87.5%; }
  .col-md-15 {
    flex: 0 0 93.75%;
    max-width: 93.75%; }
  .col-md-16 {
    flex: 0 0 100%;
    max-width: 100%; }
  .pull-md-0 {
    right: auto; }
  .pull-md-1 {
    right: 6.25%; }
  .pull-md-2 {
    right: 12.5%; }
  .pull-md-3 {
    right: 18.75%; }
  .pull-md-4 {
    right: 25%; }
  .pull-md-5 {
    right: 31.25%; }
  .pull-md-6 {
    right: 37.5%; }
  .pull-md-7 {
    right: 43.75%; }
  .pull-md-8 {
    right: 50%; }
  .pull-md-9 {
    right: 56.25%; }
  .pull-md-10 {
    right: 62.5%; }
  .pull-md-11 {
    right: 68.75%; }
  .pull-md-12 {
    right: 75%; }
  .pull-md-13 {
    right: 81.25%; }
  .pull-md-14 {
    right: 87.5%; }
  .pull-md-15 {
    right: 93.75%; }
  .pull-md-16 {
    right: 100%; }
  .push-md-0 {
    left: auto; }
  .push-md-1 {
    left: 6.25%; }
  .push-md-2 {
    left: 12.5%; }
  .push-md-3 {
    left: 18.75%; }
  .push-md-4 {
    left: 25%; }
  .push-md-5 {
    left: 31.25%; }
  .push-md-6 {
    left: 37.5%; }
  .push-md-7 {
    left: 43.75%; }
  .push-md-8 {
    left: 50%; }
  .push-md-9 {
    left: 56.25%; }
  .push-md-10 {
    left: 62.5%; }
  .push-md-11 {
    left: 68.75%; }
  .push-md-12 {
    left: 75%; }
  .push-md-13 {
    left: 81.25%; }
  .push-md-14 {
    left: 87.5%; }
  .push-md-15 {
    left: 93.75%; }
  .push-md-16 {
    left: 100%; }
  .offset-md-0 {
    margin-left: 0%; }
  .offset-md-1 {
    margin-left: 6.25%; }
  .offset-md-2 {
    margin-left: 12.5%; }
  .offset-md-3 {
    margin-left: 18.75%; }
  .offset-md-4 {
    margin-left: 25%; }
  .offset-md-5 {
    margin-left: 31.25%; }
  .offset-md-6 {
    margin-left: 37.5%; }
  .offset-md-7 {
    margin-left: 43.75%; }
  .offset-md-8 {
    margin-left: 50%; }
  .offset-md-9 {
    margin-left: 56.25%; }
  .offset-md-10 {
    margin-left: 62.5%; }
  .offset-md-11 {
    margin-left: 68.75%; }
  .offset-md-12 {
    margin-left: 75%; }
  .offset-md-13 {
    margin-left: 81.25%; }
  .offset-md-14 {
    margin-left: 87.5%; }
  .offset-md-15 {
    margin-left: 93.75%; } }

@media (min-width: 1024px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-lg-1 {
    flex: 0 0 6.25%;
    max-width: 6.25%; }
  .col-lg-2 {
    flex: 0 0 12.5%;
    max-width: 12.5%; }
  .col-lg-3 {
    flex: 0 0 18.75%;
    max-width: 18.75%; }
  .col-lg-4 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-5 {
    flex: 0 0 31.25%;
    max-width: 31.25%; }
  .col-lg-6 {
    flex: 0 0 37.5%;
    max-width: 37.5%; }
  .col-lg-7 {
    flex: 0 0 43.75%;
    max-width: 43.75%; }
  .col-lg-8 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-9 {
    flex: 0 0 56.25%;
    max-width: 56.25%; }
  .col-lg-10 {
    flex: 0 0 62.5%;
    max-width: 62.5%; }
  .col-lg-11 {
    flex: 0 0 68.75%;
    max-width: 68.75%; }
  .col-lg-12 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-13 {
    flex: 0 0 81.25%;
    max-width: 81.25%; }
  .col-lg-14 {
    flex: 0 0 87.5%;
    max-width: 87.5%; }
  .col-lg-15 {
    flex: 0 0 93.75%;
    max-width: 93.75%; }
  .col-lg-16 {
    flex: 0 0 100%;
    max-width: 100%; }
  .pull-lg-0 {
    right: auto; }
  .pull-lg-1 {
    right: 6.25%; }
  .pull-lg-2 {
    right: 12.5%; }
  .pull-lg-3 {
    right: 18.75%; }
  .pull-lg-4 {
    right: 25%; }
  .pull-lg-5 {
    right: 31.25%; }
  .pull-lg-6 {
    right: 37.5%; }
  .pull-lg-7 {
    right: 43.75%; }
  .pull-lg-8 {
    right: 50%; }
  .pull-lg-9 {
    right: 56.25%; }
  .pull-lg-10 {
    right: 62.5%; }
  .pull-lg-11 {
    right: 68.75%; }
  .pull-lg-12 {
    right: 75%; }
  .pull-lg-13 {
    right: 81.25%; }
  .pull-lg-14 {
    right: 87.5%; }
  .pull-lg-15 {
    right: 93.75%; }
  .pull-lg-16 {
    right: 100%; }
  .push-lg-0 {
    left: auto; }
  .push-lg-1 {
    left: 6.25%; }
  .push-lg-2 {
    left: 12.5%; }
  .push-lg-3 {
    left: 18.75%; }
  .push-lg-4 {
    left: 25%; }
  .push-lg-5 {
    left: 31.25%; }
  .push-lg-6 {
    left: 37.5%; }
  .push-lg-7 {
    left: 43.75%; }
  .push-lg-8 {
    left: 50%; }
  .push-lg-9 {
    left: 56.25%; }
  .push-lg-10 {
    left: 62.5%; }
  .push-lg-11 {
    left: 68.75%; }
  .push-lg-12 {
    left: 75%; }
  .push-lg-13 {
    left: 81.25%; }
  .push-lg-14 {
    left: 87.5%; }
  .push-lg-15 {
    left: 93.75%; }
  .push-lg-16 {
    left: 100%; }
  .offset-lg-0 {
    margin-left: 0%; }
  .offset-lg-1 {
    margin-left: 6.25%; }
  .offset-lg-2 {
    margin-left: 12.5%; }
  .offset-lg-3 {
    margin-left: 18.75%; }
  .offset-lg-4 {
    margin-left: 25%; }
  .offset-lg-5 {
    margin-left: 31.25%; }
  .offset-lg-6 {
    margin-left: 37.5%; }
  .offset-lg-7 {
    margin-left: 43.75%; }
  .offset-lg-8 {
    margin-left: 50%; }
  .offset-lg-9 {
    margin-left: 56.25%; }
  .offset-lg-10 {
    margin-left: 62.5%; }
  .offset-lg-11 {
    margin-left: 68.75%; }
  .offset-lg-12 {
    margin-left: 75%; }
  .offset-lg-13 {
    margin-left: 81.25%; }
  .offset-lg-14 {
    margin-left: 87.5%; }
  .offset-lg-15 {
    margin-left: 93.75%; } }

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-xl-1 {
    flex: 0 0 6.25%;
    max-width: 6.25%; }
  .col-xl-2 {
    flex: 0 0 12.5%;
    max-width: 12.5%; }
  .col-xl-3 {
    flex: 0 0 18.75%;
    max-width: 18.75%; }
  .col-xl-4 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-5 {
    flex: 0 0 31.25%;
    max-width: 31.25%; }
  .col-xl-6 {
    flex: 0 0 37.5%;
    max-width: 37.5%; }
  .col-xl-7 {
    flex: 0 0 43.75%;
    max-width: 43.75%; }
  .col-xl-8 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-9 {
    flex: 0 0 56.25%;
    max-width: 56.25%; }
  .col-xl-10 {
    flex: 0 0 62.5%;
    max-width: 62.5%; }
  .col-xl-11 {
    flex: 0 0 68.75%;
    max-width: 68.75%; }
  .col-xl-12 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-13 {
    flex: 0 0 81.25%;
    max-width: 81.25%; }
  .col-xl-14 {
    flex: 0 0 87.5%;
    max-width: 87.5%; }
  .col-xl-15 {
    flex: 0 0 93.75%;
    max-width: 93.75%; }
  .col-xl-16 {
    flex: 0 0 100%;
    max-width: 100%; }
  .pull-xl-0 {
    right: auto; }
  .pull-xl-1 {
    right: 6.25%; }
  .pull-xl-2 {
    right: 12.5%; }
  .pull-xl-3 {
    right: 18.75%; }
  .pull-xl-4 {
    right: 25%; }
  .pull-xl-5 {
    right: 31.25%; }
  .pull-xl-6 {
    right: 37.5%; }
  .pull-xl-7 {
    right: 43.75%; }
  .pull-xl-8 {
    right: 50%; }
  .pull-xl-9 {
    right: 56.25%; }
  .pull-xl-10 {
    right: 62.5%; }
  .pull-xl-11 {
    right: 68.75%; }
  .pull-xl-12 {
    right: 75%; }
  .pull-xl-13 {
    right: 81.25%; }
  .pull-xl-14 {
    right: 87.5%; }
  .pull-xl-15 {
    right: 93.75%; }
  .pull-xl-16 {
    right: 100%; }
  .push-xl-0 {
    left: auto; }
  .push-xl-1 {
    left: 6.25%; }
  .push-xl-2 {
    left: 12.5%; }
  .push-xl-3 {
    left: 18.75%; }
  .push-xl-4 {
    left: 25%; }
  .push-xl-5 {
    left: 31.25%; }
  .push-xl-6 {
    left: 37.5%; }
  .push-xl-7 {
    left: 43.75%; }
  .push-xl-8 {
    left: 50%; }
  .push-xl-9 {
    left: 56.25%; }
  .push-xl-10 {
    left: 62.5%; }
  .push-xl-11 {
    left: 68.75%; }
  .push-xl-12 {
    left: 75%; }
  .push-xl-13 {
    left: 81.25%; }
  .push-xl-14 {
    left: 87.5%; }
  .push-xl-15 {
    left: 93.75%; }
  .push-xl-16 {
    left: 100%; }
  .offset-xl-0 {
    margin-left: 0%; }
  .offset-xl-1 {
    margin-left: 6.25%; }
  .offset-xl-2 {
    margin-left: 12.5%; }
  .offset-xl-3 {
    margin-left: 18.75%; }
  .offset-xl-4 {
    margin-left: 25%; }
  .offset-xl-5 {
    margin-left: 31.25%; }
  .offset-xl-6 {
    margin-left: 37.5%; }
  .offset-xl-7 {
    margin-left: 43.75%; }
  .offset-xl-8 {
    margin-left: 50%; }
  .offset-xl-9 {
    margin-left: 56.25%; }
  .offset-xl-10 {
    margin-left: 62.5%; }
  .offset-xl-11 {
    margin-left: 68.75%; }
  .offset-xl-12 {
    margin-left: 75%; }
  .offset-xl-13 {
    margin-left: 81.25%; }
  .offset-xl-14 {
    margin-left: 87.5%; }
  .offset-xl-15 {
    margin-left: 93.75%; } }

@media (min-width: 1500px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-xxl-1 {
    flex: 0 0 6.25%;
    max-width: 6.25%; }
  .col-xxl-2 {
    flex: 0 0 12.5%;
    max-width: 12.5%; }
  .col-xxl-3 {
    flex: 0 0 18.75%;
    max-width: 18.75%; }
  .col-xxl-4 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xxl-5 {
    flex: 0 0 31.25%;
    max-width: 31.25%; }
  .col-xxl-6 {
    flex: 0 0 37.5%;
    max-width: 37.5%; }
  .col-xxl-7 {
    flex: 0 0 43.75%;
    max-width: 43.75%; }
  .col-xxl-8 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xxl-9 {
    flex: 0 0 56.25%;
    max-width: 56.25%; }
  .col-xxl-10 {
    flex: 0 0 62.5%;
    max-width: 62.5%; }
  .col-xxl-11 {
    flex: 0 0 68.75%;
    max-width: 68.75%; }
  .col-xxl-12 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xxl-13 {
    flex: 0 0 81.25%;
    max-width: 81.25%; }
  .col-xxl-14 {
    flex: 0 0 87.5%;
    max-width: 87.5%; }
  .col-xxl-15 {
    flex: 0 0 93.75%;
    max-width: 93.75%; }
  .col-xxl-16 {
    flex: 0 0 100%;
    max-width: 100%; }
  .pull-xxl-0 {
    right: auto; }
  .pull-xxl-1 {
    right: 6.25%; }
  .pull-xxl-2 {
    right: 12.5%; }
  .pull-xxl-3 {
    right: 18.75%; }
  .pull-xxl-4 {
    right: 25%; }
  .pull-xxl-5 {
    right: 31.25%; }
  .pull-xxl-6 {
    right: 37.5%; }
  .pull-xxl-7 {
    right: 43.75%; }
  .pull-xxl-8 {
    right: 50%; }
  .pull-xxl-9 {
    right: 56.25%; }
  .pull-xxl-10 {
    right: 62.5%; }
  .pull-xxl-11 {
    right: 68.75%; }
  .pull-xxl-12 {
    right: 75%; }
  .pull-xxl-13 {
    right: 81.25%; }
  .pull-xxl-14 {
    right: 87.5%; }
  .pull-xxl-15 {
    right: 93.75%; }
  .pull-xxl-16 {
    right: 100%; }
  .push-xxl-0 {
    left: auto; }
  .push-xxl-1 {
    left: 6.25%; }
  .push-xxl-2 {
    left: 12.5%; }
  .push-xxl-3 {
    left: 18.75%; }
  .push-xxl-4 {
    left: 25%; }
  .push-xxl-5 {
    left: 31.25%; }
  .push-xxl-6 {
    left: 37.5%; }
  .push-xxl-7 {
    left: 43.75%; }
  .push-xxl-8 {
    left: 50%; }
  .push-xxl-9 {
    left: 56.25%; }
  .push-xxl-10 {
    left: 62.5%; }
  .push-xxl-11 {
    left: 68.75%; }
  .push-xxl-12 {
    left: 75%; }
  .push-xxl-13 {
    left: 81.25%; }
  .push-xxl-14 {
    left: 87.5%; }
  .push-xxl-15 {
    left: 93.75%; }
  .push-xxl-16 {
    left: 100%; }
  .offset-xxl-0 {
    margin-left: 0%; }
  .offset-xxl-1 {
    margin-left: 6.25%; }
  .offset-xxl-2 {
    margin-left: 12.5%; }
  .offset-xxl-3 {
    margin-left: 18.75%; }
  .offset-xxl-4 {
    margin-left: 25%; }
  .offset-xxl-5 {
    margin-left: 31.25%; }
  .offset-xxl-6 {
    margin-left: 37.5%; }
  .offset-xxl-7 {
    margin-left: 43.75%; }
  .offset-xxl-8 {
    margin-left: 50%; }
  .offset-xxl-9 {
    margin-left: 56.25%; }
  .offset-xxl-10 {
    margin-left: 62.5%; }
  .offset-xxl-11 {
    margin-left: 68.75%; }
  .offset-xxl-12 {
    margin-left: 75%; }
  .offset-xxl-13 {
    margin-left: 81.25%; }
  .offset-xxl-14 {
    margin-left: 87.5%; }
  .offset-xxl-15 {
    margin-left: 93.75%; } }

.general-container.is-nav-opened {
  display: flex;
  flex-direction: column; }
  @media (max-width: 1023px) {
    .general-container.is-nav-opened {
      min-height: 100vh; } }

@font-face {
  font-family: 'mrd-redesign';
  src: url(/_ui/responsive/common/dist/650989b7586fe12b79b32b138cb52445.woff2) format("woff2"), url(/_ui/responsive/common/dist/f4a978f0265ab8a78590832f2c839567.woff) format("woff"), url(/_ui/responsive/common/dist/17c0c2e35df2e801f51de334db6eeb80.ttf) format("truetype"), url(/_ui/responsive/common/dist/fbb8d023d0dc7e02d315a80826c43dcc.svg#mrd-redesign) format("svg");
  font-weight: normal;
  font-style: normal; }

.icon {
  font-family: "mrd-redesign";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  min-width: 1em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-info:before {
  content: '\e800'; }

/* '' */
.icon-star:before {
  content: '\e801'; }

/* '' */
.icon-share:before {
  content: '\e802'; }

/* '' */
.icon-arrow:before {
  content: '\e803'; }

/* '' */
.icon-exclusive:before {
  content: '\e804'; }

/* '' */
.icon-heart-filled:before {
  content: '\e805'; }

/* '' */
.icon-double-points:before {
  content: '\e806'; }

/* '' */
.icon-trolley:before {
  content: '\e807'; }

/* '' */
.icon-store-finder:before {
  content: '\e808'; }

/* '' */
.icon-hamburger:before {
  content: '\e809'; }

/* '' */
.icon-search:before {
  content: '\e80a'; }

/* '' */
.icon-enlarge:before {
  content: '\e80b'; }

/* '' */
.icon-edit:before {
  content: '\e80c'; }

/* '' */
.icon-correct:before, .icon-warning::before {
  content: '\e80d'; }

/* '' */
.icon-lock:before {
  content: '\e80e'; }

/* '' */
.icon-location:before {
  content: '\e80f'; }

/* '' */
.icon-information:before {
  content: '\e810'; }

/* '' */
.icon-delete:before {
  content: '\e811'; }

/* '' */
.icon-wrong:before {
  content: '\e812'; }

/* '' */
.icon-delivery:before {
  content: '\e813'; }

/* '' */
.icon-sign-up-newsletter:before {
  content: '\e814'; }

/* '' */
.icon-twitter:before {
  content: '\e815'; }

/* '' */
.icon-facebook:before {
  content: '\e816'; }

/* '' */
.icon-instagram:before {
  content: '\e817'; }

/* '' */
.icon-youtube:before {
  content: '\e818'; }

/* '' */
.icon-pinterest:before {
  content: '\e819'; }

/* '' */
.icon-mlife:before {
  content: '\e81a'; }

/* '' */
.icon-app:before {
  content: '\e81b'; }

/* '' */
.icon-click-collect:before {
  content: '\e81c'; }

/* '' */
.icon-car:before {
  content: '\e81d'; }

/* '' */
.icon-hand-change:before {
  content: '\e81e'; }

/* '' */
.icon-clock:before {
  content: '\e81f'; }

/* '' */
.icon-cursor:before {
  content: '\e820'; }

/* '' */
.icon-heart-bag:before {
  content: '\e821'; }

/* '' */
.icon-heart:before {
  content: '\e822'; }

/* '' */
.icon-certificate:before {
  content: '\e823'; }

/* '' */
.icon-star-empty:before, .icon-star-full:before {
  content: '\e824'; }

/* '' */
.icon-my-account-signed-in:before {
  content: '\e828'; }

/* '' */
.icon-my-account:before {
  content: '\e829'; }

/* '' */
.icon-gwp:before {
  content: '\e82d'; }

/* '' */
.icon-birthday:before {
  content: '\e82f'; }

/* '' */
.icon-contact:before {
  content: '\e830'; }

/* '' */
.icon-giftwrap:before {
  content: '\e831'; }

/* '' */
.icon-promo-gwp:before {
  content: '\e832'; }

/* '' */
.icon-promo-delivery:before {
  content: '\e833'; }

/* '' */
.icon-promo-points:before {
  content: '\e834'; }

/* '' */
.icon-star-half:before {
  content: '\e835'; }

/* '' */
.icon-list-view:before {
  content: '\e838'; }

/* '' */
.icon-grid-view:before {
  content: '\e839'; }

/* '' */
.icon-home:before {
  content: '\e83a'; }

/* '' */
[class*='icon-arrow-']::before {
  content: '\e803'; }

.icon-arrow-down {
  transform: rotate(90deg); }

.icon-arrow-left {
  transform: rotate(180deg); }

.icon-arrow-top {
  transform: rotate(270deg); }

.icon-correct {
  color: #4cd35f; }

.icon-warning {
  color: #ee9d00; }

.icon-wrong {
  color: #cc061f; }

.icon-information {
  color: #a3a3a3;
  border-color: #484848; }

.icon-star-empty, .icon-star-full {
  color: #d1d1d1; }

.icon-star,
.icon-star-half {
  color: #f20060; }

.icon-star-full {
  color: #ec3075; }
  .icon-star-full--10::before {
    color: #d1d1d1;
    background: linear-gradient(to right, #ec3075 0% 10%, #d1d1d1 10% 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .icon-star-full--20::before {
    color: #d1d1d1;
    background: linear-gradient(to right, #ec3075 0% 20%, #d1d1d1 20% 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .icon-star-full--30::before {
    color: #d1d1d1;
    background: linear-gradient(to right, #ec3075 0% 30%, #d1d1d1 30% 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .icon-star-full--40::before {
    color: #d1d1d1;
    background: linear-gradient(to right, #ec3075 0% 40%, #d1d1d1 40% 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .icon-star-full--50::before {
    color: #d1d1d1;
    background: linear-gradient(to right, #ec3075 0% 50%, #d1d1d1 50% 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .icon-star-full--60::before {
    color: #d1d1d1;
    background: linear-gradient(to right, #ec3075 0% 60%, #d1d1d1 60% 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .icon-star-full--70::before {
    color: #d1d1d1;
    background: linear-gradient(to right, #ec3075 0% 70%, #d1d1d1 70% 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .icon-star-full--80::before {
    color: #d1d1d1;
    background: linear-gradient(to right, #ec3075 0% 80%, #d1d1d1 80% 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .icon-star-full--90::before {
    color: #d1d1d1;
    background: linear-gradient(to right, #ec3075 0% 90%, #d1d1d1 90% 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .icon-star-full--100::before {
    color: #d1d1d1;
    background: linear-gradient(to right, #ec3075 0% 100%, #d1d1d1 100% 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

.animate-spin {
  display: inline-block;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear; }

.icon-preview {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: auto 1fr 2fr;
  align-items: center;
  margin-top: 10px;
  padding-left: 40px; }
  @media (max-width: 767px) {
    .icon-preview {
      padding: 0; } }
  .icon-preview__box {
    padding-right: 40px; }
    @media (max-width: 767px) {
      .icon-preview__box {
        padding-right: 0;
        padding-left: 40px; } }
    .icon-preview__box .icon {
      padding: 15px;
      border: 1px dashed #000000;
      font-size: 40px; }
  .icon-preview__code {
    padding: 10px 16px;
    background: #f8f8f8;
    font-family: monospace;
    color: #000000; }
    @media (max-width: 767px) {
      .icon-preview__code {
        width: 100%;
        margin-top: 10px; } }

.text-purple-dark {
  color: #5e0e6f; }

.background-purple-dark {
  background-color: #5e0e6f; }

.background-text-purple-dark {
  background-color: #fff;
  color: #5e0e6f; }

.border-purple-dark {
  border-color: #5e0e6f !important; }

.text-purple-medium {
  color: #81438e; }

.background-purple-medium {
  background-color: #81438e; }

.background-text-purple-medium {
  background-color: #fff;
  color: #81438e; }

.border-purple-medium {
  border-color: #81438e !important; }

.text-purple-light {
  color: #bf90c0; }

.background-purple-light {
  background-color: #bf90c0; }

.background-text-purple-light {
  background-color: #fff;
  color: #bf90c0; }

.border-purple-light {
  border-color: #bf90c0 !important; }

.text-green {
  color: #4cd35f; }

.background-green {
  background-color: #4cd35f; }

.background-text-green {
  background-color: #fff;
  color: #4cd35f; }

.border-green {
  border-color: #4cd35f !important; }

.text-red {
  color: #cc061f; }

.background-red {
  background-color: #cc061f; }

.background-text-red {
  background-color: #fff;
  color: #cc061f; }

.border-red {
  border-color: #cc061f !important; }

.text-pink {
  color: #ec3075; }

.background-pink {
  background-color: #ec3075; }

.background-text-pink {
  background-color: #fff;
  color: #ec3075; }

.border-pink {
  border-color: #ec3075 !important; }

.text-pink-light {
  color: #ec5b93; }

.background-pink-light {
  background-color: #ec5b93; }

.background-text-pink-light {
  background-color: #fff;
  color: #ec5b93; }

.border-pink-light {
  border-color: #ec5b93 !important; }

.text-rubinered {
  color: #f20060; }

.background-rubinered {
  background-color: #f20060; }

.background-text-rubinered {
  background-color: #fff;
  color: #f20060; }

.border-rubinered {
  border-color: #f20060 !important; }

.text-black {
  color: #000000; }

.background-black {
  background-color: #000000; }

.text-gray-dark {
  color: #484848; }

.background-gray-dark {
  background-color: #484848; }

.text-gray-medium {
  color: #a3a3a3; }

.background-gray-medium {
  background-color: #a3a3a3; }

.text-gray-light {
  color: #d1d1d1; }

.background-gray-light {
  background-color: #d1d1d1; }

.text-gray-extralight {
  color: #f8f8f8; }

.background-gray-extralight {
  background-color: #f8f8f8; }

.text-white {
  color: #fff; }

.background-white {
  background-color: #fff; }

*[data-category-color] {
  transition: background-color 0.5s; }

*[data-category-border-color] {
  transition: border-color 0.5s; }

*[data-category-text-color] {
  transition: color 0.5s; }

@media (min-width: 768px) {
  .display--mobile-only {
    display: none !important; } }

@media (max-width: 767px) {
  .display--tablet-only {
    display: none !important; } }

@media (min-width: 1024px) {
  .display--tablet-only {
    display: none !important; } }

@media (max-width: 1023px) {
  .display--desktop-only {
    display: none !important; } }

@media (min-width: 1024px) {
  .display--mobile-and-tablet {
    display: none !important; } }

@media (max-width: 767px) {
  .display--tablet-and-desktop {
    display: none !important; } }

.display--flex {
  display: flex;
  flex: 0 1 auto; }

.is-hidden {
  display: none !important; }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.justify-self-start {
  justify-self: flex-start !important; }

.justify-self-end {
  justify-self: flex-end !important; }

.justify-self-center {
  justify-self: center !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center {
  align-items: center !important; }

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

.m-all-large {
  margin: 50px; }

.m-all-no-indent {
  margin: 0; }

.m-top-large {
  margin-top: 50px; }

.m-top-no-indent {
  margin-top: 0; }

.m-right-large {
  margin-right: 50px; }

.m-right-no-indent {
  margin-right: 0; }

.m-bottom-large {
  margin-bottom: 50px; }

.m-bottom-no-indent {
  margin-bottom: 0; }

.m-left-large {
  margin-left: 50px; }

.m-left-no-indent {
  margin-left: 0; }

.m-top_bottom-large {
  margin-top: 50px;
  margin-bottom: 50px; }

.m-left_right-large {
  margin-left: 50px;
  margin-right: 50px; }

.m-all-medium {
  margin: 35px; }

.m-all-no-indent {
  margin: 0; }

.m-top-medium {
  margin-top: 35px; }

.m-top-no-indent {
  margin-top: 0; }

.m-right-medium {
  margin-right: 35px; }

.m-right-no-indent {
  margin-right: 0; }

.m-bottom-medium {
  margin-bottom: 35px; }

.m-bottom-no-indent {
  margin-bottom: 0; }

.m-left-medium {
  margin-left: 35px; }

.m-left-no-indent {
  margin-left: 0; }

.m-top_bottom-medium {
  margin-top: 35px;
  margin-bottom: 35px; }

.m-left_right-medium {
  margin-left: 35px;
  margin-right: 35px; }

.m-all-small {
  margin: 15px; }

.m-all-no-indent {
  margin: 0; }

.m-top-small {
  margin-top: 15px; }

.m-top-no-indent {
  margin-top: 0; }

.m-right-small {
  margin-right: 15px; }

.m-right-no-indent {
  margin-right: 0; }

.m-bottom-small {
  margin-bottom: 15px; }

.m-bottom-no-indent {
  margin-bottom: 0; }

.m-left-small {
  margin-left: 15px; }

.m-left-no-indent {
  margin-left: 0; }

.m-top_bottom-small {
  margin-top: 15px;
  margin-bottom: 15px; }

.m-left_right-small {
  margin-left: 15px;
  margin-right: 15px; }

@media (min-width: 1024px) {
  .m-top-large--desktop {
    margin-top: 50px; }
  .m-bottom-large--desktop {
    margin-bottom: 50px; }
  .m-left-large--desktop {
    margin-left: 50px; }
  .m-right-large--desktop {
    margin-right: 50px; }
  .m-top-medium--desktop {
    margin-top: 35px; }
  .m-bottom-medium--desktop {
    margin-bottom: 35px; }
  .m-left-medium--desktop {
    margin-left: 35px; }
  .m-right-medium--desktop {
    margin-right: 35px; }
  .m-top-small--desktop {
    margin-top: 15px; }
  .m-bottom-small--desktop {
    margin-bottom: 15px; }
  .m-left-small--desktop {
    margin-left: 15px; }
  .m-right-small--desktop {
    margin-right: 15px; }
  .m-right-left-none--desktop {
    margin-right: 0;
    margin-left: 0; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .m-top-large--tablet {
    margin-top: 50px; }
  .m-bottom-large--tablet {
    margin-bottom: 50px; }
  .m-left-large--tablet {
    margin-left: 50px; }
  .m-right-large--tablet {
    margin-right: 50px; }
  .m-top-medium--tablet {
    margin-top: 35px; }
  .m-bottom-medium--tablet {
    margin-bottom: 35px; }
  .m-left-medium--tablet {
    margin-left: 35px; }
  .m-right-medium--tablet {
    margin-right: 35px; }
  .m-top-small--tablet {
    margin-top: 15px; }
  .m-bottom-small--tablet {
    margin-bottom: 15px; }
  .m-left-small--tablet {
    margin-left: 15px; }
  .m-right-small--tablet {
    margin-right: 15px; }
  .m-right-left-none--tablet {
    margin-right: 0;
    margin-left: 0; } }

@media (min-width: 320px) and (max-width: 767px) {
  .m-top-large--mobile {
    margin-top: 50px; }
  .m-right-large--mobile {
    margin-right: 50px; }
  .m-bottom-large--mobile {
    margin-bottom: 50px; }
  .m-left-large--mobile {
    margin-left: 50px; }
  .m-top-medium--mobile {
    margin-top: 35px; }
  .m-right-medium--mobile {
    margin-right: 35px; }
  .m-bottom-medium--mobile {
    margin-bottom: 35px; }
  .m-left-medium--mobile {
    margin-left: 35px; }
  .m-top-small--mobile {
    margin-top: 15px; }
  .m-right-small--mobile {
    margin-right: 15px; }
  .m-bottom-small--mobile {
    margin-bottom: 15px; }
  .m-left-small--mobile {
    margin-left: 15px; } }

.popup {
  display: none;
  opacity: 0;
  visibility: hidden;
  align-items: center;
  bottom: 0;
  height: 100%;
  justify-content: center;
  left: 0;
  right: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 25;
  padding: 15px 0;
  box-sizing: border-box; }
  .popup__backdrop--opacity-10 {
    background-color: rgba(0, 0, 0, 0.1); }
  .popup__backdrop--opacity-20 {
    background-color: rgba(0, 0, 0, 0.2); }
  .popup__backdrop--opacity-30 {
    background-color: rgba(0, 0, 0, 0.3); }
  .popup__backdrop--opacity-40 {
    background-color: rgba(0, 0, 0, 0.4); }
  .popup__backdrop--opacity-50 {
    background-color: rgba(0, 0, 0, 0.5); }
  .popup__backdrop--opacity-60 {
    background-color: rgba(0, 0, 0, 0.6); }
  .popup__backdrop--opacity-70 {
    background-color: rgba(0, 0, 0, 0.7); }
  .popup__backdrop--opacity-80 {
    background-color: rgba(0, 0, 0, 0.8); }
  .popup__backdrop--opacity-90 {
    background-color: rgba(0, 0, 0, 0.9); }
  .popup__backdrop--opacity-100 {
    background-color: black; }
  .popup__heading {
    position: absolute;
    top: 27px; }
  .popup__panel {
    position: relative;
    border: 1px solid #000000;
    overflow: auto;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    padding: 60px 25px 45px;
    min-width: 45%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
    .popup__panel--full-width {
      width: 100%; }
    .popup--click-and-collect .popup__panel {
      max-width: 500px !important;
      width: 500px;
      box-sizing: border-box; }
    @media (min-width: 768px) {
      .popup__panel {
        padding: 60px 50px 45px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .popup__panel {
    min-width: 60%;
    max-width: 75%; } }

@media (min-width: 320px) and (max-width: 767px) {
  .popup__panel {
    min-width: 72%;
    max-width: 90%; } }
  .popup--wide .popup__panel {
    max-width: 85%; }
    @media (max-width: 1023px) {
      .popup--wide .popup__panel {
        max-width: 95%; } }
  .popup--active {
    display: flex;
    visibility: visible;
    opacity: 1; }
  .popup--fade-100 {
    transition: all 100ms ease-in-out; }
  .popup--fade-200 {
    transition: all 200ms ease-in-out; }
  .popup--fade-300 {
    transition: all 300ms ease-in-out; }
  .popup--fade-400 {
    transition: all 400ms ease-in-out; }
  .popup--fade-500 {
    transition: all 500ms ease-in-out; }
  .popup--fade-600 {
    transition: all 600ms ease-in-out; }
  .popup--fade-700 {
    transition: all 700ms ease-in-out; }
  .popup--fade-800 {
    transition: all 800ms ease-in-out; }
  .popup--fade-900 {
    transition: all 900ms ease-in-out; }
  .popup--fade-1000 {
    transition: all 1000ms ease-in-out; }
  .popup__close {
    outline: none;
    position: relative;
    padding: 0;
    color: inherit;
    border: none;
    background: none;
    line-height: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    font-size: 26px;
    position: absolute;
    top: 27px;
    right: 33px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #484848;
    transition: linear .2s; }
    .popup__close:hover, .popup__close:focus, .popup__close:active {
      background: inherit; }
    .popup__close::before, .popup__close::after {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      width: 18px;
      height: 2px;
      background-color: rgba(255, 255, 255, 0.9);
      transition: inherit; }
    .popup__close::before {
      transform: translateX(-50%) translateY(-50%) rotate(-45deg); }
    .popup__close::after {
      transform: translateX(-50%) translateY(-50%) rotate(45deg); }
    .popup__close:hover {
      background: #fff; }
      .popup__close:hover::before, .popup__close:hover::after {
        background-color: #484848; }

@media (min-width: 320px) and (max-width: 767px) {
  .popup__close {
    top: 13px;
    right: 13px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .popup__close {
    top: 20px;
    right: 38px; } }
  .popup__title {
    margin-bottom: 28px;
    text-align: center;
    font-size: 20px;
    font-weight: bold; }
  .popup__text {
    font-size: 14px;
    margin-bottom: 28px; }
  .popup--click-and-collect .popup__close {
    background-color: #707070; }
    @media (max-width: 1023px) {
      .popup--click-and-collect .popup__close {
        top: 27px; } }

.submit-popup__description {
  max-width: 350px;
  margin: 0 auto 40px;
  text-align: center;
  line-height: 1.3;
  font-weight: 600;
  color: #484848; }

.submit-popup__button-container {
  display: flex;
  flex-direction: column; }

.submit-popup__button {
  width: 100%; }
  .submit-popup__button:last-child {
    margin-top: 8px; }

.notification-popup--center-aligned {
  text-align: center; }

.notification-popup__title-wrapper {
  margin: 0 auto 18px;
  line-height: 1.3;
  font-weight: 600;
  color: #484848;
  font-size: 20px;
  letter-spacing: 1.2px; }

.notification-popup__icon {
  position: relative;
  bottom: -2px;
  margin-right: 6px;
  font-size: 26px; }

.notification-popup__description {
  font-size: 14px;
  margin-bottom: 25px; }

.notification-popup__button-container {
  display: flex;
  flex-direction: column; }

.notification-popup__button {
  width: 100%; }

.change-login-popup {
  font-size: 14px;
  color: #484848;
  text-align: center; }
  .change-login-popup__title {
    margin-bottom: 35px;
    padding-bottom: 8px;
    border-bottom: 1px solid #000000;
    font-size: 20px;
    line-height: 1.4;
    font-weight: bold; }
  .change-login-popup__text {
    margin-bottom: 35px;
    font-size: 16px;
    line-height: 1.4; }

.img-fluid {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  display: inline-block;
  border-style: none; }

@font-face {
  font-family: "Raleway";
  src: local("Raleway Regular"), local("Raleway-Regular"), url(/_ui/responsive/common/dist/f4b782bda9e0d7eb6ba140ca9d9c155d.ttf) format("truetype"), url(/_ui/responsive/common/dist/145cf3f6f532d9b61cfefcd1e6d3f1ff.woff) format("woff"), url(/_ui/responsive/common/dist/3f13c93fa79af5552240264d03cb2556.woff2) format("woff2"), url(/_ui/responsive/common/dist/5402c4f9b28b45de87e1205ff4d6c51a.svg) format("svg");
  font-weight: 400; }

@font-face {
  font-family: "Raleway";
  src: local("Raleway Italic"), local("Raleway-Italic"), url(/_ui/responsive/common/dist/ae154c0502bc81a34a5016edb79ad93c.ttf) format("truetype"), url(/_ui/responsive/common/dist/ed63e31e25088e35ff183f7f68e40c72.woff) format("woff"), url(/_ui/responsive/common/dist/65893573930bc8f87b07e3460fefd05a.woff2) format("woff2"), url(/_ui/responsive/common/dist/578b3aaf3ef03617b586b7b2d2eabd1a.svg) format("svg");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Raleway";
  src: local("Raleway Medium"), local("Raleway-Medium"), url(/_ui/responsive/common/dist/d35a88756482cfc03267c8c8b072e45d.ttf) format("truetype"), url(/_ui/responsive/common/dist/e97168b381188a7fa98a05fe7d224556.woff) format("woff"), url(/_ui/responsive/common/dist/9c6035f5f6807fe9e20229d5a3bfd88b.woff2) format("woff2"), url(/_ui/responsive/common/dist/45b6b1977df5a545b59ac44b2e5352e2.svg) format("svg");
  font-weight: 500; }

@font-face {
  font-family: "Raleway";
  src: local("Raleway Medium Italic"), local("Raleway-MediumItalic"), url(/_ui/responsive/common/dist/fbbb8b88755f6c435260a14d9d98a541.ttf) format("truetype"), url(/_ui/responsive/common/dist/77149636ca93bbe08b662ec98e80f9e7.woff) format("woff"), url(/_ui/responsive/common/dist/2982ef4267919131ea69115ce33b71e8.woff2) format("woff2"), url(/_ui/responsive/common/dist/f0500c6ebf0bd13851a5b79942b3580a.svg) format("svg");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: "Raleway";
  src: local("Raleway Bold"), local("Raleway-Bold"), url(/_ui/responsive/common/dist/af5c97940efb437e4db7352da97bb3d0.ttf) format("truetype"), url(/_ui/responsive/common/dist/6407f3371439ef6d8acf0b0a606110e9.woff) format("woff"), url(/_ui/responsive/common/dist/69504b2d45f9ec91d29b57e0ab224118.woff2) format("woff2"), url(/_ui/responsive/common/dist/0d2f50018368420a1be0b336c9f69a76.svg) format("svg");
  font-weight: 700; }

@font-face {
  font-family: "Raleway";
  src: local("Raleway Bold Italic"), local("Raleway-BoldItalic"), url(/_ui/responsive/common/dist/d63e891ff7a8b49a56a4509e9417a20a.ttf) format("truetype"), url(/_ui/responsive/common/dist/378f4f1ffaa8676c59b5e7bf4918fd8f.woff) format("woff"), url(/_ui/responsive/common/dist/071b65d1851cf34d894a577a75a201a6.woff2) format("woff2"), url(/_ui/responsive/common/dist/2412c7489cb8a2ded682e97d06b4ea9a.svg) format("svg");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: "EB Garamond";
  src: url(/_ui/responsive/common/dist/200f87072948cb189a7629aa5838701c.ttf) format("truetype"), url(/_ui/responsive/common/dist/3479a7e6b431c7c7c749b87a55d8affd.woff) format("woff"), url(/_ui/responsive/common/dist/fcf166ec9ca282a14048c2a1b795ca03.woff2) format("woff2"), url(/_ui/responsive/common/dist/ef929dc976616095433ff40f04faacc0.svg) format("svg");
  font-weight: 400; }

.text {
  line-height: 1.3; }
  .text--6 {
    font-size: 6px; }
  @media (min-width: 1024px) {
    .text--6--desktop {
      font-size: 6px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .text--6--tablet {
    font-size: 6px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .text--6--mobile {
    font-size: 6px; } }
  .text--8 {
    font-size: 8px; }
  @media (min-width: 1024px) {
    .text--8--desktop {
      font-size: 8px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .text--8--tablet {
    font-size: 8px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .text--8--mobile {
    font-size: 8px; } }
  .text--10 {
    font-size: 10px; }
  @media (min-width: 1024px) {
    .text--10--desktop {
      font-size: 10px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .text--10--tablet {
    font-size: 10px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .text--10--mobile {
    font-size: 10px; } }
  .text--12 {
    font-size: 12px; }
  @media (min-width: 1024px) {
    .text--12--desktop {
      font-size: 12px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .text--12--tablet {
    font-size: 12px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .text--12--mobile {
    font-size: 12px; } }
  .text--13 {
    font-size: 13px; }
  @media (min-width: 1024px) {
    .text--13--desktop {
      font-size: 13px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .text--13--tablet {
    font-size: 13px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .text--13--mobile {
    font-size: 13px; } }
  .text--14 {
    font-size: 14px; }
  @media (min-width: 1024px) {
    .text--14--desktop {
      font-size: 14px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .text--14--tablet {
    font-size: 14px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .text--14--mobile {
    font-size: 14px; } }
  .text--16 {
    font-size: 16px; }
  @media (min-width: 1024px) {
    .text--16--desktop {
      font-size: 16px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .text--16--tablet {
    font-size: 16px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .text--16--mobile {
    font-size: 16px; } }
  .text--17 {
    font-size: 17px; }
  @media (min-width: 1024px) {
    .text--17--desktop {
      font-size: 17px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .text--17--tablet {
    font-size: 17px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .text--17--mobile {
    font-size: 17px; } }
  .text--18 {
    font-size: 18px; }
  @media (min-width: 1024px) {
    .text--18--desktop {
      font-size: 18px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .text--18--tablet {
    font-size: 18px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .text--18--mobile {
    font-size: 18px; } }
  .text--20 {
    font-size: 20px; }
  @media (min-width: 1024px) {
    .text--20--desktop {
      font-size: 20px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .text--20--tablet {
    font-size: 20px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .text--20--mobile {
    font-size: 20px; } }
  .text--22 {
    font-size: 22px; }
  @media (min-width: 1024px) {
    .text--22--desktop {
      font-size: 22px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .text--22--tablet {
    font-size: 22px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .text--22--mobile {
    font-size: 22px; } }
  .text--24 {
    font-size: 24px; }
  @media (min-width: 1024px) {
    .text--24--desktop {
      font-size: 24px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .text--24--tablet {
    font-size: 24px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .text--24--mobile {
    font-size: 24px; } }
  .text--26 {
    font-size: 26px; }
  @media (min-width: 1024px) {
    .text--26--desktop {
      font-size: 26px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .text--26--tablet {
    font-size: 26px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .text--26--mobile {
    font-size: 26px; } }
  .text--28 {
    font-size: 28px; }
  @media (min-width: 1024px) {
    .text--28--desktop {
      font-size: 28px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .text--28--tablet {
    font-size: 28px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .text--28--mobile {
    font-size: 28px; } }
  .text--30 {
    font-size: 30px; }
  @media (min-width: 1024px) {
    .text--30--desktop {
      font-size: 30px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .text--30--tablet {
    font-size: 30px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .text--30--mobile {
    font-size: 30px; } }
  .text--40 {
    font-size: 40px; }
  @media (min-width: 1024px) {
    .text--40--desktop {
      font-size: 40px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .text--40--tablet {
    font-size: 40px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .text--40--mobile {
    font-size: 40px; } }
  .text--60 {
    font-size: 60px; }
  @media (min-width: 1024px) {
    .text--60--desktop {
      font-size: 60px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .text--60--tablet {
    font-size: 60px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .text--60--mobile {
    font-size: 60px; } }
  .text--purple-dark {
    color: #5e0e6f; }
  .text--purple-medium {
    color: #81438e; }
  .text--purple-light {
    color: #bf90c0; }
  .text--green {
    color: #4cd35f; }
  .text--red, .newsletter .input-checkbox__wrapper > span {
    color: #cc061f; }
  .text--pink {
    color: #ec3075; }
  .text--pink-light {
    color: #ec5b93; }
  .text--rubinered {
    color: #f20060; }
  .text--black {
    color: #000000; }
  .text--gray-dark {
    color: #484848; }
  .text--gray-medium {
    color: #a3a3a3; }
  .text--gray-light {
    color: #d1d1d1; }
  .text--gray-extralight {
    color: #f8f8f8; }
  .text--white {
    color: #fff; }
  .text--eb-garamond {
    font-family: "EB Garamond", serif; }
  .text--link {
    color: #000000;
    cursor: pointer; }
    .text--link:hover {
      opacity: 0.5; }
  .text--no-decoration {
    text-decoration: none; }
  .text--underline {
    text-decoration: underline; }
  .text--underlined-spaced {
    padding-bottom: 8px;
    border-bottom: 1px solid; }
  .text--strikethrough {
    text-decoration: line-through; }
  .text--bold {
    font-weight: bold; }
  .text--uppercase {
    text-transform: uppercase; }
  .text--no-uppercase .h1,
  .text--no-uppercase .h2,
  .text--no-uppercase .h3,
  .text--no-uppercase .h4,
  .text--no-uppercase .h5,
  .text--no-uppercase .h6, .text--no-uppercase.span {
    text-transform: none; }
  .text--italic {
    font-style: italic; }
  .text--align-center {
    text-align: center;
    align-items: center; }
  .text--center {
    justify-content: center;
    text-align: center; }
  .text--justify {
    justify-content: flex-start;
    text-align: justify; }
  .text--left {
    justify-content: flex-start;
    text-align: left; }
  .text--right {
    justify-content: flex-end;
    text-align: right; }
  .text--inline {
    display: inline; }
  .text--inline-block {
    display: inline-block; }
  .text--block {
    display: block; }
  .text--align-right {
    text-align: right; }
  .text--regular {
    font-weight: 400; }
  .text--medium {
    font-weight: 500; }
  .text--bold {
    font-weight: 700; }
  del.text--deleted {
    text-decoration-color: #cc061f; }
  .text--spaced {
    letter-spacing: .25rem; }
    .text--spaced-small {
      letter-spacing: .5px; }
  .text--hidden {
    display: none !important; }
  .text--negative {
    padding: 8px; }
  .text--vertical-middle {
    vertical-align: middle; }

.form-element {
  font-family: "Raleway", sans-serif;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1;
  color: #000;
  box-sizing: border-box;
  display: flex;
  font-size: 14px;
  flex-flow: column nowrap;
  line-height: 20px; }
  .form-element--disabled {
    pointer-events: none; }
  .form-element__label {
    display: block;
    margin-bottom: 13px;
    position: relative; }
    .form-element__label--top {
      color: #000000;
      margin-bottom: 3px; }
  .form-element__container {
    position: relative; }
  .form-element__control {
    border: 2px solid #000000;
    box-sizing: border-box;
    color: inherit;
    display: block;
    line-height: 20px;
    outline: none;
    width: 100%; }
    .form-element__control::placeholder {
      color: inherit;
      opacity: 1; }
    .form-element__control--input {
      padding: 5px 10px; }
    .form-element__control--radio {
      display: none; }
    .form-element__control--checkbox {
      display: none; }
    .form-element--warning .form-element__control {
      color: #000000; }
  .form-element__indicator {
    border: 2px solid;
    height: 18px;
    left: 0;
    position: absolute;
    top: 0;
    transition: 0.25s linear;
    width: 18px; }
    .form-element__indicator:after {
      border-width: 0 3px 3px 0;
      content: "";
      display: none;
      height: 9px;
      left: 5px;
      position: absolute;
      top: 1px;
      transform: rotate(45deg);
      width: 4px; }
      .form-element__control:checked ~ .form-element__indicator:after {
        display: block; }
    .form-element__indicator--radio {
      border-radius: 10px; }
      .form-element__indicator--radio:after {
        border-radius: 10px;
        border-width: 3px;
        height: 8px;
        left: 2px;
        width: 8px;
        top: 2px; }
  .form-element__text {
    padding-left: 35px; }
    .form-element--warning .form-element__text {
      color: #000000; }
    .form-element__control:checked ~ .form-element__text {
      font-weight: bold; }
  .form-element__icon {
    position: absolute;
    top: 9px;
    right: 9px; }
  .form-element__message {
    margin-top: 4px;
    font-size: 10px; }

.p-all-large {
  padding: 40px; }

.p-all-no-indent {
  padding: 0; }

.p-top-large {
  padding-top: 40px; }

.p-top-no-indent {
  padding-top: 0; }

.p-right-large {
  padding-right: 40px; }

.p-right-no-indent {
  padding-right: 0; }

.p-bottom-large {
  padding-bottom: 40px; }

.p-bottom-no-indent {
  padding-bottom: 0; }

.p-left-large {
  padding-left: 40px; }

.p-left-no-indent {
  padding-left: 0; }

.p-top_bottom-large {
  padding-top: 40px;
  padding-bottom: 40px; }

.p-left_right-large {
  padding-left: 40px;
  padding-right: 40px; }

.p-all-medium {
  padding: 30px; }

.p-all-no-indent {
  padding: 0; }

.p-top-medium {
  padding-top: 30px; }

.p-top-no-indent {
  padding-top: 0; }

.p-right-medium {
  padding-right: 30px; }

.p-right-no-indent {
  padding-right: 0; }

.p-bottom-medium {
  padding-bottom: 30px; }

.p-bottom-no-indent {
  padding-bottom: 0; }

.p-left-medium {
  padding-left: 30px; }

.p-left-no-indent {
  padding-left: 0; }

.p-top_bottom-medium {
  padding-top: 30px;
  padding-bottom: 30px; }

.p-left_right-medium {
  padding-left: 30px;
  padding-right: 30px; }

.p-all-small {
  padding: 14px; }

.p-all-no-indent {
  padding: 0; }

.p-top-small {
  padding-top: 14px; }

.p-top-no-indent {
  padding-top: 0; }

.p-right-small {
  padding-right: 14px; }

.p-right-no-indent {
  padding-right: 0; }

.p-bottom-small {
  padding-bottom: 14px; }

.p-bottom-no-indent {
  padding-bottom: 0; }

.p-left-small {
  padding-left: 14px; }

.p-left-no-indent {
  padding-left: 0; }

.p-top_bottom-small {
  padding-top: 14px;
  padding-bottom: 14px; }

.p-left_right-small {
  padding-left: 14px;
  padding-right: 14px; }

@media (min-width: 1024px) {
  .p-top-large--desktop {
    padding-top: 40px; }
  .p-bottom-large--desktop {
    padding-bottom: 40px; }
  .p-left-large--desktop {
    padding-left: 40px; }
  .p-right-large--desktop {
    padding-right: 40px; }
  .p-top_bottom-large--desktop {
    padding-top: 40px;
    padding-bottom: 40px; }
  .p-left_right-large--desktop {
    padding-left: 40px;
    padding-right: 40px; }
  .p-top-medium--desktop {
    padding-top: 30px; }
  .p-bottom-medium--desktop {
    padding-bottom: 30px; }
  .p-left-medium--desktop {
    padding-left: 30px; }
  .p-right-medium--desktop {
    padding-right: 30px; }
  .p-top_bottom-medium--desktop {
    padding-top: 30px;
    padding-bottom: 30px; }
  .p-left_right-medium--desktop {
    padding-left: 30px;
    padding-right: 30px; }
  .p-top-small--desktop {
    padding-top: 14px; }
  .p-bottom-small--desktop {
    padding-bottom: 14px; }
  .p-left-small--desktop {
    padding-left: 14px; }
  .p-right-small--desktop {
    padding-right: 14px; }
  .p-top_bottom-small--desktop {
    padding-top: 14px;
    padding-bottom: 14px; }
  .p-left_right-small--desktop {
    padding-left: 14px;
    padding-right: 14px; }
  .p-right-left-none--desktop {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .p-top-large--tablet {
    padding-top: 40px; }
  .p-bottom-large--tablet {
    padding-bottom: 40px; }
  .p-left-large--tablet {
    padding-left: 40px; }
  .p-right-large--tablet {
    padding-right: 40px; }
  .p-top_bottom-large--tablet {
    padding-top: 40px;
    padding-bottom: 40px; }
  .p-left_right-large--tablet {
    padding-left: 40px;
    padding-right: 40px; }
  .p-top-medium--tablet {
    padding-top: 30px; }
  .p-bottom-medium--tablet {
    padding-bottom: 30px; }
  .p-left-medium--tablet {
    padding-left: 30px; }
  .p-right-medium--tablet {
    padding-right: 30px; }
  .p-top_bottom-medium--tablet {
    padding-top: 30px;
    padding-bottom: 30px; }
  .p-left_right-medium--tablet {
    padding-left: 30px;
    padding-right: 30px; }
  .p-top-small--tablet {
    padding-top: 14px; }
  .p-bottom-small--tablet {
    padding-bottom: 14px; }
  .p-left-small--tablet {
    padding-left: 14px; }
  .p-right-small--tablet {
    padding-right: 14px; }
  .p-top_bottom-small--tablet {
    padding-top: 14px;
    padding-bottom: 14px; }
  .p-left_right-small--tablet {
    padding-left: 14px;
    padding-right: 14px; }
  .p-right-left-none--tablet {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 320px) and (max-width: 767px) {
  .p-all-large--mobile {
    padding: 40px; }
  .p-top-large--mobile {
    padding-top: 40px; }
  .p-right-large--mobile {
    padding-right: 40px; }
  .p-bottom-large--mobile {
    padding-bottom: 40px; }
  .p-left-large--mobile {
    padding-left: 40px; }
  .p-top_bottom-large--mobile {
    padding-top: 40px;
    padding-bottom: 40px; }
  .p-left_right-large--mobile {
    padding-left: 40px;
    padding-right: 40px; }
  .p-all-medium--mobile {
    padding: 30px; }
  .p-top-medium--mobile {
    padding-top: 30px; }
  .p-right-medium--mobile {
    padding-right: 30px; }
  .p-bottom-medium--mobile {
    padding-bottom: 30px; }
  .p-left-medium--mobile {
    padding-left: 30px; }
  .p-top_bottom-medium--mobile {
    padding-top: 30px;
    padding-bottom: 30px; }
  .p-left_right-medium--mobile {
    padding-left: 30px;
    padding-right: 30px; }
  .p-all-small--mobile {
    padding: 14px; }
  .p-top-small--mobile {
    padding-top: 14px; }
  .p-right-small--mobile {
    padding-right: 14px; }
  .p-bottom-small--mobile {
    padding-bottom: 14px; }
  .p-left-small--mobile {
    padding-left: 14px; }
  .p-top_bottom-small--mobile {
    padding-top: 14px;
    padding-bottom: 14px; }
  .p-left_right-small--mobile {
    padding-left: 14px;
    padding-right: 14px; } }

.form--initial-hidden {
  display: none; }

.form.visible {
  display: block; }

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 1px transparent; }
  50% {
    box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.1); }
  100% {
    box-shadow: 0 0 0 8px transparent; } }

.input-radio {
  display: none; }
  .input-radio__inner-element, .input-radio__outer-element {
    content: '';
    position: absolute;
    border-radius: 50%;
    transition: all .3s ease;
    transition-property: transform; }
  .input-radio__inner-element {
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #484848; }
  .input-radio__outer-element {
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    transform: scale(0);
    background: #484848; }
  .input-radio:checked ~ .input-radio__inner-element {
    border-color: #484848;
    animation: ripple 0.3s linear forwards; }
  .input-radio:checked ~ .input-radio__outer-element {
    transform: scale(1); }
  .input-radio:disabled ~ .input-radio__label-text {
    color: #d1d1d1; }
  .input-radio:disabled ~ .input-radio__inner-element {
    border: 2px solid #d1d1d1; }
  .input-radio:disabled ~ .input-radio__outer-element {
    background: #d1d1d1; }
  .input-radio__label {
    display: inline-block;
    height: 20px;
    position: relative;
    padding: 0 30px;
    cursor: pointer;
    box-sizing: border-box;
    font-size: 14px; }
  .input-radio__additional {
    padding: 16px 30px 0;
    font-size: 14px;
    line-height: 1.3;
    color: #484848; }

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 1px transparent; }
  50% {
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1); }
  100% {
    box-shadow: 0 0 0 4px transparent; } }

.input-checkbox {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0; }
  .input-checkbox__inner-element, .input-checkbox__outer-element {
    content: '';
    position: absolute;
    transition: all .3s;
    transition-property: transform; }
  .input-checkbox__inner-element {
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #484848; }
  .input-checkbox__outer-element {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    transform: scale(0);
    background: #484848; }
  .input-checkbox:checked ~ .input-checkbox__inner-element {
    border-color: #484848;
    animation: ripple 0.3s linear forwards; }
  .input-checkbox:checked ~ .input-checkbox__outer-element {
    transform: scale(1); }
  .input-checkbox:disabled ~ .input-checkbox {
    color: #d1d1d1; }
    .input-checkbox:disabled ~ .input-checkbox__inner-element {
      border-color: #d1d1d1; }
    .input-checkbox:disabled ~ .input-checkbox__outer-element {
      background: #d1d1d1; }
  .input-checkbox__label {
    display: inline-block;
    height: 16px;
    position: relative;
    padding: 0 26px;
    cursor: pointer;
    box-sizing: border-box;
    line-height: 1.5;
    font-size: 14px; }
    .input-checkbox__label:disabled {
      color: #d1d1d1; }
  .input-checkbox__wrapper--switch-view {
    display: none; }
  .input-checkbox__error {
    display: none;
    margin-top: 10px;
    margin-left: 25px;
    font-size: 12px;
    color: #cc061f; }
    .is-error .input-checkbox__error {
      display: block; }

.input {
  position: relative;
  display: block;
  width: 100%;
  min-height: 65px; }
  .input--hidden {
    display: none; }
    .input--hidden + .input-text__error {
      display: none; }
  .input--bordered .input-text,
  .input--bordered .input-email,
  .input--bordered .input-password {
    border: 1px solid #484848;
    box-shadow: none;
    padding: 0 5px;
    box-sizing: border-box; }
    .input--bordered .input-text--focused,
    .input--bordered .input-email--focused,
    .input--bordered .input-password--focused {
      border: 1px solid #81438e; }
    .input--bordered .input-text--invalid,
    .input--bordered .input-email--invalid,
    .input--bordered .input-password--invalid {
      border: 1px solid #cc061f; }
    .input--bordered .input-text__label,
    .input--bordered .input-email__label,
    .input--bordered .input-password__label {
      left: 5px;
      top: 27px;
      transition: top 200ms ease-in-out; }
      .input--bordered .input-text__label--focused,
      .input--bordered .input-email__label--focused,
      .input--bordered .input-password__label--focused {
        top: 0;
        cursor: inherit;
        font-size: 12px;
        color: #81438e; }
    .input--bordered .input-text .tooltip,
    .input--bordered .input-email .tooltip,
    .input--bordered .input-password .tooltip {
      top: 27px; }
  .input--bordered + .tooltip {
    top: 25px !important; }
  .input--bordered .icon-correct,
  .input--bordered .icon-wrong {
    top: 23px !important;
    right: 5px !important; }
  .input-wrapper {
    position: relative; }
    @media (max-width: 767px) {
      .input-wrapper {
        padding-right: 35px; } }
    .input-wrapper .tooltip {
      position: absolute;
      top: 31px;
      right: -37px;
      font-size: 22px;
      min-width: 0;
      min-height: 0; }
      .input-wrapper .tooltip .icon {
        display: block; }
  .input .icon-correct,
  .input .icon-wrong,
  .input + .tooltip {
    font-size: 25px;
    position: absolute;
    right: 30px;
    top: 20px; }
    @media (min-width: 768px) {
      .input .icon-correct,
      .input .icon-wrong,
      .input + .tooltip {
        right: 0; } }
  .input .icon-correct,
  .input .icon-wrong {
    display: none;
    font-weight: 100; }
  .input.input--valid .icon.icon-correct {
    display: inline-block; }
  .input.input--invalid .icon.icon-wrong {
    display: inline-block; }
  .input + .tooltip {
    display: inline-block;
    top: 31px;
    right: 0;
    min-width: 22px;
    min-height: 22px;
    font-size: 22px;
    cursor: pointer; }
    @media (min-width: 768px) {
      .input + .tooltip {
        right: -37px; } }
  @media (max-width: 767px) {
    .input.has-tooltip {
      width: calc(100% - 32px); } }
  .input-text, .input-email, .input-password {
    margin-top: 20px;
    width: 100%;
    border: 0;
    box-shadow: 0 1px 0 #484848;
    outline: none;
    height: 30px; }
    .input-text__label, .input-email__label, .input-password__label {
      position: absolute;
      display: block;
      top: 23px;
      z-index: 2;
      transition: all 200ms ease-in-out;
      width: 100%;
      cursor: text;
      font-size: 14px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
      .input-text__label--focused, .input-email__label--focused, .input-password__label--focused {
        top: 0;
        cursor: inherit;
        font-size: 12px;
        color: #81438e; }
    .input-text::placeholder, .input-email::placeholder, .input-password::placeholder {
      opacity: 0;
      transition: opacity 200ms ease-in-out; }
    .input-text__label--focused ~ .input-text::placeholder, .input-email__label--focused ~ .input-text::placeholder, .input-password__label--focused ~ .input-text::placeholder, .input-text__label--focused ~ .input-email::placeholder, .input-email__label--focused ~ .input-email::placeholder, .input-password__label--focused ~ .input-email::placeholder, .input-text__label--focused ~ .input-password::placeholder, .input-email__label--focused ~ .input-password::placeholder, .input-password__label--focused ~ .input-password::placeholder {
      opacity: 1; }
    .input-text__error, .input-text__requirements, .input-email__error, .input-email__requirements, .input-password__error, .input-password__requirements {
      width: 100%;
      font-size: 12px;
      line-height: 1.5;
      transition: all 200ms ease-in-out;
      cursor: text;
      z-index: 2;
      padding-top: 7px; }
    .input-text__error, .input-email__error, .input-password__error {
      display: none;
      text-align: left; }
      .input-text__error--invalid, .input-email__error--invalid, .input-password__error--invalid {
        display: block; }
    .input-text:disabled, .input-email:disabled, .input-password:disabled {
      background-color: #fff;
      box-shadow: 0 1px 0 #a3a3a3; }
    .input-text__requirements, .input-email__requirements, .input-password__requirements {
      position: relative;
      display: block;
      font-style: italic; }
      .input-text__requirements--invalid, .input-email__requirements--invalid, .input-password__requirements--invalid {
        font-style: normal;
        color: #cc061f; }
    .input-text--focused, .input-email--focused, .input-password--focused {
      box-shadow: 0 2px 0 #81438e; }
    .input-text--invalid, .input-email--invalid, .input-password--invalid {
      box-shadow: 0 2px 0 #cc061f; }
    .input-text__label--invalid, .input-email__label--invalid, .input-password__label--invalid {
      top: 0;
      cursor: inherit;
      font-size: 12px;
      color: #cc061f; }
  .input__required {
    font-size: 12px;
    color: #a3a3a3;
    font-style: italic;
    padding-top: 7px; }
  .input-email:read-only, .input-text:read-only {
    background: #e4e4e4;
    padding-left: 5px; }
    .input-email:read-only ~ .icon, .input-text:read-only ~ .icon {
      visibility: hidden; }

.input-radio__wrapper {
  min-height: auto; }

.select-box {
  position: relative;
  color: #484848;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    .select-box {
      padding-right: 35px; } }
  .select-box.no-right-padding {
    padding-right: 0 !important; }
  .select-box + .tooltip {
    position: absolute;
    top: 33px;
    right: 0;
    min-width: 22px;
    min-height: 22px;
    font-size: 22px;
    cursor: pointer; }
    @media (min-width: 768px) {
      .select-box + .tooltip {
        right: -37px; } }
  @media (max-width: 767px) {
    .select-box.has-tooltip {
      width: calc(100% - 32px); } }
  .select-box__btn {
    min-height: 60px;
    padding: 0;
    background-color: transparent;
    outline: none;
    cursor: pointer; }
    .select-box__btn--disabled {
      cursor: default; }
    .select-box__btn--focused {
      cursor: inherit; }
      .select-box__btn--focused .select-box__wrapper {
        box-shadow: 0 2px 0 #81438e; }
  .select-box__label {
    top: 0;
    font-size: 14px;
    position: absolute;
    display: block;
    width: 100%;
    cursor: text; }
    .select-box__label--active {
      color: #81438e; }
    .select-box__label--opened {
      display: none; }
  .select-box__wrapper {
    display: flex;
    width: 100%;
    height: 3rem;
    align-items: center;
    justify-content: space-between;
    color: #484848;
    text-transform: uppercase;
    box-shadow: 0 1px 0 #484848; }
  .select-box__selected-option {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center; }
  .select-box__actually-selected-option, .select-box__placeholder {
    padding-top: 1rem;
    width: 100%;
    text-align: left;
    font-size: 14px;
    cursor: pointer; }
    .select-box__actually-selected-option--disabled .select-box__actually-selected-option, .select-box__placeholder--disabled .select-box__actually-selected-option, .select-box__actually-selected-option--disabled .select-box__placeholder, .select-box__placeholder--disabled .select-box__placeholder {
      cursor: default; }
  .select-box__handler {
    font-size: 20px;
    box-sizing: border-box;
    align-self: flex-end; }
  .select-box__handler-icon {
    transition: transform 350ms ease-out;
    transform: translateY(-3px) rotate(90deg);
    transform-origin: calc(50% - 2px) 50%; }
    .select-box__btn--opened .select-box__handler-icon,
    .text--opened .select-box__handler-icon {
      transform: rotate(270deg); }
  .select-box__placeholder {
    height: 100%;
    display: flex;
    align-items: center;
    user-select: none;
    font-size: 14px; }
  .select-box__options-container {
    display: none;
    position: absolute;
    top: calc(100% - 5px);
    border-top: 0;
    width: 100%;
    box-sizing: border-box;
    height: 0;
    background-color: #fff;
    max-height: 12rem;
    overflow-x: hidden;
    overflow-y: visible;
    z-index: 12;
    box-shadow: 0 4px 8px #a3a3a3; }
    .select-box__options-container.is-max-1 {
      max-height: 3rem; }
    .select-box__options-container.is-max-2 {
      max-height: 6rem; }
    .select-box__options-container.is-max-3 {
      max-height: 9rem; }
    .select-box__options-container.is-max-4 {
      max-height: 12rem; }
    @media (max-width: 767px) {
      .select-box__options-container.is-max-1--mobile {
        max-height: 3rem; }
      .select-box__options-container.is-max-2--mobile {
        max-height: 6rem; }
      .select-box__options-container.is-max-3--mobile {
        max-height: 9rem; }
      .select-box__options-container.is-max-4--mobile {
        max-height: 12rem; } }
    .select-box__options-container--absolute {
      position: absolute; }
    .select-box__options-container--enter-active {
      transition: height 350ms ease-out;
      overflow: hidden; }
    .select-box__options-container--leave-active {
      transition: height 150ms ease-out;
      overflow: hidden; }
    .select-box__options-container::-webkit-scrollbar {
      width: 20px;
      height: 80px; }
    .select-box__options-container::-webkit-scrollbar-thumb {
      height: 80px;
      border: 8px solid rgba(0, 0, 0, 0);
      background-clip: padding-box;
      border-radius: 10px;
      background-color: #a3a3a3;
      box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.05), inset 1px 1px 0 rgba(0, 0, 0, 0.05); }
  .select-box__options {
    margin: 0;
    padding: 0;
    width: 100%;
    top: 0; }
  .select-box__option {
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 3rem;
    font-size: 14px;
    margin: 0;
    padding-left: 1rem;
    box-sizing: border-box;
    transition: color 200ms, background 200ms; }
    .select-box__option:hover:not(.select-box__option--disabled), .select-box__option--selected {
      background-color: #d1d1d1; }
    .select-box__option--bold {
      font-weight: bold; }
    .select-box__option--disabled {
      cursor: default; }
  .select-box__backdrop {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0; }
  .select-box__required {
    margin-bottom: 10px;
    font-size: 12px;
    color: #a3a3a3;
    font-style: italic; }
  .select-box__error {
    padding-top: 7px;
    font-size: 12px;
    color: #cc061f; }
  .select-box--bordered .select-box__wrapper {
    height: 30px !important; }
  .select-box--bordered .select-box__btn {
    min-height: 0; }
    .select-box--bordered .select-box__btn .select-box__wrapper {
      border: 1px solid #484848; }
  .select-box--bordered .select-box__btn--opened .select-box__wrapper,
  .select-box--bordered .select-box__btn--focused .select-box__wrapper {
    border: 1px solid #81438e; }
  .select-box--bordered .select-box__wrapper {
    box-shadow: none;
    height: 100%; }
  .select-box--bordered .select-box__actually-selected-option,
  .select-box--bordered .select-box__placeholder {
    padding-top: 0;
    padding-left: 5px; }
  .select-box--bordered .select-box__options-container {
    top: 30px; }

.select-input__container {
  height: 3rem;
  box-shadow: 0 1px 0 #484848;
  cursor: pointer; }

.select-input__handler-icon {
  transition: transform 350ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transform: translateY(0px) rotate(90deg); }
  .is-opened .select-input__handler-icon {
    transform: rotate(270deg); }

.select-input__target {
  height: 0;
  overflow: hidden; }
  .is-opened .select-input__target {
    overflow: visible; }

.prevent-events {
  pointer-events: none;
  cursor: pointer !important; }

.toggler {
  display: inline-flex;
  align-items: center; }
  .toggler__checkbox {
    display: none; }
  .toggler__display {
    box-sizing: border-box;
    border: 1px solid #a3a3a3;
    cursor: pointer;
    display: inline-block;
    position: relative;
    min-width: 54px;
    width: 60px;
    height: 36px;
    border-radius: 18px;
    margin-right: 18px;
    color: #fff;
    justify-content: left;
    transition: background 0.25s cubic-bezier(0, 0.4, 1, 0.6); }
    .toggler__display:after {
      transition: right 0.25s cubic-bezier(0, 0.4, 1, 0.6);
      content: "";
      position: absolute;
      box-sizing: border-box;
      border: 1px solid #a3a3a3;
      border-radius: 50%;
      background: #fff;
      padding: 16px; }
  .toggler__checkbox:disabled:not(:checked) ~ .toggler__display,
  .toggler__checkbox:disabled:checked ~ .toggler__display {
    background-color: #a3a3a3;
    border-color: #a3a3a3; }
    .toggler__checkbox:disabled:not(:checked) ~ .toggler__display:after,
    .toggler__checkbox:disabled:checked ~ .toggler__display:after {
      border-color: #a3a3a3; }
  .toggler__checkbox:disabled ~ .toggler__label {
    color: #d1d1d1; }
  .toggler__checkbox:not(:checked) ~ .toggler__display {
    background-color: #fff;
    border-color: #d1d1d1; }
    .toggler__checkbox:not(:checked) ~ .toggler__display:after {
      border-color: #d1d1d1;
      right: 24px; }
  .toggler__checkbox:checked ~ .toggler__display {
    justify-content: right;
    border-color: #4cd35f;
    background: #4cd35f; }
    .toggler__checkbox:checked ~ .toggler__display:after {
      right: 0;
      border-color: #4cd35f; }

.input-textarea {
  display: block; }
  .input-textarea__label {
    font-size: 12px;
    margin-bottom: 15px; }
  @media (max-width: 1023px) {
    .input-textarea.has-tooltip {
      width: calc(100% - 32px); } }
  .input-textarea + .tooltip {
    font-size: 22px;
    position: absolute;
    right: 0;
    top: 31px;
    min-height: 22px;
    min-width: 22px; }
    @media (min-width: 768px) {
      .input-textarea + .tooltip {
        right: -37px;
        top: 23px; } }
  .input-textarea__field {
    display: block;
    width: 100%;
    box-sizing: border-box;
    resize: vertical;
    min-height: 4em;
    line-height: 1.5;
    padding: 2px 5px; }
    .input-textarea__field--bordered {
      border: 1px solid #eee;
      border-radius: 5px;
      resize: none;
      height: 180px; }
    .input-textarea__field:read-only {
      background: #e4e4e4;
      color: #484848; }

.anchor-links {
  margin: 70px auto 0 auto;
  max-width: 1080px; }
  @media (min-width: 768px) {
    .anchor-links {
      margin: 40px auto 0 auto; } }
  .anchor-links__container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }

@media (min-width: 320px) and (max-width: 767px) {
  .anchor-links__container {
    flex-direction: column;
    align-items: center; } }
  .anchor-links__item {
    color: #484848;
    letter-spacing: 0.5px;
    word-spacing: -0.3em; }
    @media (min-width: 768px) {
      .anchor-links__item::before {
        content: "|";
        padding: 0 8px; }
      .anchor-links__item:first-of-type::before, .anchor-links__item.is-hidden::before {
        display: none; } }

@media (min-width: 320px) and (max-width: 767px) {
  .anchor-links__item {
    padding: 15px 0; }
    .anchor-links__item::after {
      display: none; } }
  .anchor-links__link {
    color: inherit;
    text-decoration: none;
    font-size: 12px;
    word-spacing: normal;
    cursor: pointer; }
    .anchor-links__link:active, .anchor-links__link:hover {
      padding-bottom: 5px;
      border-bottom: 1px solid #000000; }

@media (min-width: 320px) and (max-width: 767px) {
  .anchor-links__link {
    font-size: 16px; } }
  .anchor-links__accent {
    font-weight: bold;
    color: #000000; }

.image__img, .image__link__img {
  width: 100%; }

.back-to-top {
  display: none;
  position: fixed;
  bottom: 5%;
  right: 11px;
  width: 52px;
  height: 52px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.25);
  opacity: 0.9;
  justify-content: center;
  align-items: center;
  cursor: pointer; }
  .back-to-top--visible {
    display: flex; }
  .back-to-top .icon {
    font-size: 18px; }
  @media (min-width: 1050px) {
    .back-to-top {
      right: calc((100vw - 1050px) / 2); } }

.banner {
  height: 100%;
  cursor: pointer; }
  .banner__no-pointer {
    cursor: auto; }
  .banner__container {
    transition: opacity 2s ease;
    opacity: 0;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    min-height: 100px; }
    .banner__container--extended {
      background-size: cover; }
    .banner__container--original {
      background-size: auto 100%; }
    .banner__container--showed {
      opacity: 1; }
  .banner__overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 70%;
    max-width: 650px;
    margin: auto;
    padding: 40px;
    background-color: rgba(0, 0, 0, 0.8);
    text-align: center;
    white-space: normal;
    color: #fff; }
    [class*='product-tile'][class*='--small'] .banner__overlay {
      height: 240px; }
    [class*='product-tile'][class*='--big'] .banner__overlay {
      height: 365px; }
    @media (max-width: 767px) {
      .banner__overlay {
        width: 89%;
        padding: 14px; } }
  .banner__content {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none; }
  .banner__logo {
    margin-bottom: 4px; }
  .banner__title {
    display: inline-block;
    padding-bottom: 9px;
    border-bottom: 1px solid #fff;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase; }
    .banner__title--large {
      font-size: 24px; }
    .banner__title--small {
      font-size: 18px; }
  .banner__message {
    margin: 15px auto 0;
    font-size: 14px;
    line-height: 1.5; }
    .banner__message-spelling-suggestion-link {
      font-weight: bold;
      text-decoration: underline;
      color: #fff; }
      .banner__message-spelling-suggestion-link:hover {
        text-decoration: none; }
  .banner__brand {
    font-size: 18px;
    font-weight: bold; }
  .banner__cta {
    width: 100%;
    margin: 35px auto 0; }
    .banner__cta .button {
      padding-top: 10px;
      background: transparent;
      letter-spacing: 1px; }
      .banner__cta .button:hover {
        background: #fff; }
  .banner .store-carousel-info__title {
    margin-bottom: 35px;
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase; }
  .banner .store-carousel-info__text {
    line-height: 1.5; }
  .banner-list {
    display: flex;
    flex: 1 1 100%;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    padding-top: 5px; }
    @media (min-width: 768px) {
      .banner-list {
        flex-flow: row nowrap;
        justify-content: space-between; } }
    .banner-list__item {
      margin-top: 30px;
      display: inline-flex;
      border-bottom: 1px solid #fff; }
    .banner-list__link {
      padding-bottom: 10px;
      font-size: 18px;
      line-height: 1;
      color: #fff;
      font-weight: bold;
      text-decoration: none; }
  .banner--404 .banner__container {
    height: 900px; }
    @media (min-width: 768px) {
      .banner--404 .banner__container {
        height: 920px; } }
    @media (min-width: 1024px) {
      .banner--404 .banner__container {
        height: 1170px; } }
  .banner--404 .banner__content {
    align-items: flex-start; }
  .banner--404 .banner__overlay {
    box-sizing: border-box;
    width: 80%;
    margin: 75px auto auto; }
  .banner--404 .banner__search {
    margin-top: 40px; }
  .banner--404 .banner-list__link {
    text-transform: uppercase; }
  @media (min-width: 768px) {
    .banner--404 .banner-list {
      flex-wrap: wrap;
      justify-content: center;
      margin: 0 -25px; }
      .banner--404 .banner-list__item {
        margin: 30px 25px 0; } }
  .theme-vip .banner__container {
    height: 335px; }
  .theme-vip .banner__overlay {
    padding-top: 25px; }

.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box; }
  .glide * {
    box-sizing: inherit; }
  .glide__track {
    overflow: hidden; }
  .glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform; }
    .glide__slides--dragging {
      user-select: none; }
  .glide__slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent; }
    .glide__slide a {
      user-select: none;
      -webkit-user-drag: none;
      -moz-user-select: none;
      -ms-user-select: none; }
  .glide__arrows {
    -webkit-touch-callout: none;
    user-select: none; }
  .glide__bullets {
    -webkit-touch-callout: none;
    user-select: none; }
  .glide--rtl {
    direction: rtl; }

@keyframes smooth-scroll-arrow-animation {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.glide {
  position: relative; }
  .glide--has-forward {
    margin-bottom: 115px; }
    .glide--has-forward .glide__nav {
      margin-bottom: 50px; }

@media (min-width: 768px) and (max-width: 1023px) {
  .glide--has-forward .glide__nav {
    margin-bottom: 15px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .glide--has-forward .glide__nav {
    margin-bottom: 40px; } }
  .glide__pagination {
    display: flex;
    margin-top: 30px;
    justify-content: center; }
  .glide__index, .glide__total {
    margin: 0 5px; }
  .glide__icon {
    cursor: pointer;
    margin: 0 5px; }
  @media (min-width: 1024px) {
    .glide--tiles {
      margin: auto -8px; } }
  .glide__slides {
    backface-visibility: visible; }
  .glide__forward {
    cursor: pointer;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -60px;
    margin-bottom: -60px;
    border: 1px solid #d1d1d1;
    background-color: #fff;
    transform: rotate(90deg);
    padding-right: 30px;
    z-index: 5; }

@media (min-width: 768px) and (max-width: 1023px) {
  .glide__forward {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    margin-left: -40px;
    margin-bottom: -40px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .glide__forward {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    margin-left: -50px;
    margin-bottom: -50px; } }
    .glide__forward-arrow {
      display: inline-block;
      width: 21px;
      height: 21px;
      border-top: 3px solid #5e0e6f;
      border-right: 3px solid #5e0e6f;
      transform: rotate(45deg);
      margin-right: -12px;
      animation: smooth-scroll-arrow-animation 1.75s infinite;
      opacity: 0; }
      .glide__forward-arrow:nth-of-type(1) {
        animation-delay: 0s; }
      .glide__forward-arrow:nth-of-type(2) {
        animation-delay: .15s; }

@media (min-width: 768px) and (max-width: 1023px) {
  .glide__forward-arrow {
    width: 16px;
    height: 16px;
    margin-right: -10px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .glide__forward-arrow {
    width: 18px;
    height: 18px;
    margin-right: -8px; } }
    .glide__forward:focus {
      outline: none; }
  .glide__arrow {
    background: transparent;
    font-size: 60px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -25px; }
    .glide__arrow-prev {
      left: 30px; }
    .glide__arrow-next {
      right: 30px; }
    .glide__arrow--dark-grey, .glide__arrow--grey, .glide__arrow--black {
      color: #484848; }
      .glide__arrow--dark-grey:hover, .glide__arrow--grey:hover, .glide__arrow--black:hover {
        color: #000000; }
    .glide__arrow--light-grey {
      color: #d1d1d1; }
      .glide__arrow--light-grey:hover {
        color: #000000; }
    .glide__arrow--white {
      color: #fff; }
      .glide__arrow--white:hover {
        color: #d1d1d1; }
  .glide__bullet {
    outline: none;
    position: relative;
    padding: 0;
    color: inherit;
    border: none;
    background: none;
    line-height: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    transition: all 0.3s ease;
    box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.34);
    cursor: pointer;
    width: 12px;
    height: 12px;
    margin-left: 10px;
    border: 1px solid #fff;
    border-radius: 6px;
    background-color: transparent; }
    .glide__bullet:hover, .glide__bullet:focus, .glide__bullet:active {
      background: inherit; }
    .glide__bullet:first-child {
      margin-left: 0; }
    .glide__bullet:hover {
      background-color: #d1d1d1; }
    .glide__bullet--active, .glide__bullet--active:hover {
      background-color: #d1d1d1; }

@media (min-width: 768px) and (max-width: 1023px) {
  .glide__bullet {
    margin-left: 6px; } }
  .glide__nav {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    position: absolute;
    width: 100%;
    bottom: 30px; }
    .glide__nav--grey .glide__bullet {
      border: none;
      background-color: #d1d1d1; }
      .glide__nav--grey .glide__bullet:hover {
        background-color: #d1d1d1; }
      .glide__nav--grey .glide__bullet--active {
        background-color: #000000; }
        .glide__nav--grey .glide__bullet--active:hover {
          background-color: #000000; }
    .glide__nav--inverted .glide__bullet {
      border: 1px solid #484848;
      background-color: #fff; }
      .glide__nav--inverted .glide__bullet:hover {
        background-color: #484848; }
      .glide__nav--inverted .glide__bullet--active {
        background-color: #484848; }
        .glide__nav--inverted .glide__bullet--active:hover {
          background-color: #484848; }
    .glide__nav--black {
      position: static;
      padding: 20px 0 60px; }
      .glide__nav--black .glide__bullet {
        box-shadow: none;
        border: 1px solid #000000;
        background-color: #fff; }
        .glide__nav--black .glide__bullet:hover {
          background-color: #d1d1d1; }
        .glide__nav--black .glide__bullet--active {
          background-color: #000000; }
          .glide__nav--black .glide__bullet--active:hover {
            background-color: #484848; }
      @media (max-width: 1023px) {
        .glide__nav--black {
          padding: 30px 0 60px; } }
  .glide.is-initialized .glide__nav {
    display: flex; }

.carousel__full-width {
  width: 100%; }

.product-carousel__title {
  border-bottom: 1px solid #484848;
  padding-bottom: 4px; }

.tabs {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #fff; }
  .tabs__header {
    border-bottom: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: fit-content;
    margin: 0 auto; }
    .tabs__header.is-altered-styled {
      padding: 0 20px;
      border-bottom: 1px solid #000000;
      color: #484848; }
    .tabs__header--small {
      border-bottom: 1px solid #000000;
      color: #484848;
      font-size: 12px;
      text-transform: uppercase; }
  .tabs__elem {
    display: flex;
    align-content: center;
    justify-items: center;
    align-items: center;
    justify-content: space-evenly; }
    .tabs__elem:not(:first-child)::before {
      content: '|';
      color: inherit; }
      .is-altered-styled .tabs__elem:not(:first-child)::before {
        display: none; }
    .tabs__elem:hover .tabs__title {
      padding-bottom: 8px;
      border-bottom: 2px solid #d4a660; }
      .is-altered-styled .tabs__elem:hover .tabs__title {
        padding-bottom: 7px;
        border-width: 3px; }
    .is-altered-styled .tabs__elem {
      margin-bottom: -1px; }
  .tabs__title {
    text-transform: uppercase;
    cursor: pointer;
    padding: 10px; }
    .tabs__title--active {
      font-weight: bold;
      padding-bottom: 8px;
      border-bottom: 2px solid #d4a660; }
    .is-altered-styled .tabs__title {
      text-transform: none; }
      .is-altered-styled .tabs__title--active {
        padding-bottom: 7px;
        border-bottom: 3px solid #4cd35f; }
  .tabs__panel {
    display: none; }
    .tabs__panel--active {
      display: block; }
  .tabs__header--small .tabs__elem .tabs__title {
    padding: 10px 0;
    margin: 0 10px;
    position: relative;
    border: none; }
  .tabs__header--small .tabs__elem:first-child context__title {
    margin-left: 0; }
  .tabs__header--small .tabs__elem:last-child context__title {
    margin-right: 0; }
  .tabs__header--active-pink .tabs__elem:hover .tabs__title,
  .tabs__header--active-pink .tabs__title--active {
    border: none; }
    .tabs__header--active-pink .tabs__elem:hover .tabs__title:after,
    .tabs__header--active-pink .tabs__title--active:after {
      content: '';
      display: block;
      border-bottom: 2px solid #ec3075;
      position: absolute;
      width: 100%;
      bottom: -1px;
      box-sizing: border-box; }
  .tabs__header--active-pink .tabs__elem:hover .tabs__title:after {
    border-color: #d4a660; }

.heading {
  text-align: center;
  width: 100%; }
  @media (max-width: 1023px) {
    .heading--no-gutters-mobile-tablet {
      margin-right: -11px;
      margin-left: -11px;
      width: auto; } }

.heading-title {
  box-sizing: border-box;
  flex: 0 0 auto;
  max-width: 100%;
  padding: 0 5px;
  vertical-align: baseline;
  z-index: 0; }
  .heading-title--underlined {
    padding-bottom: 8px;
    border-bottom: 2px solid; }
    @media (max-width: 767px) {
      .heading-title--underlined {
        border-bottom: 0; } }
    .heading-title--underlined--purple-dark {
      border-color: #5e0e6f; }
    .heading-title--underlined--purple-medium {
      border-color: #81438e; }
    .heading-title--underlined--purple-light {
      border-color: #bf90c0; }
    .heading-title--underlined--green {
      border-color: #4cd35f; }
    .heading-title--underlined--red {
      border-color: #cc061f; }
    .heading-title--underlined--pink {
      border-color: #ec3075; }
    .heading-title--underlined--pink-light {
      border-color: #ec5b93; }
    .heading-title--underlined--rubinered {
      border-color: #f20060; }
    .heading-title--underlined--black {
      border-color: #000000; }
    .heading-title--underlined--gray-dark {
      border-color: #484848; }
    .heading-title--underlined--gray-medium {
      border-color: #a3a3a3; }
    .heading-title--underlined--gray-light {
      border-color: #d1d1d1; }
    .heading-title--underlined--gray-extralight {
      border-color: #f8f8f8; }
    .heading-title--underlined--white {
      border-color: #fff; }

.h1, .h2, .h3, .h4, .h5, .h6 {
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  padding: 0; }
  .heading .h1, .heading .h2, .heading .h3, .heading .h4, .heading .h5, .heading .h6 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center; }
  .heading--auto-height .h1, .heading--auto-height .h2, .heading--auto-height .h3, .heading--auto-height .h4, .heading--auto-height .h5, .heading--auto-height .h6 {
    height: auto; }

.h1 {
  text-transform: uppercase;
  font-size: 22px;
  height: 26px;
  line-height: 26px; }
  @media (max-width: 1199px) {
    .h1 {
      font-size: 22px;
      height: 26px;
      line-height: 26px; } }

.h2 {
  text-transform: uppercase;
  font-size: 18px;
  height: 22px;
  line-height: 22px; }
  @media (max-width: 1199px) {
    .h2 {
      font-size: 20px;
      height: 24px;
      line-height: 24px; } }

.h3 {
  text-transform: uppercase;
  font-size: 18px;
  height: 22px;
  line-height: 22px; }
  @media (max-width: 1199px) {
    .h3 {
      font-size: 20px;
      height: 24px;
      line-height: 24px; } }

.h4 {
  text-transform: uppercase;
  font-size: 18px;
  height: 22px;
  line-height: 22px; }
  @media (max-width: 1199px) {
    .h4 {
      font-size: 20px;
      height: 20px;
      line-height: 20px; } }

.h5 {
  text-transform: uppercase;
  font-size: 18px;
  height: 22px;
  line-height: 22px; }
  @media (max-width: 1199px) {
    .h5 {
      font-size: 20px;
      height: 20px;
      line-height: 20px; } }

.h6 {
  text-transform: uppercase;
  font-size: 18px;
  height: 22px;
  line-height: 22px; }
  @media (max-width: 1199px) {
    .h6 {
      font-size: 20px;
      height: 20px;
      line-height: 20px; } }

.matrix {
  display: flex;
  flex-wrap: wrap; }
  .matrix--no-gutters {
    padding: 0.5px; }
  .matrix__item {
    box-sizing: border-box;
    width: 33.33333%; }
    .matrix__item--hidden {
      display: none; }
    @media (min-width: 768px) {
      .matrix__item {
        width: 16.66667%; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .matrix__item--md-4 {
    width: 25%; } }
    @media (min-width: 1024px) {
      .matrix__item--lg-5 {
        width: 20%; } }
  .matrix--default-gutters {
    margin: -4px; }
    .matrix--default-gutters .matrix__item {
      padding: 4px; }
    @media (min-width: 1024px) {
      .matrix--default-gutters {
        margin: -5px; }
        .matrix--default-gutters .matrix__item {
          padding: 5px; } }
  @media (max-width: 767px) {
    .matrix--mobile-max-9 .matrix__item:nth-child(9) ~ .matrix__item {
      display: none; } }
  .matrix .personalized-component__spinner.personalized-component__spinner {
    margin: 0 auto;
    padding: 10px 0;
    width: 33.33333%; }
    @media (min-width: 768px) {
      .matrix .personalized-component__spinner.personalized-component__spinner {
        width: 16.66667%; } }

.square {
  display: block;
  position: relative;
  overflow: hidden;
  border: 1px solid #c7c7c7; }
  .matrix--no-gutters .square {
    margin: -0.5px; }
  .square:before {
    content: '';
    display: block;
    padding-bottom: 100%; }
  .square__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    filter: none;
    transform: scale(1);
    transition: filter 0.25s;
    will-change: filter, transform; }
  .square__overlay {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.5) 70%);
    transition: opacity 0.25s; }
  .square__header, .square__likes {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    will-change: transform;
    transform: translate3d(0, 20px, 0) scale(1);
    transition: transform 0.35s;
    padding: 0 11px; }
  .square__text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 5px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    justify-content: center;
    text-align: center;
    font-size: 12px;
    line-height: 1.4;
    color: #484848;
    background-color: transparent;
    transition: background-color 0.25s, color 0.25s; }
    @media (min-width: 540px) {
      .square__text {
        font-size: 18px; } }
    @media (min-width: 768px) {
      .square__text {
        padding: 15px;
        font-size: 22px; } }
    .square__text:hover {
      color: #fff;
      background-color: #000000; }
  .square__title {
    max-width: 100%;
    position: relative;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden; }
    .square__title:after {
      content: '';
      display: block;
      margin-top: 7px;
      border-bottom: 1px solid #fff;
      transform: translate3d(0, 10px, 0) scale(1);
      transition: transform 0.45s; }
  .square--inverted .square__overlay {
    display: none; }
  .square__header {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 1.2;
    bottom: 26px; }
  .square__likes {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    bottom: 30px;
    letter-spacing: 0.9px; }
  @media (min-width: 1024px) {
    .square__header {
      bottom: 30px;
      font-size: 18px; }
    .square__title:after {
      margin-top: 8px; } }
  @media (max-width: 1023px) {
    .square__header {
      bottom: 22px;
      font-size: 12px; }
    .square__title:after {
      margin-top: 6px; } }
  @media (max-width: 767px) {
    .square--sm-active.square--inverted .square__image {
      filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='invert'><feColorMatrix in='SourceGraphic' type='matrix' values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0'/></filter></svg>#invert");
      filter: invert(1); }
    .square--sm-active.square--with-content .square__overlay {
      opacity: 1; }
      .square--sm-active.square--with-content .square__overlay .square__header,
      .square--sm-active.square--with-content .square__overlay .square__likes,
      .square--sm-active.square--with-content .square__overlay .square__title:after {
        transform: none; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .square--md-active.square--inverted .square__image {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='invert'><feColorMatrix in='SourceGraphic' type='matrix' values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0'/></filter></svg>#invert");
    filter: invert(1); }
  .square--md-active.square--with-content .square__overlay {
    opacity: 1; }
    .square--md-active.square--with-content .square__overlay .square__header,
    .square--md-active.square--with-content .square__overlay .square__likes,
    .square--md-active.square--with-content .square__overlay .square__title:after {
      transform: none; } }
  .square.square--inverted:hover .square__image {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='invert'><feColorMatrix in='SourceGraphic' type='matrix' values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0'/></filter></svg>#invert");
    filter: invert(1); }
  .square.square--with-content:hover .square__overlay {
    opacity: 1; }
    .square.square--with-content:hover .square__overlay .square__header,
    .square.square--with-content:hover .square__overlay .square__likes,
    .square.square--with-content:hover .square__overlay .square__title:after {
      transform: none; }

.minicart {
  border: 1px solid #a3a3a3;
  background: rgba(255, 255, 255, 0.96);
  width: calc(100vw - 30px);
  max-width: 705px; }
  .minicart__container {
    align-items: center; }
  .minicart__message {
    margin: 15px 0 20px;
    font-size: 19px;
    text-align: center; }
  .minicart__name, .minicart__price {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
    text-transform: uppercase; }
  .minicart__brand {
    color: #a3a3a3;
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase; }
  .minicart__title {
    margin-top: 22px; }

@media (min-width: 320px) and (max-width: 767px) {
  .minicart__title {
    margin-top: 38px; } }
    .minicart__title--icon {
      font-size: 45px; }
  .minicart__container-gwp {
    margin-top: 10px; }

@media (min-width: 320px) and (max-width: 767px) {
  .minicart__container-gwp {
    margin-top: 24px; } }
  .minicart__figure {
    display: flex; }
  .minicart__image {
    width: 90px;
    height: 90px; }
  .minicart-bottom {
    margin-top: 10px; }

@media (min-width: 320px) and (max-width: 767px) {
  .minicart-bottom {
    margin-top: 24px; } }
    .minicart-bottom__container {
      cursor: pointer; }
    .minicart-bottom__arrow {
      transform: rotate(270deg);
      font-weight: bold; }
  .minicart__cart-link {
    color: inherit; }

.footer {
  background-color: #f8f8f8; }
  .footer--homepage {
    margin-top: 100px; }
  .footer-main {
    padding: 30px 0;
    background-color: #000000;
    color: #fff; }
    @media (min-width: 768px) {
      .footer-main {
        padding: 50px 0; }
        .footer-main--empty {
          padding: 30px 0; } }
    @media (min-width: 768px) {
      .footer-main__wrapper {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        justify-content: space-between; } }
  .footer-telephone {
    margin: 40px 0 20px;
    text-align: center; }
    @media (min-width: 768px) {
      .footer-telephone {
        display: none; } }
    .footer-telephone__link {
      color: #fff;
      font-size: 32px; }

@media (min-width: 768px) {
  .footer-subscription {
    flex: 1 1 auto;
    max-width: 35%;
    min-width: 330px; } }

.footer-subscription__text {
  font-size: 18px; }
  @media (min-width: 1024px) {
    .footer-subscription__text {
      white-space: nowrap; } }

.footer-subscription__icon {
  font-size: 24px;
  margin-right: 6px; }

.footer-subscription__form {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 6px;
  border-bottom: 1px solid #fff; }

.footer-subscription__input {
  width: auto;
  flex-grow: 1;
  min-height: 37px;
  margin-right: 5px; }
  .footer-subscription__input .input-email {
    border-bottom: none;
    background: #000000;
    color: #fff; }
    .footer-subscription__input .input-email__label--focused {
      color: #d1d1d1; }

@media (min-width: 320px) and (max-width: 767px) {
  .footer-social {
    margin-top: 80px; } }

.footer-social__wrapper {
  padding: 10px 0;
  text-align: center; }
  @media (min-width: 768px) {
    .footer-social__wrapper {
      flex: 0 0 auto;
      text-align: right; } }

.footer-social__icon {
  font-size: 24px;
  color: #fff;
  text-decoration: none; }
  .footer-social__icon:not(:first-child) {
    margin-left: 20px; }
  @media (min-width: 768px) {
    .footer-social__icon {
      font-size: 26px; } }

.footer-menu--empty {
  padding: 40px;
  background: #f8f8f8;
  text-align: center; }

.footer-menu__wrapper {
  display: flex;
  flex-flow: column;
  padding-top: 40px;
  padding-bottom: 20px; }
  @media (min-width: 1024px) {
    .footer-menu__wrapper {
      flex-flow: row;
      padding-top: 86px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .footer-menu__wrapper {
    padding-bottom: 0; } }

.footer-menu__part {
  position: relative;
  flex: 1 1 auto;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #484848; }
  .footer-menu__part:last-child {
    border-bottom: 0; }
  @media (min-width: 1024px) {
    .footer-menu__part {
      margin-left: 25px;
      padding-bottom: 0;
      border: 0; }
      .footer-menu__part:first-child {
        margin-left: 0; } }
  .footer-menu__part.is-opened {
    padding-bottom: 0; }
  .footer-menu__part:not(:first-of-type) {
    border-top: 0; }

.footer-menu__header {
  display: flex;
  align-items: center; }
  @media (min-width: 1024px) {
    .footer-menu__header {
      border-bottom: 1px solid #484848;
      pointer-events: none; } }

.footer-menu__icon {
  display: none; }
  @media (min-width: 768px) {
    .footer-menu__icon {
      display: block;
      font-size: 20px;
      min-width: 40px; } }
  @media (min-width: 1024px) {
    .footer-menu__icon {
      display: none; } }

.footer-menu__title {
  font-family: "Raleway", sans-serif;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1;
  font-size: 20px;
  line-height: 2; }
  @media (min-width: 1024px) {
    .footer-menu__title {
      padding-bottom: 10px;
      padding-left: 0;
      font-size: 18px;
      line-height: 1;
      font-weight: bold; } }

.footer-menu__arrow {
  margin-left: auto;
  transition: 350ms ease-out; }
  .is-opened .footer-menu__arrow {
    transform: rotate(90deg); }
  @media (min-width: 1024px) {
    .footer-menu__arrow {
      display: none; } }

.footer-menu__content {
  box-sizing: border-box;
  height: 0;
  overflow: hidden;
  transition: height 350ms ease-out;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain; }
  @media (min-width: 1024px) {
    .footer-menu__content {
      height: auto;
      padding-bottom: 30px; } }
  .is-opened .footer-menu__content {
    padding-bottom: 5px; }

.footer-menu__items {
  padding: 11px 0 20px; }
  @media (min-width: 768px) {
    .footer-menu__items {
      padding: 16px 0 25px; } }
  @media (min-width: 1024px) {
    .footer-menu__items {
      padding: 20px 0 5px;
      min-height: 150px; } }

.footer-menu__item {
  font-family: "Raleway", sans-serif;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1;
  margin-top: 9px; }
  .footer-menu__item:first-child {
    margin-top: 0; }
  @media (min-width: 768px) {
    .footer-menu__item {
      margin-top: 15px; } }
  @media (min-width: 1024px) {
    .footer-menu__item {
      margin-top: 13px; } }

.footer-menu__link, .footer-menu span#teconsent {
  font-size: 16px;
  line-height: 1.8;
  color: #000000;
  text-decoration: none; }
  .footer-menu__link:hover, .footer-menu span#teconsent:hover {
    opacity: 0.5; }
  @media (min-width: 1024px) {
    .footer-menu__link, .footer-menu span#teconsent {
      font-size: 13px; } }

.footer-misc {
  padding-bottom: 50px; }
  .footer-misc__header {
    position: relative;
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #7c7c7c;
    font-size: 1.08333rem;
    font-weight: bold;
    text-transform: uppercase; }
    .footer-misc__header img {
      position: absolute;
      left: 0;
      top: -10px; }
  .footer-misc-customer-service .footer-misc__header {
    padding-left: 48px; }
  .footer-misc__section {
    margin-top: 80px; }
    @media (max-width: 1499px) {
      .footer-misc__section {
        margin-top: 40px; } }
  .footer-misc-payment__list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 0; }
    @media (max-width: 1499px) {
      .footer-misc-payment__list {
        margin-top: -20px; } }
  .footer-misc-payment__item {
    margin-right: 25px; }
    @media (max-width: 1499px) {
      .footer-misc-payment__item {
        margin-top: 20px;
        margin-right: 30px; } }
  .footer-misc-customer-service__icon {
    position: absolute;
    top: -10px;
    left: 0; }
  .footer-misc__membership {
    margin-top: 50px;
    text-align: right; }
    @media (max-width: 1199px) {
      .footer-misc__membership {
        text-align: left; } }

.roundel {
  box-sizing: border-box;
  cursor: pointer;
  margin-bottom: 15px; }
  .roundel--favourite {
    color: #484848;
    text-align: center; }
    .roundel--favourite .icon {
      margin-top: 4px;
      font-size: 26px; }
    .roundel--favourite .roundel__icon--active {
      display: none; }
    .roundel--favourite:hover .roundel__icon {
      display: none; }
    .roundel--favourite:hover .roundel__icon--active {
      display: inline-block;
      color: #81438e; }
  .roundel--gwp, .roundel--50points {
    color: #81438e; }
    .roundel--gwp .icon, .roundel--50points .icon {
      font-size: 30px; }
  .roundel__custom-img {
    width: 100%; }

@keyframes rotate-contenthub-toggler {
  0% {
    box-shadow: 0 0 8px 6px transparent, 0 0 0 0 #5e0e6f, 0 0 0 0 transparent; }
  10% {
    box-shadow: 0 0 8px 8px #d1d1d1, 0 0 12px 8px #5e0e6f, 0 0 12px 12px #a3a3a3; }
  100% {
    box-shadow: 0 0 8px 8px transparent, 0 0 0 16px #5e0e6f, 0 0 0 16px transparent; } }

.masonry {
  margin: auto -8px;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap; }
  .masonry__grid-sizer {
    width: 25%; }
  .masonry__grid-sizer--20 {
    width: 20%; }

@media (min-width: 320px) and (max-width: 767px) {
  .masonry__grid-sizer--20 {
    width: 25%; } }
  .masonry__grid-sizer--33 {
    width: 100%; }
    @media (min-width: 768px) {
      .masonry__grid-sizer--33 {
        width: 33.33%; } }
    @media (min-width: 480px) and (max-width: 767px) {
      .masonry__grid-sizer--33 {
        width: 50%; } }
  .masonry__lightbox {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: 9px;
    transition: height 10000ms ease-in-out;
    transform: translateX(-8px);
    left: 0; }
    @media (min-width: 1024px) {
      .masonry__lightbox {
        min-height: 690px;
        height: 100%; } }

.masonry__content-hub {
  flex-flow: row wrap;
  align-items: stretch;
  align-content: stretch; }

.content-hub-tile {
  box-sizing: border-box;
  padding: 0 10px;
  margin: 10px 0;
  width: 100%; }
  @media (min-width: 768px) {
    .content-hub-tile {
      width: 33.33%; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .content-hub-tile {
      width: 50%; } }
  .content-hub-tile__wrapper {
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    box-sizing: border-box;
    border: 1px solid #d1d1d1;
    position: relative;
    height: 100%;
    width: 100%;
    transition: border-color .3s;
    min-height: 374px; }
    .content-hub-tile__wrapper:hover {
      border: 1px solid #81438e; }
  .content-hub-tile__container {
    display: block;
    font-size: 15px;
    line-height: 21px;
    color: #000000;
    text-decoration: none; }
    .content-hub-tile__container:hover .content-hub-tile__title-container {
      text-decoration: underline; }
  .content-hub-tile__image-container {
    width: 100%;
    height: 290px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
  .content-hub-tile__title-container {
    margin: 0 20px;
    padding: 14px 0 12px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .content-hub-tile__title-container--tags {
      margin: 0 20px;
      font-size: 14px;
      text-transform: uppercase;
      font-family: 'Raleway Medium', sans-serif;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .content-hub-tile__title-container--tags-item {
        padding-right: 7px;
        display: inline-block;
        position: relative; }
        .content-hub-tile__title-container--tags-item::after {
          content: ',';
          display: block;
          position: absolute;
          right: 4px;
          top: 0px; }
        .content-hub-tile__title-container--tags-item a {
          color: #000000;
          text-decoration: underline; }
          .content-hub-tile__title-container--tags-item a:hover {
            text-decoration: none; }
        .content-hub-tile__title-container--tags-item:last-child {
          padding-right: 0; }
          .content-hub-tile__title-container--tags-item:last-child::after {
            content: '';
            display: none; }

.product-tile {
  box-sizing: border-box;
  padding: 0 8px;
  margin: 8px 0; }
  .product-tile--2x1, .product-tile--1x1 {
    height: 226px; }
    .product-tile--2x1 .product-tile__image-container, .product-tile--1x1 .product-tile__image-container {
      flex: 1 1 auto; }
  .product-tile--disabled {
    opacity: 0.5;
    pointer-events: none; }
  .product-tile--2x2, .product-tile--1x2 {
    height: 468px; }
    .product-tile--2x2 .product-tile__image-container, .product-tile--1x2 .product-tile__image-container {
      width: 100%; }
    @media (max-width: 767px) {
      .product-tile--2x2, .product-tile--1x2 {
        height: 412px; } }
  @media (min-width: 768px) {
    .product-tile--2x1, .product-tile--2x2 {
      width: 50%; } }

@media (min-width: 320px) and (max-width: 767px) {
  .product-tile--2x1, .product-tile--2x2 {
    width: 100%; } }
  .product-tile--1x1, .product-tile--1x2 {
    width: 50%; }
    @media (min-width: 768px) {
      .product-tile--1x1, .product-tile--1x2 {
        width: 25%; } }
    @media (min-width: 480px) and (max-width: 767px) {
      .product-tile--1x1, .product-tile--1x2 {
        width: 50%; } }
  .product-tile--2x1 .product-tile__information {
    max-width: 50%; }
    @media (min-width: 768px) {
      .product-tile--2x1 .product-tile__information {
        max-width: 45%; } }
  .product-tile__banner--square {
    width: 100%;
    height: 468px; }
    @media (min-width: 768px) {
      .product-tile__banner--square {
        width: 50%; } }
  .product-tile__banner--big {
    width: 50%;
    height: 640px; }

@media (min-width: 320px) and (max-width: 767px) {
  .product-tile__banner--big {
    width: 100%;
    height: 520px; } }
  .product-tile__banner--small {
    width: 50%;
    height: 310px; }

@media (min-width: 320px) and (max-width: 767px) {
  .product-tile__banner--small {
    width: 100%; } }
  .product-tile__marionnaud-says--big {
    width: 60%;
    height: 350px; }

@media (min-width: 320px) and (max-width: 767px) {
  .product-tile__marionnaud-says--big {
    width: 100%;
    height: 200px; } }
  .product-tile__marionnaud-says--medium {
    width: 40%;
    height: 200px; }

@media (min-width: 320px) and (max-width: 767px) {
  .product-tile__marionnaud-says--medium {
    width: 50%;
    height: 100px; } }
  .product-tile__marionnaud-says--small {
    width: 40%;
    height: 135px; }

@media (min-width: 320px) and (max-width: 767px) {
  .product-tile__marionnaud-says--small {
    width: 50%;
    height: 100px; } }
  .product-tile--full-width {
    width: 100%; }
  .product-tile--full-height {
    height: 100%; }
  .product-tile--no-borders .product-tile__wrapper {
    border: none; }
    .product-tile--no-borders .product-tile__wrapper:hover {
      border: none; }
  .product-tile__wrapper {
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0 12px;
    border: 1px solid #d1d1d1;
    position: relative;
    height: 100%;
    width: 100%;
    transition: border-color .3s; }
    .product-tile__wrapper:hover {
      border: 1px solid #81438e; }
  .product-tile__container {
    padding-top: 12px;
    display: flex;
    flex: 1 1 auto; }
    .product-tile--1x2 .product-tile__container,
    .product-tile--2x2 .product-tile__container {
      flex-direction: column; }
  .product-tile__label {
    padding: 4px 0;
    width: calc(2 / 3 * 100%);
    max-width: 160px;
    position: absolute;
    top: 12px;
    left: 8px; }
  .product-tile__information {
    display: flex;
    max-width: 100%;
    flex: 1 1 auto;
    flex-direction: column;
    letter-spacing: 1px;
    text-decoration: none; }
    @media only screen and (max-width: 380px) {
      .product-tile--2x1 .product-tile__information {
        display: none; } }
  .product-tile__brand {
    overflow: hidden;
    font-weight: bold;
    letter-spacing: 4px; }
    @media (max-width: 767px) {
      .product-tile__brand {
        font-size: 14px;
        letter-spacing: 1px; } }
  .product-tile__name, .product-tile__brand, .product-tile__description {
    padding: 4px 0;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 80%; }
    @media (max-width: 767px) {
      .product-tile__name, .product-tile__brand, .product-tile__description {
        max-width: 90%; } }
  .product-tile__name {
    max-width: 60%; }
  .product-tile__description {
    margin-bottom: 10px; }
  .product-tile__image-container {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center; }
  .product-tile__image {
    width: 160px;
    height: 160px; }
    @media (max-width: 767px) {
      .product-tile__image {
        width: 120px;
        height: 120px; } }
  .product-tile__roundel-container {
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 32px; }
    @media (max-width: 767px) {
      .product-tile__roundel-container {
        width: 22px; }
        .product-tile__roundel-container .roundel--favourite .icon {
          margin-top: 4px;
          margin-right: 4px;
          font-size: 21px; } }
  .product-tile__add-to-cart-container {
    outline: none;
    position: relative;
    padding: 0;
    color: inherit;
    border: none;
    background: none;
    line-height: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    margin: 0 -12px;
    padding: 12px 0;
    background-color: #f8f8f8;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s;
    overflow: visible; }
    .product-tile__add-to-cart-container:hover, .product-tile__add-to-cart-container:focus, .product-tile__add-to-cart-container:active {
      background: inherit; }
    .product-tile__add-to-cart-container::before {
      border-color: transparent transparent #f8f8f8 transparent;
      content: "";
      border-width: 0 9px 10px 9px;
      border-style: solid;
      width: 0;
      height: 0;
      position: absolute;
      left: 20px;
      bottom: 100%;
      transition: all .3s; }
    .product-tile__wrapper:hover .product-tile__add-to-cart-container, .product-tile__add-to-cart-container:hover {
      border-color: transparent transparent #81438e transparent;
      background-color: #81438e; }
      .product-tile__wrapper:hover .product-tile__add-to-cart-container::before, .product-tile__add-to-cart-container:hover::before {
        border-color: transparent transparent #81438e transparent; }
      .product-tile__wrapper:hover .product-tile__add-to-cart-container .product-tile__add-to-cart, .product-tile__add-to-cart-container:hover .product-tile__add-to-cart {
        color: white;
        border-bottom: 1px solid #fff; }
  .product-tile__price {
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    margin-top: 20px;
    text-decoration: none; }
  .product-tile__add-to-cart {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 5px;
    padding-bottom: 2px;
    border-bottom: 1px solid #5e0e6f;
    transition: all .3s; }
    @media (max-width: 767px) {
      .product-tile__add-to-cart {
        font-size: 12px;
        letter-spacing: 1px; }
        .product-tile__add-to-cart, .product-tile__add-to-cart:hover {
          border-bottom: none; } }
  .product-tile__contenthub-tile {
    height: 100%;
    width: 100%; }
  .product-tile__contenthub-tile-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    border: 1px solid #d1d1d1;
    transition: border-color .3s;
    background-color: #d1d1d1;
    box-sizing: border-box; }
    .product-tile__contenthub-tile-wrapper:hover {
      border: 1px solid #5e0e6f; }
  .product-tile__contenthub-tile-image {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
  .product-tile__contenthub-hotspot {
    width: 60px;
    height: 60px;
    border: 6px solid #5e0e6f;
    background-color: #5e0e6f;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute; }
    .product-tile__contenthub-hotspot:before {
      position: absolute;
      content: " ";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border: 1px solid #a3a3a3; }
    .product-tile__contenthub-hotspot--top-left {
      top: 0;
      left: 0; }
    .product-tile__contenthub-hotspot--top-right {
      top: 0;
      right: 0; }
    .product-tile__contenthub-hotspot--bottom-left {
      bottom: 0;
      left: 0; }
    .product-tile__contenthub-hotspot--bottom-right {
      bottom: 0;
      right: 0; }
    .product-tile__contenthub-hotspot-toggler {
      position: relative; }
      .product-tile__contenthub-hotspot-toggler::before {
        content: '';
        position: absolute;
        display: block;
        width: 4px;
        height: 4px;
        left: calc(50% - 2px);
        top: calc(50% - 2px);
        border-radius: 50%;
        animation: rotate-contenthub-toggler 2s 0s ease-out infinite; }
      .product-tile__contenthub-hotspot-toggler::after {
        content: '+';
        position: relative;
        color: #fff;
        font-size: 60px;
        height: 100%;
        display: inline-block;
        transition: transform 400ms ease-in-out; }
    .product-tile__contenthub-hotspot--open .product-tile__contenthub-hotspot-toggler::after {
      transform: rotate(45deg); }
    @media (max-width: 767px) {
      .product-tile__contenthub-hotspot {
        width: 44px;
        height: 44px;
        border-width: 4px; }
        .product-tile__contenthub-hotspot-toggler::after {
          font-size: 44px; }
        .product-tile__contenthub-hotspot-toggler::before {
          width: 2px;
          height: 2px;
          left: calc((100% - $toggler-dimension) / 2);
          top: calc((100% - $toggler-dimension) / 2); } }

.quantity-picker {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .quantity-picker__text {
    color: #000000;
    font-size: 12px;
    margin-right: 20px; }
    @media (max-width: 1023px) {
      .quantity-picker__text {
        margin-right: 10px; } }
    @media (max-width: 767px) {
      .quantity-picker__text {
        display: none; } }
  .quantity-picker__decrease, .quantity-picker__increase {
    position: relative;
    width: 24px;
    height: 24px;
    color: #81438e;
    border-radius: 50%;
    border: 2px solid #d1d1d1;
    cursor: pointer;
    user-select: none; }
    .quantity-picker__decrease::before, .quantity-picker__decrease::after, .quantity-picker__increase::before, .quantity-picker__increase::after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #81438e; }
    .quantity-picker__decrease--disabled::before, .quantity-picker__decrease--disabled::after, .quantity-picker__increase--disabled::before, .quantity-picker__increase--disabled::after {
      background: #d1d1d1; }
  .quantity-picker__increase::after {
    width: 2px;
    height: 10px; }
  .quantity-picker__increase::before {
    width: 10px;
    height: 2px; }
  .quantity-picker__decrease::before {
    width: 8px;
    height: 2px; }
  .quantity-picker__decrease::after {
    display: none; }
  .quantity-picker__quantity {
    text-align: center;
    font-size: 30px;
    color: #81438e;
    padding: 0 15px; }
    @media (max-width: 1023px) {
      .quantity-picker__quantity {
        padding: 0 10px; } }

.product-section {
  max-width: 960px;
  margin: 0 auto 25px; }
  @media (max-width: 767px) {
    .product-section-wrapper {
      margin-top: 25px; } }
  .product-section__container--padding {
    padding: 0 25px; }
  .product-section__preview {
    display: flex;
    flex: 0 1 auto;
    justify-content: center;
    align-items: center;
    position: relative; }
    .product-section__preview .glide__slides {
      display: flex;
      flex: 0 1 auto;
      justify-content: center;
      align-items: center; }
    .product-section__preview .glide__arrow {
      font-size: 22px; }
  .product-section__icons {
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 16px;
    left: 0;
    z-index: 9; }
    @media (max-width: 767px) {
      .product-section__icons {
        display: none; } }
  .product-section__zoom {
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-bottom: 5px; }
  .product-section__social-and-tooltips {
    width: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0; }
  .product-section__zoom-and-social, .product-section__tooltips {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center; }
  .product-section__tooltips {
    min-width: 36px; }
  .product-section__carousel {
    height: 100%;
    display: flex;
    flex: 0 1 auto;
    align-items: center;
    justify-content: center;
    margin-bottom: 0; }
  .product-section__roundels-container {
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    position: absolute;
    top: 16px;
    right: 0;
    width: 41px;
    z-index: 8; }
    .product-section__roundels-container .roundel--favourite .icon {
      font-size: 22px; }
    .product-section__roundels-container .roundel--gwp .icon, .product-section__roundels-container .roundel--50points .icon {
      font-size: 40px; }
  .product-section .gwp-banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 5px 0 -4px 10px;
    padding: 5px 2px 5px 10px;
    border: 1px solid #81438e;
    color: #484848;
    z-index: 3; }
    .product-section .gwp-banner:before, .product-section .gwp-banner:after {
      content: "";
      position: absolute;
      background: #81438e; }
    .product-section .gwp-banner:before {
      top: -8px;
      left: -7px;
      width: 15px;
      height: 3px;
      border: 2px solid #fff;
      border-top-width: 8px;
      border-bottom-width: 8px; }
    .product-section .gwp-banner:after {
      top: -6px;
      left: 1px;
      width: 3px;
      height: 15px; }
    .product-section .gwp-banner__cell {
      flex: 0 1 auto;
      align-items: center; }
      .product-section .gwp-banner__cell--description {
        padding: 0 30px;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        font-size: 11px;
        line-height: 1.3; }
    .product-section .gwp-banner__title {
      font-size: 13px;
      font-weight: bold;
      letter-spacing: 0.5px; }
    .product-section .gwp-banner__img {
      width: 100%;
      height: auto;
      max-width: 4.16667rem; }
    .product-section .gwp-banner__icon {
      font-size: 2rem;
      color: #81438e; }
  @media (max-width: 767px) {
    .product-section-details {
      margin-top: 35px; } }
  .product-section-details__wrapper {
    padding: 0 30px;
    margin: 15px 0; }
    @media (max-width: 767px) {
      .product-section-details__wrapper {
        padding: 0 15px; } }
    @media (max-width: 767px) {
      .product-section-details__wrapper--no-padding {
        padding: 0; } }
  .product-section-details__container {
    display: flex;
    flex: 0 1 auto;
    justify-content: space-between;
    align-items: center; }
  .product-section-details__header {
    margin: 15px 0;
    padding: 0 18px; }
    @media (max-width: 767px) {
      .product-section-details__header {
        padding: 0 12px; } }
  .product-section__image {
    max-height: 360px;
    max-width: 100%; }
  .product-section__label {
    text-transform: uppercase;
    text-align: center;
    max-width: 100%;
    font-size: 10px;
    color: #fff;
    background-color: #000000;
    letter-spacing: .35rem;
    line-height: 1;
    padding: 5px; }
  .product-section-info {
    padding: 0 30px; }
    @media (max-width: 767px) {
      .product-section-info {
        padding: 0; } }
    .product-section-info-naming__container {
      text-transform: uppercase; }
    .product-section-info-naming__brand {
      font-size: 24px;
      font-weight: bold;
      text-decoration: none; }
      @media (max-width: 767px) {
        .product-section-info-naming__brand {
          font-size: 22px; } }
    .product-section-info-naming__range-name {
      font-size: 14px;
      line-height: 1.3;
      margin: 2px 0;
      font-weight: bold; }
    .product-section-info-naming__text {
      font-size: 14px;
      line-height: 1.3; }
  .product-section-cost {
    text-align: right; }
    @media (max-width: 767px) {
      .product-section-cost {
        text-align: left; } }
    .product-section-cost__wrapper {
      text-transform: uppercase; }
      @media (max-width: 767px) {
        .product-section-cost__wrapper {
          display: flex;
          flex: 0 1 auto;
          flex-direction: column; } }
    .product-section-cost__price {
      font-size: 28px;
      font-weight: bold;
      color: #000000;
      padding-top: 4px;
      padding-bottom: 4px; }
      @media (max-width: 767px) {
        .product-section-cost__price {
          font-size: 33px; } }
      .product-section-cost__price--new {
        color: #ec3075; }
      .product-section-cost__price--old {
        font-size: 18px;
        font-weight: normal;
        text-decoration: line-through; }
        @media (max-width: 767px) {
          .product-section-cost__price--old {
            font-size: 14px;
            padding: 0; } }
  .product-section-article {
    display: inline-block;
    margin: 15px 0; }
    .product-section-article--padding {
      padding: 0 50px; }
      @media (max-width: 1023px) {
        .product-section-article--padding {
          padding: 0 30px; } }
    .product-section-article__text {
      font-size: 12px;
      color: #484848; }
  .product-section .product-availability {
    margin: 10px; }
    .product-section .product-availability__icon {
      font-size: 18px; }
  @media (min-width: 768px) {
    .product-section__variant-switcher {
      min-height: 225px;
      margin-left: 10px;
      border: 1px solid #d1d1d1;
      border-radius: 4px; } }
  .product-section__variant-switcher.is-expanded {
    position: relative; }
    .product-section__variant-switcher.is-expanded .product-variants {
      position: relative;
      z-index: 12; }
      .product-section__variant-switcher.is-expanded .product-variants-container {
        height: auto;
        max-height: none;
        margin-bottom: -2px;
        border-bottom: none; }
      .product-section__variant-switcher.is-expanded .product-variants__show-more {
        display: none; }
      .product-section__variant-switcher.is-expanded .product-variants__show-less {
        display: block; }
      .product-section__variant-switcher.is-expanded .product-variants__control {
        padding-bottom: 16px; }
  .product-section__variant-switcher.is-whole-visible .product-variants-container {
    height: auto;
    border-bottom: none; }
  .product-section__variant-switcher.is-whole-visible .product-variants__show-more, .product-section__variant-switcher.is-whole-visible .product-variants__show-less {
    display: none; }
  .product-section .product-variants {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 16px; }
    @media (max-width: 767px) {
      .product-section .product-variants {
        justify-self: center;
        margin: 0;
        padding: 0; } }
    .product-section .product-variants-container {
      display: flex;
      flex-wrap: wrap;
      align-content: start;
      max-height: 120px;
      margin-bottom: 10px;
      padding-top: 25px;
      border-bottom: 1px solid #d1d1d1;
      overflow: hidden;
      transition: height .33s ease-out; }
      @media (max-width: 767px) {
        .product-section .product-variants-container {
          border-bottom: 0;
          flex-wrap: nowrap;
          overflow-x: auto;
          margin-bottom: 10px;
          padding-bottom: 15px;
          -webkit-overflow-scrolling: touch;
          -ms-overflow-style: -ms-autohiding-scrollbar; }
          .product-section .product-variants-container::-webkit-scrollbar {
            display: none; } }
      @media (max-width: 767px) {
        .product-section .product-variants-container--no-margin {
          margin: 0; } }
    .product-section .product-variants__control {
      text-align: center;
      display: flex;
      flex: 0 1 auto;
      justify-content: space-between;
      align-items: baseline;
      margin: 0 4px; }
      @media (max-width: 767px) {
        .product-section .product-variants__control--no-margin {
          margin: 0; } }
    .product-section .product-variants__show-more, .product-section .product-variants__show-less {
      margin-top: 4px;
      padding-bottom: 4px;
      border-bottom: 1px solid #484848;
      box-sizing: border-box;
      justify-self: flex-end;
      color: #484848;
      font-size: 12px;
      font-weight: bold;
      letter-spacing: 1px;
      text-align: center;
      text-transform: uppercase;
      cursor: pointer; }
      @media (max-width: 767px) {
        .product-section .product-variants__show-more, .product-section .product-variants__show-less {
          display: none; } }
    .product-section .product-variants__show-less {
      display: none; }
  .product-section .product-variant {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0 4px 10px; }
    @media (max-width: 767px) {
      .product-section .product-variant {
        margin: 0 4px; } }
    .product-section .product-variant__quantity, .product-section .product-variant__color {
      border-radius: 50%;
      box-sizing: border-box;
      padding: 4px;
      cursor: pointer; }
    .product-section .product-variant__quantity {
      width: 56px;
      height: 56px;
      text-align: center;
      display: flex;
      flex: 0 1 auto;
      justify-content: center;
      align-items: center;
      font-size: 12px;
      color: #484848;
      background-color: #fff;
      border: 1px solid #a3a3a3;
      line-height: 1.3; }
      .product-section .product-variant__quantity--selected, .product-section .product-variant__quantity:hover {
        color: #f8f8f8;
        background-color: #81438e;
        border: 2px solid #a3a3a3; }
      .product-section .product-variant__quantity--out-of-stock:hover {
        background: #d1d1d1; }
    .product-section .product-variant__color {
      width: 37px;
      height: 37px;
      margin: 0 16px 6px 0; }
      @media (max-width: 767px) {
        .product-section .product-variant__color {
          margin-bottom: 0; } }
      .product-section .product-variant__color--selected, .product-section .product-variant__color:hover {
        border: 2px solid #fff;
        box-shadow: 0 0 1px 1px #5e0e6f;
        outline: 1px solid transparent; }
    .product-section .product-variant__quantity--out-of-stock, .product-section .product-variant__color--out-of-stock {
      position: relative;
      background: #d1d1d1;
      color: #81438e; }
      .product-section .product-variant__quantity--out-of-stock:after, .product-section .product-variant__color--out-of-stock:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        display: block;
        width: 100%;
        height: 1px;
        background: #a3a3a3;
        transform: rotate(-45deg); }
    .product-section .product-variant__value {
      padding-bottom: 2px;
      border-bottom: 1px solid; }
  .product-section-selected-variant-name {
    display: flex;
    flex: 0 1 auto;
    justify-self: flex-start;
    align-items: center; }
    @media (max-width: 767px) {
      .product-section-selected-variant-name {
        margin-bottom: 10px; } }
    .product-section-selected-variant-name__color {
      font-size: 16px;
      font-weight: bold;
      color: #484848;
      margin-right: 8px; }
      @media (max-width: 767px) {
        .product-section-selected-variant-name__color {
          font-weight: normal; } }
  .product-section-rating {
    margin: 15px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media (max-width: 767px) {
      .product-section-rating {
        align-items: center;
        margin: 0; } }
    .product-section-rating__container {
      display: flex;
      flex: 0 1 auto;
      justify-content: flex-start;
      margin-right: 15px;
      font-size: 20px;
      line-height: 1.3; }
      .product-section-rating__container--no-indent {
        margin-right: 0; }
      @media (max-width: 767px) {
        .product-section-rating__container {
          margin-top: 17px;
          padding: 0; } }
    .product-section-rating__text {
      align-self: flex-end;
      font-size: 14px;
      color: #a3a3a3;
      margin-left: 5px; }
      @media (min-width: 768px) {
        .product-section-rating__text {
          line-height: 28px; } }
  .product-section__quantity-picker {
    text-transform: uppercase;
    font-size: 20px; }
  .product-section-add-to-cart, .product-section-check-in-store {
    margin: 15px 20px 20px; }
    @media (max-width: 767px) {
      .product-section-add-to-cart, .product-section-check-in-store {
        margin: 15px 0; } }
    @media (max-width: 767px) {
      .product-section-add-to-cart--indents, .product-section-check-in-store--indents {
        padding: 0;
        margin: 15px 0; } }
    .product-section-add-to-cart__button, .product-section-check-in-store__button {
      box-sizing: border-box;
      min-width: 100%;
      width: 100%;
      font-weight: 500; }
      .product-section-add-to-cart__button + .product-section-add-to-cart__button, .product-section-check-in-store__button + .product-section-add-to-cart__button, .product-section-add-to-cart__button + .product-section-check-in-store__button, .product-section-check-in-store__button + .product-section-check-in-store__button {
        margin-top: 15px; }
    .product-section-add-to-cart--hidden, .product-section-check-in-store--hidden {
      display: none; }
  .product-section-promotion {
    margin: 45px 0 15px; }
    @media (max-width: 767px) {
      .product-section-promotion {
        padding: 0 14px; } }
    .product-section-promotion__wrapper {
      display: flex;
      flex: 0 1 auto;
      justify-content: center;
      align-items: center;
      font-size: 16px;
      padding: 14px; }
    .product-section-promotion__icon {
      font-size: 30px;
      margin-right: 15px; }
    .product-section-promotion__description {
      display: inline-block;
      text-align: center;
      font-size: 13px;
      font-style: italic;
      color: #484848;
      line-height: 1.5; }
  .product-section__info .product-section__image {
    width: 100%;
    height: auto; }
  .product-section__variant-wrapper--pdp {
    width: calc(1 / 6 * 100%); }
  .product-section__variant-wrapper--category {
    width: calc(1 / 5 * 100%); }
  .product-section--out-of-stock .quantity-picker {
    pointer-events: none; }
  .product-section--out-of-stock .quantity-picker__text, .product-section--out-of-stock .quantity-picker__quantity {
    color: #e4e4e4; }
  .product-section--out-of-stock .quantity-picker__increase, .product-section--out-of-stock .quantity-picker__decrease {
    border-color: #e4e4e4; }
    .product-section--out-of-stock .quantity-picker__increase::before, .product-section--out-of-stock .quantity-picker__increase::after, .product-section--out-of-stock .quantity-picker__decrease::before, .product-section--out-of-stock .quantity-picker__decrease::after {
      background: #e4e4e4; }
  .product-section--out-of-stock .product-section-add-to-cart .button, .product-section--out-of-stock .product-section-add-to-cart .button:hover {
    background-color: #d7d7d7;
    border: 1px solid #d7d7d7;
    color: #757575; }
  .product-section--popup {
    margin-bottom: 0; }
    .product-section--popup + .product-section-promotion {
      margin-top: 20px; }

.product-price__value {
  font-size: 18px;
  color: #484848; }
  .product-price__value--old {
    font-size: 14px;
    text-decoration: line-through; }
  .product-price__value--new {
    color: #ec3075; }

.product-price-discount {
  text-align: right;
  font-size: 12px; }
  .product-price-discount__value {
    display: block; }

@media (min-width: 1024px) {
  .social-share {
    box-sizing: border-box;
    text-align: left;
    line-height: 1;
    width: 64px;
    height: 64px; } }

.social-share__button, .social-share__toggler {
  display: flex;
  flex: 0 1 auto;
  align-items: center;
  justify-content: center;
  color: #484848;
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute; }

.social-share__button {
  visibility: hidden;
  text-decoration: none;
  background-color: #e1e1e1;
  width: 48px;
  height: 48px;
  font-size: 16px;
  bottom: 8px;
  left: 0;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  border: 4px solid #fff;
  transform: translateX(6px);
  z-index: 10; }
  .social-share__button:nth-child(3) {
    transition-duration: 200ms; }
  .social-share__button:nth-child(4) {
    transition-duration: 200ms; }
  .social-share__button:nth-child(5) {
    transition-duration: 200ms; }
  .social-share__button:nth-child(6) {
    transition-duration: 200ms; }
  @media (max-width: 1023px) {
    .social-share__button {
      position: absolute;
      top: 0;
      width: 64px;
      height: 64px;
      margin-left: -40px;
      border: 4px solid #fff;
      opacity: 0;
      border-radius: 100%;
      background: #d1d1d1;
      box-shadow: 0 0 7px rgba(0, 0, 0, 0.35);
      text-align: center;
      color: #484848;
      line-height: 64px;
      text-decoration: none;
      transform: translate3d(0, 0, 0);
      transition: transform ease-out 200ms; }
      .social-share__button:nth-child(3) {
        transition-duration: 180ms; }
      .social-share__button:nth-child(4) {
        transition-duration: 180ms; }
      .social-share__button:nth-child(5) {
        transition-duration: 180ms; }
      .social-share__button:nth-child(6) {
        transition-duration: 180ms; } }

.social-share__toggler {
  width: 64px;
  height: 64px;
  background-color: #fff;
  font-size: 26px;
  transition: transform 400ms cubic-bezier(0.175, 0.75, 0.25, 1.25);
  cursor: pointer;
  z-index: 11; }
  @media (max-width: 1023px) {
    .social-share__toggler {
      width: auto;
      height: auto;
      position: relative;
      z-index: 17;
      font-size: 35px;
      background-color: transparent;
      color: #fff;
      cursor: pointer; } }

@media (min-width: 1024px) {
  .social-share__open:checked + .social-share__toggler {
    transform: rotate(360deg); } }

.social-share__open {
  display: none; }

@media (max-width: 1023px) {
  .social-share__open:checked ~ .social-share__button {
    left: 30px;
    opacity: 1;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } }

.social-share__open:checked ~ .social-share__button:nth-child(3) {
  visibility: visible;
  transform: translateX(80px);
  transition: transform 300ms cubic-bezier(0.2, 0.8, 0.4, 1); }
  @media (max-width: 1023px) {
    .social-share__open:checked ~ .social-share__button:nth-child(3) {
      transition-duration: 190ms;
      transform: translate3d(25px, -82px, 0); } }

.social-share__open:checked ~ .social-share__button:nth-child(4) {
  visibility: visible;
  transform: translateX(144px);
  transition: transform 500ms cubic-bezier(0.2, 0.8, 0.4, 1); }
  @media (max-width: 1023px) {
    .social-share__open:checked ~ .social-share__button:nth-child(4) {
      transition-duration: 290ms;
      transform: translate3d(25px, -164px, 0); } }

.social-share__open:checked ~ .social-share__button:nth-child(5) {
  visibility: visible;
  transform: translateX(208px);
  transition: transform 700ms cubic-bezier(0.2, 0.8, 0.4, 1); }
  @media (max-width: 1023px) {
    .social-share__open:checked ~ .social-share__button:nth-child(5) {
      transition-duration: 390ms;
      transform: translate3d(25px, -246px, 0); } }

.social-share__open:checked ~ .social-share__button:nth-child(6) {
  visibility: visible;
  transform: translateX(272px);
  transition: transform 900ms cubic-bezier(0.2, 0.8, 0.4, 1); }
  @media (max-width: 1023px) {
    .social-share__open:checked ~ .social-share__button:nth-child(6) {
      transition-duration: 490ms;
      transform: translate3d(25px, -328px, 0); } }

.social-share__img {
  max-width: 18px; }
  @media (max-width: 1023px) {
    .social-share__img {
      max-width: 26px;
      vertical-align: middle; } }

.mail-share {
  color: #484848;
  line-height: 1.3; }
  .mail-share--confirmation .button {
    margin-top: 45px; }
  .mail-share .input .icon-correct, .mail-share .input .icon-wrong {
    right: 0; }
  .mail-share .help-block {
    margin: -20px 0 20px; }
  .mail-share__title {
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: bold;
    line-height: 2;
    text-align: center;
    text-transform: uppercase; }
  .mail-share__text {
    margin-bottom: 5px;
    font-size: 16px; }
    .mail-share__text--mandatory {
      color: #a3a3a3;
      font-size: 13px; }
  .mail-share__form {
    margin-top: 30px; }
  .mail-share__link {
    color: inherit; }
    .mail-share__link--highlighted {
      font-weight: bold; }
    .mail-share__link:hover {
      text-decoration: none; }
  .mail-share__footer {
    text-align: right; }
    .mail-share__footer .button {
      margin-left: 25px; }
    @media (max-width: 767px) {
      .mail-share__footer {
        text-align: center; }
        .mail-share__footer .button {
          width: 100%;
          max-width: 100%;
          margin: 20px 0 0; } }
  .mail-share-message {
    margin-bottom: 30px; }
    .mail-share-message__body {
      border: 1px solid #d1d1d1;
      padding: 15px;
      font-size: 14px; }
    .mail-share-message__text {
      margin-bottom: 8px; }
    .mail-share-message__product {
      margin: 20px 0; }
    .mail-share-message__row {
      display: flex;
      padding-bottom: 15px;
      border-bottom: 1px solid #d1d1d1; }
      .mail-share-message__row--heading {
        font-weight: bold;
        margin-bottom: 15px;
        padding-bottom: 5px; }
    .mail-share-message__cell {
      width: 20%; }
      .mail-share-message__cell--image {
        width: 40%;
        display: flex; }
      @media (max-width: 767px) {
        .mail-share-message__cell {
          display: none; }
          .mail-share-message__cell--image {
            width: 100%;
            display: flex; } }
    .mail-share-message__image {
      max-width: 100%; }
      .mail-share-message__image-wrap {
        width: 105px; }
    .mail-share-message__product-info {
      padding: 0 10px;
      font-size: 12px;
      line-height: 1.5; }
      .mail-share-message__product-info .mail-share__link {
        text-decoration: none; }
      @media (max-width: 767px) {
        .mail-share-message__product-info {
          padding-right: 0; } }
    .mail-share-message .mail-share__link--highlighted {
      font-size: 14px; }
    .mail-share-message .input {
      min-height: 12px;
      margin-top: 15px; }
  .mail-share-product-details {
    margin-top: 10px; }
    @media (min-width: 768px) {
      .mail-share-product-details {
        display: none; } }
    .mail-share-product-details__row {
      display: flex;
      justify-content: space-between;
      margin-top: 5px; }
    .mail-share-product-details__label {
      font-weight: bold; }

@media (min-width: 768px) {
  .newsletter .loyalty-section {
    margin-top: 80px; } }

@media (min-width: 768px) {
  .newsletter .loyalty-section .loyalty__title {
    justify-content: left;
    text-align: left; } }

.newsletter-confirm {
  padding: 60px 0 120px; }
  @media (max-width: 767px) {
    .newsletter-confirm {
      padding: 0 0 30px; } }
  .newsletter-confirm__title {
    margin-bottom: 25px;
    font-size: 60px;
    font-weight: bold; }
    @media (max-width: 767px) {
      .newsletter-confirm__title {
        font-size: 40px; } }
  .newsletter-confirm__sub-title {
    margin: 20px 0 10px;
    font-weight: bold; }
  .newsletter-confirm__text {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.3; }

.newsletter .help-block {
  margin-top: -28px; }

.newsletter .input-checkbox__wrapper > span {
  display: block; }

.breadcrumb {
  padding: 50px 20px;
  text-align: center; }
  @media (min-width: 768px) {
    .breadcrumb {
      padding: 35px 20px; } }
  @media (min-width: 1024px) {
    .breadcrumb {
      padding: 24px 20px; } }
  .breadcrumb__container {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: rtl;
    text-align: left; }
    @media (min-width: 768px) {
      .breadcrumb__container {
        padding: 0;
        direction: ltr;
        text-align: center; } }
  .breadcrumb__item, .breadcrumb__separator {
    display: inline;
    font-size: 13px; }
    @media (min-width: 768px) {
      .breadcrumb__item, .breadcrumb__separator {
        font-size: 12px; } }
  .breadcrumb__item {
    color: #484848;
    text-transform: uppercase;
    letter-spacing: 0.5px; }
    .breadcrumb__item:not(:first-child)::before {
      content: ' / ';
      font-weight: normal; }
    .breadcrumb__item.is-active {
      font-weight: bold; }
  .breadcrumb__link {
    color: inherit;
    text-decoration: none; }
  .theme-vip .breadcrumb {
    background-color: #000000; }
    .theme-vip .breadcrumb__item, .theme-vip .breadcrumb__container {
      color: #fff; }
  .breadcrumb h1 {
    display: inline; }

.tippy-iOS {
  cursor: pointer !important; }

.tippy-notransition {
  transition: none !important; }

.tippy-popper {
  -webkit-perspective: 700px;
  perspective: 700px;
  z-index: 9999;
  outline: 0;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  pointer-events: none;
  line-height: 1.4; }

.tippy-popper[x-placement^=top] .tippy-backdrop {
  border-radius: 40% 40% 0 0; }

.tippy-popper[x-placement^=top] .tippy-roundarrow {
  bottom: -8px;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0; }

.tippy-popper[x-placement^=top] .tippy-roundarrow svg {
  position: absolute;
  left: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.tippy-popper[x-placement^=top] .tippy-arrow {
  border-top: 8px solid #333;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  bottom: -7px;
  margin: 0 6px;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0; }

.tippy-popper[x-placement^=top] .tippy-backdrop {
  -webkit-transform-origin: 0 25%;
  transform-origin: 0 25%; }

.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible] {
  -webkit-transform: scale(1) translate(-50%, -55%);
  transform: scale(1) translate(-50%, -55%);
  opacity: 1; }

.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden] {
  -webkit-transform: scale(0.2) translate(-50%, -45%);
  transform: scale(0.2) translate(-50%, -45%);
  opacity: 0; }

.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px); }

.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px); }

.tippy-popper[x-placement^=top] [data-animation=perspective] {
  -webkit-transform-origin: bottom;
  transform-origin: bottom; }

.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(-10px) rotateX(0);
  transform: translateY(-10px) rotateX(0); }

.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(0) rotateX(60deg);
  transform: translateY(0) rotateX(60deg); }

.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px); }

.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px); }

.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px); }

.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(-10px) scale(1);
  transform: translateY(-10px) scale(1); }

.tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(0) scale(0.5);
  transform: translateY(0) scale(0.5); }

.tippy-popper[x-placement^=bottom] .tippy-backdrop {
  border-radius: 0 0 30% 30%; }

.tippy-popper[x-placement^=bottom] .tippy-roundarrow {
  top: -8px;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%; }

.tippy-popper[x-placement^=bottom] .tippy-roundarrow svg {
  position: absolute;
  left: 0;
  -webkit-transform: rotate(0);
  transform: rotate(0); }

.tippy-popper[x-placement^=bottom] .tippy-arrow {
  border-bottom: 8px solid #333;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  top: -7px;
  margin: 0 6px;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%; }

.tippy-popper[x-placement^=bottom] .tippy-backdrop {
  -webkit-transform-origin: 0 -50%;
  transform-origin: 0 -50%; }

.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible] {
  -webkit-transform: scale(1) translate(-50%, -45%);
  transform: scale(1) translate(-50%, -45%);
  opacity: 1; }

.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden] {
  -webkit-transform: scale(0.2) translate(-50%);
  transform: scale(0.2) translate(-50%);
  opacity: 0; }

.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(10px);
  transform: translateY(10px); }

.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px); }

.tippy-popper[x-placement^=bottom] [data-animation=perspective] {
  -webkit-transform-origin: top;
  transform-origin: top; }

.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(10px) rotateX(0);
  transform: translateY(10px) rotateX(0); }

.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(0) rotateX(-60deg);
  transform: translateY(0) rotateX(-60deg); }

.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(10px);
  transform: translateY(10px); }

.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px); }

.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(10px);
  transform: translateY(10px); }

.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(10px) scale(1);
  transform: translateY(10px) scale(1); }

.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(0) scale(0.5);
  transform: translateY(0) scale(0.5); }

.tippy-popper[x-placement^=left] .tippy-backdrop {
  border-radius: 50% 0 0 50%; }

.tippy-popper[x-placement^=left] .tippy-roundarrow {
  right: -16px;
  -webkit-transform-origin: 33.33333333% 50%;
  transform-origin: 33.33333333% 50%; }

.tippy-popper[x-placement^=left] .tippy-roundarrow svg {
  position: absolute;
  left: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.tippy-popper[x-placement^=left] .tippy-arrow {
  border-left: 8px solid #333;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  right: -7px;
  margin: 3px 0;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%; }

.tippy-popper[x-placement^=left] .tippy-backdrop {
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0; }

.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible] {
  -webkit-transform: scale(1) translate(-50%, -50%);
  transform: scale(1) translate(-50%, -50%);
  opacity: 1; }

.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden] {
  -webkit-transform: scale(0.2) translate(-75%, -50%);
  transform: scale(0.2) translate(-75%, -50%);
  opacity: 0; }

.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px); }

.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px); }

.tippy-popper[x-placement^=left] [data-animation=perspective] {
  -webkit-transform-origin: right;
  transform-origin: right; }

.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(-10px) rotateY(0);
  transform: translateX(-10px) rotateY(0); }

.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(0) rotateY(-60deg);
  transform: translateX(0) rotateY(-60deg); }

.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px); }

.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px); }

.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px); }

.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(-10px) scale(1);
  transform: translateX(-10px) scale(1); }

.tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(0) scale(0.5);
  transform: translateX(0) scale(0.5); }

.tippy-popper[x-placement^=right] .tippy-backdrop {
  border-radius: 0 50% 50% 0; }

.tippy-popper[x-placement^=right] .tippy-roundarrow {
  left: -16px;
  -webkit-transform-origin: 66.66666666% 50%;
  transform-origin: 66.66666666% 50%; }

.tippy-popper[x-placement^=right] .tippy-roundarrow svg {
  position: absolute;
  left: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.tippy-popper[x-placement^=right] .tippy-arrow {
  border-right: 8px solid #333;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  left: -7px;
  margin: 3px 0;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%; }

.tippy-popper[x-placement^=right] .tippy-backdrop {
  -webkit-transform-origin: -50% 0;
  transform-origin: -50% 0; }

.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible] {
  -webkit-transform: scale(1) translate(-50%, -50%);
  transform: scale(1) translate(-50%, -50%);
  opacity: 1; }

.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden] {
  -webkit-transform: scale(0.2) translate(-25%, -50%);
  transform: scale(0.2) translate(-25%, -50%);
  opacity: 0; }

.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(10px);
  transform: translateX(10px); }

.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(20px);
  transform: translateX(20px); }

.tippy-popper[x-placement^=right] [data-animation=perspective] {
  -webkit-transform-origin: left;
  transform-origin: left; }

.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(10px) rotateY(0);
  transform: translateX(10px) rotateY(0); }

.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(0) rotateY(60deg);
  transform: translateX(0) rotateY(60deg); }

.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(10px);
  transform: translateX(10px); }

.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(10px);
  transform: translateX(10px); }

.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(10px);
  transform: translateX(10px); }

.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(10px) scale(1);
  transform: translateX(10px) scale(1); }

.tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(0) scale(0.5);
  transform: translateX(0) scale(0.5); }

.tippy-tooltip {
  position: relative;
  color: #fff;
  border-radius: 4px;
  font-size: .9rem;
  padding: .3rem .6rem;
  max-width: 350px;
  text-align: center;
  will-change: transform;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #333; }

.tippy-tooltip[data-size=small] {
  padding: .2rem .4rem;
  font-size: .75rem; }

.tippy-tooltip[data-size=large] {
  padding: .4rem .8rem;
  font-size: 1rem; }

.tippy-tooltip[data-animatefill] {
  overflow: hidden;
  background-color: transparent; }

.tippy-tooltip[data-interactive], .tippy-tooltip[data-interactive] path {
  pointer-events: auto; }

.tippy-tooltip[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.53, 2, 0.36, 0.85); }

.tippy-tooltip[data-inertia][data-state=hidden] {
  transition-timing-function: ease; }

.tippy-arrow, .tippy-roundarrow {
  position: absolute;
  width: 0;
  height: 0; }

.tippy-roundarrow {
  width: 24px;
  height: 8px;
  fill: #333;
  pointer-events: none; }

.tippy-backdrop {
  position: absolute;
  will-change: transform;
  background-color: #333;
  border-radius: 50%;
  width: calc(110% + 2rem);
  left: 50%;
  top: 50%;
  z-index: -1;
  transition: all cubic-bezier(0.46, 0.1, 0.52, 0.98);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.tippy-backdrop:after {
  content: "";
  float: left;
  padding-top: 100%; }

.tippy-backdrop + .tippy-content {
  transition-property: opacity; }

.tippy-backdrop + .tippy-content[data-state=visible] {
  opacity: 1; }

.tippy-backdrop + .tippy-content[data-state=hidden] {
  opacity: 0; }

@media (max-width: 360px) {
  .tippy-popper {
    max-width: 96%;
    max-width: calc(100% - 20px); } }

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .tippy-arrow {
  border-top: 8px solid #fff;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent; }

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .tippy-arrow {
  border-bottom: 8px solid #fff;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent; }

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .tippy-arrow {
  border-left: 8px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent; }

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .tippy-arrow {
  border-right: 8px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent; }

.tippy-tooltip.light-theme {
  color: #26323d;
  box-shadow: 0 0 20px 4px rgba(154, 161, 177, 0.15), 0 4px 80px -8px rgba(36, 40, 47, 0.25), 0 4px 4px -2px rgba(91, 94, 105, 0.15);
  background-color: #fff; }

.tippy-tooltip.light-theme .tippy-backdrop {
  background-color: #fff; }

.tippy-tooltip.light-theme .tippy-roundarrow {
  fill: #fff; }

.tippy-tooltip.light-theme[data-animatefill] {
  background-color: transparent; }

.tippy-tooltip.light-theme {
  border-radius: 0;
  max-width: 100%;
  padding: 4px 20px; }
  .tippy-tooltip.light-theme .tippy-content {
    display: flex; }
    .tippy-tooltip.light-theme .tippy-content .tooltip__content {
      box-sizing: border-box;
      display: flex; }

.tooltip {
  outline: none;
  position: relative;
  padding: 0;
  color: inherit;
  border: none;
  background: none;
  line-height: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  min-width: 32px;
  min-height: 32px; }
  .tooltip:hover, .tooltip:focus, .tooltip:active {
    background: inherit; }
  .tooltip__content {
    display: none;
    z-index: 13;
    color: #484848; }
  .tooltip__wrapper {
    display: flex;
    flex: 0 1 auto;
    align-items: center; }
  .tooltip__info {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0 20px; }
  .tooltip__title {
    display: flex;
    font-size: 1.08333rem;
    font-weight: bold;
    line-height: 1.3; }
    @media (max-width: 767px) {
      .tooltip__title {
        font-size: 0.83333rem; } }
  .tooltip__description {
    display: flex;
    font-size: 0.83333rem;
    line-height: 1.3; }
    @media (max-width: 767px) {
      .tooltip__description {
        font-size: 0.66667rem; } }
  .tooltip__img {
    width: 100%;
    height: auto;
    max-width: 4.16667rem; }
  .tooltip__icon {
    font-size: 2.5rem;
    color: #81438e; }

.global-alert {
  font-size: 14px;
  text-align: left; }
  .global-alert__message--info {
    color: #4cd35f; }
  .global-alert__message--warning {
    color: #fc3816; }
  .global-alert__message--danger {
    color: #cc061f; }

.search {
  position: relative;
  display: flex;
  background-color: rgba(191, 144, 192, 0.8);
  color: #5e0e6f;
  height: 60px;
  width: 100%;
  transition: background-color .2s linear; }
  @media (min-width: 1024px) {
    .search {
      background-color: #fff; } }

@media (min-width: 320px) and (max-width: 767px) {
  .search {
    height: 48px; } }
  .search__form {
    display: flex;
    align-items: flex-end;
    width: 100%;
    padding-bottom: 13px;
    margin-left: 20px; }
    @media (max-width: 1023px) {
      .search__form {
        margin-left: 35px;
        padding-bottom: 0;
        align-items: center; } }

@media (min-width: 320px) and (max-width: 767px) {
  .search__form {
    margin-left: 10px; } }
    .search__form .button--search {
      font-weight: 500; }
  .search__icon {
    font-size: 20px;
    font-weight: bold;
    color: #81438e; }

@media (min-width: 768px) and (max-width: 1023px) {
  .search__icon {
    margin-right: 16px;
    font-size: 32px;
    color: #fff;
    font-weight: normal; } }

@media (min-width: 320px) and (max-width: 767px) {
  .search__icon {
    margin-left: 16px;
    margin-right: 12px;
    font-size: 24px;
    color: #fff;
    font-weight: normal; } }
    @media (min-width: 1024px) {
      .search__icon {
        margin-right: 12px;
        margin-bottom: 6px; } }
  .search__input {
    font-family: "Raleway", sans-serif;
    font-variant-numeric: lining-nums;
    font-feature-settings: "lnum" 1;
    background-color: transparent;
    border: none;
    color: #fff;
    display: flex;
    flex-grow: 1;
    margin: 0;
    padding-left: 0;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 24px;
    height: 28px;
    -webkit-appearance: none;
    /* clears the 'X' from Internet Explorer */
    /* clears the 'X' from Chrome */ }
    @media (min-width: 1024px) {
      .search__input {
        border-bottom: 2px solid #e1e1e1;
        color: #030305;
        font-size: 14px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .search__input {
    font-size: 24px;
    line-height: 22px; } }
    .search__input::-ms-clear {
      display: none;
      width: 0;
      height: 0; }
    .search__input::-ms-reveal {
      display: none;
      width: 0;
      height: 0; }
    .search__input::-webkit-search-decoration, .search__input::-webkit-search-cancel-button, .search__input::-webkit-search-results-button, .search__input::-webkit-search-results-decoration {
      display: none; }
    .search__input:focus {
      outline: none; }
    .search__input::placeholder {
      color: #fff;
      opacity: 1;
      font-style: italic;
      font-weight: 500;
      letter-spacing: 0; }
      @media (min-width: 1024px) {
        .search__input::placeholder {
          color: #5e0e6f;
          font-size: 13px; } }
    .search__input:-ms-input-placeholder {
      color: #fff;
      opacity: 1;
      font-style: italic;
      font-weight: 500;
      letter-spacing: 0; }
      @media (min-width: 1024px) {
        .search__input:-ms-input-placeholder {
          color: #5e0e6f;
          font-size: 13px; } }
  .search__results {
    background-color: white;
    display: none;
    left: 0;
    max-height: 430px;
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 24; }
    .search__results--visible {
      display: block; }
    @media (min-width: 768px) {
      .search__results {
        max-height: 365px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .search__results {
    left: 80px;
    width: 54%; } }
    @media (min-width: 1024px) {
      .search__results {
        left: 6px;
        max-height: 450px; } }
    .search__results::-webkit-scrollbar {
      width: 20px;
      height: 80px; }
    .search__results::-webkit-scrollbar-thumb {
      height: 80px;
      border: 8px solid rgba(0, 0, 0, 0);
      background-clip: padding-box;
      border-radius: 10px;
      background-color: #a3a3a3;
      box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.05), inset 1px 1px 0 rgba(0, 0, 0, 0.05); }
  .search__tile {
    margin: 0 20px;
    /*border-top: 1px $gray-light solid;

    &:first-child {
      border-top: 0 none;
    }*/ }

@media (min-width: 320px) and (max-width: 767px) {
  .search__tile {
    margin: 0 10px; } }
  .search__img {
    transform: translateX(-8px);
    height: 84px;
    width: 84px; }
  .search__link {
    align-items: center;
    color: #000000;
    display: flex;
    padding: 20px 0;
    text-decoration: none; }
    .search__link:hover .search__product,
    .search__link:hover .search__article-name {
      text-decoration: underline; }
  .search__price {
    font-size: 20px;
    width: 94px;
    transform: translateX(8px); }
    .search__price-curr {
      white-space: nowrap;
      text-align: right; }
    .search__price-curr.text--pink {
      font-weight: bold; }
    .search__price-old {
      font-size: 12px;
      text-decoration: line-through;
      text-align: right;
      font-weight: normal;
      padding-top: 4px; }
  .search__product {
    width: 175px;
    margin: 0 10px; }
    .search__product-brand, .search__product-name {
      display: inherit;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      text-transform: uppercase;
      font-size: 14px;
      line-height: 19px; }
    .search__product-brand {
      font-size: 18px;
      line-height: 23px;
      font-weight: bold; }
  .search__articles {
    padding-bottom: 8px; }
    .search__articles-title {
      font-size: 16px;
      line-height: 21px;
      font-weight: bold;
      padding: 18px 0 6px 0;
      margin: 0 20px;
      color: #484848; }

@media (min-width: 320px) and (max-width: 767px) {
  .search__articles-title {
    margin: 0 10px; } }
  .search__article {
    margin: 0 20px; }

@media (min-width: 320px) and (max-width: 767px) {
  .search__article {
    margin: 0 10px; } }
    .search__article-img {
      font-size: 1px;
      color: #fff;
      margin: 0 20px 0 6px; }
      .search__article-img img {
        display: block;
        height: 56px;
        width: 56px;
        border-radius: 28px;
        overflow: hidden;
        border: 1px #d1d1d1 solid; }
    .search__article-name {
      font-size: 14px;
      line-height: 17px;
      color: #484848;
      width: calc(100% - 198px);
      margin: 0 10px; }
    .search__article-link {
      align-items: center;
      display: flex;
      padding: 20px 0;
      text-decoration: none; }
      .search__article-link:hover .search__article-name {
        text-decoration: underline; }
  .search__tiles, .search__articles {
    border-bottom: 1px #d1d1d1 solid; }
  .search__categories, .search__suggestions {
    padding: 15px 0 18px 0;
    margin: 0 20px;
    border-bottom: 1px #d1d1d1 solid; }

@media (min-width: 320px) and (max-width: 767px) {
  .search__categories, .search__suggestions {
    margin: 0 10px; } }
  .search__results div:last-child {
    border-bottom: none; }
  .search__category, .search__suggestion {
    font-size: 14px;
    line-height: 19px;
    padding: 6px 10px;
    margin: 3px 0px;
    color: #000000;
    cursor: pointer; }
    .search__category:hover, .search__suggestion:hover {
      background: #f8f8f8; }
    .search__category b, .search__suggestion b {
      font-weight: bold; }
  .search--in-banner {
    background-color: transparent; }
    .search--in-banner .search__form {
      width: auto;
      margin: 0 auto;
      border-bottom: 2px solid #fff;
      padding: 0; }
    .search--in-banner .search__input {
      color: #fff;
      border-bottom: none; }
      .search--in-banner .search__input::placeholder {
        color: #fff; }
    .search--in-banner .search__icon {
      font-size: 30px;
      color: #fff;
      font-weight: normal;
      padding: 0; }
  @media (min-width: 1024px) {
    .theme-vip .search {
      background-color: #000000; } }
  .theme-vip .search__icon, .theme-vip .search__input {
    color: #fff; }
  @media (min-width: 1024px) {
    .theme-vip .search__input::placeholder {
      color: #fff; } }
  @media (min-width: 1024px) {
    .theme-vip .search__input:-ms-input-placeholder {
      color: #fff; } }
  .theme-vip .search .button--search {
    color: #fff; }

.search-page-nav {
  text-align: center;
  margin: 20px 0;
  padding: 24px 0 22px 0; }
  .search-page-nav ul {
    display: inline-block;
    border-bottom: 1px #484848 solid;
    height: 39px; }
    @media (max-width: 480px) {
      .search-page-nav ul {
        border-bottom: 0px; } }
    .search-page-nav ul li {
      list-style: none;
      display: inline-block;
      font-size: 18px;
      line-height: 25px;
      letter-spacing: -.4px;
      text-transform: uppercase;
      font-family: 'Raleway Medium', sans-serif; }

@media (min-width: 320px) and (max-width: 767px) {
  .search-page-nav ul li {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0px; } }
      @media (max-width: 480px) {
        .search-page-nav ul li {
          display: block;
          text-align: center;
          padding: 10px 0; } }
      .search-page-nav ul li a {
        text-decoration: none;
        color: #c7c7c7;
        display: block; }
        .search-page-nav ul li a:hover {
          height: 38px;
          border-bottom: 1px #ec3075 solid; }
          @media (max-width: 480px) {
            .search-page-nav ul li a:hover {
              height: auto; } }
        .search-page-nav ul li a[data-active="true"] {
          color: #484848; }
        .search-page-nav ul li a[data-selected="true"] {
          font-family: 'Raleway', sans-serif;
          font-weight: bold;
          height: 38px;
          border-bottom: 2px #ec3075 solid; }
          @media (max-width: 480px) {
            .search-page-nav ul li a[data-selected="true"] {
              height: auto; } }
  .search-page-nav__separate {
    padding: 0 16px; }
    @media (max-width: 480px) {
      .search-page-nav__separate {
        display: none !important; } }

.sticky-header {
  z-index: 21;
  width: 100%; }
  .sticky-header__upper {
    display: inline-flex;
    width: 100%;
    height: 24px;
    justify-content: center;
    align-items: center;
    background: #81438e;
    text-align: center;
    color: #fff;
    cursor: pointer; }
  .sticky-header__title {
    padding: 3px 0;
    font-size: 14px;
    font-weight: bold; }
  .sticky-header__countdown {
    display: inline-block;
    padding: 3px 0 3px 10px;
    font-size: 14px;
    font-weight: bold; }
  .sticky-header .icon {
    padding: 3px 16px;
    cursor: pointer;
    transition: transform .3s; }
  .sticky-header.is-opened .icon {
    transform: rotate(90deg);
    transition: transform .3s; }
  .sticky-header__content {
    overflow: hidden;
    background: #bf90c0;
    line-height: 2;
    height: 0; }
  .sticky-header__description {
    padding: 21px 15px 0;
    text-align: center;
    font-size: 10px;
    color: #fff;
    font-weight: bold; }
    @media (min-width: 1024px) {
      .sticky-header__description {
        padding: 21px 0 0;
        width: 85%;
        margin: 0 auto; } }
  .sticky-header__buttons {
    padding: 21px 15px 24px; }
  .is-nav-opened .sticky-header {
    flex: 0 0 auto; }

.sticky-quick__container {
  position: fixed;
  z-index: 21;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
  transform: translateY(110%);
  transition: transform .5s; }
  .sticky-quick__container.is-visible {
    transform: translateY(0); }
  @media (min-width: 1024px) {
    .sticky-quick__container {
      top: 0;
      bottom: auto;
      transform: translateY(-110%);
      box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); } }

.sticky-quick__wrapper {
  display: flex;
  flex: 0 1 auto;
  justify-content: center;
  align-items: center;
  margin: auto;
  padding: 14px 11px; }

.sticky-quick__inner {
  display: flex;
  justify-content: space-between;
  padding: 16px 30px;
  background: #81438e; }

.sticky-quick__figure {
  margin-right: 15px; }

.sticky-quick__image {
  max-width: 80px;
  height: 80px;
  object-fit: contain; }

.sticky-quick__icon {
  position: relative;
  z-index: 17;
  font-size: 35px;
  color: #fff;
  cursor: pointer; }

.sticky-quick__information {
  flex: 1 0 40%;
  overflow: hidden; }

.sticky-quick__title {
  border-bottom: 1px solid #fff;
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer; }

.sticky-quick__brand {
  margin-bottom: 2px;
  font-size: 24px;
  line-height: 1.13;
  font-weight: bold;
  text-transform: uppercase; }

.sticky-quick__product {
  margin-bottom: 4px;
  font-size: 14px; }

.sticky-quick__rating {
  display: flex;
  flex: 0 1 auto;
  line-height: 1.3; }

.sticky-quick__text {
  align-self: flex-end;
  font-size: 14px;
  color: #a3a3a3;
  margin-left: 5px; }

.sticky-quick__cost {
  text-align: right;
  flex: 1 0 auto;
  margin: 0 55px 0 30px; }

.sticky-quick__price {
  text-align: right; }
  .sticky-quick__price--old {
    font-size: 14px;
    text-decoration: line-through; }
  .sticky-quick__price--new {
    padding: 4px 0;
    font-size: 26px;
    color: #ec3075;
    font-weight: bold; }

.sticky-quick__add-to-cart {
  flex: 1 0 25%; }

.sub-category-nav {
  padding: 20px 0 65px;
  font-size: 18px;
  color: #484848;
  letter-spacing: 0.8px; }
  .sub-category-nav__container {
    display: flex;
    height: 100%;
    max-width: 1050px;
    flex-wrap: wrap;
    justify-content: center; }
    .sub-category-nav__container.is-multiline {
      width: 100%; }
  .sub-category-nav__category-options > .sub-category-nav__container {
    width: 100%; }
  .sub-category-nav__break {
    flex-basis: 100%;
    width: 0;
    height: 0;
    overflow: hidden; }
  .sub-category-nav__category, .sub-category-nav__current-category {
    flex-basis: 100%;
    border-bottom: 1px solid #d1d1d1; }
    .sub-category-nav__category .icon, .sub-category-nav__current-category .icon {
      font-size: 15px; }
    .sub-category-nav__category.is-category-open .icon, .sub-category-nav__current-category.is-category-open .icon {
      transform: rotate(-90deg); }
    @media (max-width: 767px) {
      .sub-category-nav__category.is-simple-link, .sub-category-nav__current-category.is-simple-link {
        border-bottom: none; }
        .sub-category-nav__category.is-simple-link.is-active .sub-category-nav__header-link, .sub-category-nav__current-category.is-simple-link.is-active .sub-category-nav__header-link {
          font-weight: normal; }
          .sub-category-nav__category.is-simple-link.is-active .sub-category-nav__header-link .sub-category-nav__header-title, .sub-category-nav__current-category.is-simple-link.is-active .sub-category-nav__header-link .sub-category-nav__header-title {
            color: #ec3075; }
        .sub-category-nav__category.is-simple-link .sub-category-nav__header-link, .sub-category-nav__current-category.is-simple-link .sub-category-nav__header-link {
          padding: 20px 0 15px; }
          .sub-category-nav__category.is-simple-link .sub-category-nav__header-link:hover, .sub-category-nav__current-category.is-simple-link .sub-category-nav__header-link:hover {
            font-weight: normal; }
            .sub-category-nav__category.is-simple-link .sub-category-nav__header-link:hover .sub-category-nav__header-title, .sub-category-nav__current-category.is-simple-link .sub-category-nav__header-link:hover .sub-category-nav__header-title {
              color: #ec3075; }
        .sub-category-nav__category.is-simple-link .sub-category-nav__header-title, .sub-category-nav__current-category.is-simple-link .sub-category-nav__header-title {
          text-transform: none; }
        .sub-category-nav__category.is-simple-link .icon, .sub-category-nav__current-category.is-simple-link .icon {
          transform: rotate(0deg); } }
  .sub-category-nav__current-category {
    display: none; }
    .sub-category-nav__current-category .icon {
      font-size: 22px; }
    .sub-category-nav__current-category .sub-category-nav__header-title {
      font-weight: 500; }
  .sub-category-nav__category-options {
    display: none; }
    .is-category-open + .sub-category-nav__category-options {
      display: block; }
  .sub-category-nav__sub-category {
    display: none;
    flex-basis: 100%; }
    .sub-category-nav__sub-category .icon {
      transform: rotate(0deg);
      font-size: 15px; }
    .is-category-open + .sub-category-nav__sub-category {
      display: block; }
  .sub-category-nav__header-title {
    text-transform: uppercase; }
  .sub-category-nav__header--sub-category .sub-category-nav__header-title {
    text-transform: none; }
  .sub-category-nav__header-link, .sub-category-nav__header-current-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #484848;
    text-decoration: none;
    cursor: pointer; }
  .sub-category-nav__header--category .sub-category-nav__header-link,
  .sub-category-nav__header--sub-category .sub-category-nav__header-link {
    padding-bottom: 10px; }
  .sub-category-nav__header--category .sub-category-nav__header-link::after {
    content: '';
    width: 100%;
    height: 3px;
    background-color: #ec3075;
    position: absolute;
    bottom: -1px;
    left: 0;
    display: none; }
  .sub-category-nav__header--category .sub-category-nav__header-link:hover::after, .is-category-open .sub-category-nav__header--category .sub-category-nav__header-link::after {
    display: block; }
  @media (max-width: 767px) {
    .sub-category-nav {
      margin: 0 20px;
      padding: 0 0 20px; }
      .sub-category-nav__current-category {
        display: block; }
      .sub-category-nav__category, .sub-category-nav__sub-category, .sub-category-nav__sub-category-item {
        overflow: hidden; }
      .sub-category-nav__category--no-child-category .icon, .sub-category-nav__category--no-child-category.is-category-open .icon {
        transform: rotate(0deg); }
      .sub-category-nav__category--no-child-category .sub-category-nav__header-link {
        width: 100%; }
      .sub-category-nav__category--has-child-category .sub-category-nav__header {
        cursor: pointer; }
        .sub-category-nav__category--has-child-category .sub-category-nav__header-link {
          padding-bottom: 13px; }
        .sub-category-nav__category--has-child-category .sub-category-nav__header-icon {
          padding-top: 10px; }
        .sub-category-nav__category--has-child-category .sub-category-nav__header-title {
          padding-bottom: 2px;
          border-bottom: 1px solid; }
          .sub-category-nav__category--has-child-category .sub-category-nav__header-title:hover {
            border-bottom-color: transparent; }
      .sub-category-nav__category .sub-category-nav__header--category {
        display: flex;
        justify-content: space-between;
        align-items: center; }
      .sub-category-nav__sub-category-item {
        flex-basis: 100%; }
      .sub-category-nav__header-current-link {
        padding-bottom: 22px; }
      .sub-category-nav__header--category .sub-category-nav__header-link:hover::after,
      .is-category-open .sub-category-nav__header--category .sub-category-nav__header-link::after,
      .is-active .sub-category-nav__header--category .sub-category-nav__header-link::after,
      .sub-category-nav__header--sub-category .sub-category-nav__header-link:hover::after,
      .is-category-open
      .sub-category-nav__header--sub-category .sub-category-nav__header-link::after,
      .is-active
      .sub-category-nav__header--sub-category .sub-category-nav__header-link::after {
        display: none; }
      .sub-category-nav__header--category .sub-category-nav__header-link {
        padding: 25px 0 15px; }
        .sub-category-nav__header--category .sub-category-nav__header-link:hover,
        .is-active .sub-category-nav__header--category .sub-category-nav__header-link {
          font-weight: bold; }
      .sub-category-nav__header--sub-category .sub-category-nav__header-link {
        padding: 20px 0 15px; }
        .sub-category-nav__header--sub-category .sub-category-nav__header-link:hover,
        .is-active .sub-category-nav__header--sub-category .sub-category-nav__header-link {
          color: #ec3075; }
          .sub-category-nav__header--sub-category .sub-category-nav__header-link:hover .icon,
          .is-active .sub-category-nav__header--sub-category .sub-category-nav__header-link .icon {
            color: #484848; }
      .sub-category-nav__header-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; } }
  @media (min-width: 768px) {
    .sub-category-nav__category {
      flex-basis: auto;
      border-bottom: 0 none;
      display: inline-flex;
      margin-top: 8px; }
      .sub-category-nav__category:not(:first-child)::before {
        content: "";
        width: 1px;
        height: 18px;
        background-color: #484848;
        margin: 0 13px; }
    .sub-category-nav__sub-category {
      order: 1;
      display: none;
      font-size: 15px;
      text-align: center; }
      .is-category-open + .sub-category-nav__sub-category {
        display: block; }
      .sub-category-nav__sub-category-item {
        display: inline-flex;
        margin: 10px 0 0; }
        .sub-category-nav__sub-category-item:not(:first-of-type)::before {
          content: "";
          width: 1px;
          height: 15px;
          background-color: #484848;
          margin: 0 13px; }
    .sub-category-nav__sub-category .sub-category-nav__container {
      display: inline-flex;
      border-top: 1px solid #484848; } }
  @media (min-width: 768px) and (max-width: 767px) {
    .sub-category-nav__sub-category .sub-category-nav__container {
      border: none; } }
  @media (min-width: 768px) {
    .sub-category-nav__header {
      font-size: 0; }
      .sub-category-nav__header > * {
        font-size: 18px; }
      .sub-category-nav__header--sub-category > * {
        font-size: 15px; }
      .sub-category-nav__header-link {
        display: inline-flex;
        flex-direction: column; }
      .sub-category-nav__header--category .sub-category-nav__header-link {
        position: relative; }
      .is-active .sub-category-nav__header--sub-category .sub-category-nav__header-link, .sub-category-nav__header--sub-category .sub-category-nav__header-link:hover {
        border-bottom: 3px solid #ec3075;
        margin-bottom: -3px; }
    .sub-category-nav__category-options {
      display: flex;
      flex: 1 0 auto;
      justify-content: center; } }
  .theme-vip .sub-category-nav {
    background-color: #000000; }
    @media (max-width: 1023px) {
      .theme-vip .sub-category-nav {
        padding: 40px 20px;
        margin: 0; } }
    @media (max-width: 767px) {
      .theme-vip .sub-category-nav {
        padding-bottom: 20px; } }
    .theme-vip .sub-category-nav__container {
      border-top-color: #fff; }
    .theme-vip .sub-category-nav__header-link, .theme-vip .sub-category-nav__header-current-link {
      color: #fff; }
      .theme-vip .sub-category-nav__header-link::before, .theme-vip .sub-category-nav__header-current-link::before {
        background-color: #fff; }
    .theme-vip .sub-category-nav__category-options {
      padding-bottom: 0; }
      @media (max-width: 767px) {
        .theme-vip .sub-category-nav__category-options {
          padding-bottom: 350px; } }
    .theme-vip .sub-category-nav__category:not(:first-child)::before, .theme-vip .sub-category-nav__sub-category-item:not(:first-child)::before {
      background-color: #fff; }
    .theme-vip .sub-category-nav .is-active .sub-category-nav__header--sub-category .sub-category-nav__header-link {
      border-bottom: 1px solid #d4a660; }
      @media (max-width: 767px) {
        .theme-vip .sub-category-nav .is-active .sub-category-nav__header--sub-category .sub-category-nav__header-link {
          border-bottom: 0; } }
      .theme-vip .sub-category-nav .is-active .sub-category-nav__header--sub-category .sub-category-nav__header-link .icon {
        color: #fff; }
    .theme-vip .sub-category-nav .sub-category-nav__sub-category-item .sub-category-nav__header-link:hover {
      border-bottom: 1px solid #d4a660; }
      @media (max-width: 767px) {
        .theme-vip .sub-category-nav .sub-category-nav__sub-category-item .sub-category-nav__header-link:hover {
          border-bottom: 0; } }
      .theme-vip .sub-category-nav .sub-category-nav__sub-category-item .sub-category-nav__header-link:hover .icon {
        color: #fff; }
    .theme-vip .sub-category-nav__header-link::after {
      background-color: #d4a660; }

.wishlist-form {
  padding: 65px 55px; }

@media (min-width: 320px) and (max-width: 767px) {
  .wishlist-form {
    min-height: 450px;
    padding: 0; } }
  .wishlist-form__icon {
    font-size: 20px;
    color: #484848;
    margin-right: 10px;
    font-weight: bold; }
  .wishlist-form__title {
    border-bottom: 1px solid black;
    padding: 0;
    line-height: 30px; }
  .wishlist-form__description {
    padding: 20px 0; }

@media (min-width: 320px) and (max-width: 767px) {
  .wishlist-form__description {
    padding: 20px 0 0 0; } }

.feefo-review__rating, .feefo-review__average-rating {
  text-align: center; }

.feefo-review__rating-progress, .feefo-review__average-rating-row {
  margin-bottom: 18px; }
  .feefo-review__rating-progress:last-of-type, .feefo-review__average-rating-row:last-of-type {
    margin-bottom: 0; }

.feefo-review__rating-bar {
  background-color: #d1d1d1;
  min-height: 16px;
  width: 100%;
  border-radius: 20px; }
  .feefo-review__rating-bar--filled {
    min-height: 16px;
    border-radius: 20px;
    background-color: #f20060; }

@media (max-width: 767px) {
  .feefo-review__average-rating {
    margin-top: 50px; } }

.feefo-review__average-rating-stars {
  width: 100%;
  justify-content: flex-start;
  text-align: start;
  font-size: 20px; }

.feefo-review__average-rating-bars {
  width: 100%;
  justify-content: flex-start;
  text-align: start; }

.feefo-review__average-rating-bar {
  display: inline-block;
  background-color: #d1d1d1;
  min-height: 16px;
  width: 17%;
  border-radius: 16px; }
  .feefo-review__average-rating-bar--filled {
    min-height: 16px;
    border-radius: 16px;
    width: 0;
    background-color: #f20060; }
    .feefo-review__average-rating-bar--filled-100 {
      width: 100%; }
    .feefo-review__average-rating-bar--filled-50 {
      width: 50%; }

.feefo-review__button {
  width: 100%;
  justify-content: center; }
  @media (min-width: 768px) {
    .feefo-review__button {
      justify-content: flex-end;
      padding-right: 0; } }

.feefo-review__popup-description {
  margin: 20px 0; }

.feefo-review__popup-stars .icon {
  font-size: 28px; }

.feefo-review__popup-message {
  width: 100%;
  height: 155px;
  box-sizing: border-box;
  border: solid 1px black; }

/*! nouislider - 12.1.0 - 10/25/2018 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-target {
  position: relative;
  direction: ltr; }

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1; }

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0; }

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0; }

/* Offset direction
 */
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0; }

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0; }

.noUi-horizontal .noUi-origin {
  height: 0; }

.noUi-handle {
  position: absolute; }

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s; }

.noUi-state-drag * {
  cursor: inherit !important; }

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px; }

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px; }

.noUi-vertical {
  width: 18px; }

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px; }

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto; }

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; }

.noUi-connects {
  border-radius: 3px; }

.noUi-connect {
  background: #3FB8AF; }

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize; }

.noUi-vertical .noUi-draggable {
  cursor: ns-resize; }

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; }

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px; }

.noUi-handle:after {
  left: 17px; }

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px; }

.noUi-vertical .noUi-handle:after {
  top: 17px; }

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8; }

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed; }

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-pips {
  position: absolute;
  color: #999; }

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center; }

.noUi-value-sub {
  color: #ccc;
  font-size: 10px; }

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC; }

.noUi-marker-sub {
  background: #AAA; }

.noUi-marker-large {
  background: #AAA; }

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%; }

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%); }

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%); }

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px; }

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px; }

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px; }

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%; }

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%, 0);
  padding-left: 25px; }

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%); }

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px; }

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px; }

.noUi-marker-vertical.noUi-marker-large {
  width: 15px; }

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap; }

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%; }

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%; }

/* horizontal theme overriding */
.noUi-target {
  background: #f8f8f8;
  border: 0 none;
  border-radius: 0; }

.noUi-connect {
  background: #f8f8f8; }

.noUi-handle:before,
.noUi-handle:after {
  display: none; }

.noUi-horizontal {
  height: 2px; }

.noUi-horizontal .noUi-handle {
  top: -5px; }

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  width: 12px;
  height: 12px;
  right: -6px;
  border: 0 none;
  border-radius: 50%;
  box-shadow: none;
  outline: 0 none; }

.noUi-tooltip {
  padding: 0 0 8px;
  border: 0 none;
  border-bottom: 1px solid #f8f8f8;
  border-radius: 0;
  background: transparent;
  color: #f8f8f8;
  font-size: 15px; }

.noUi-horizontal .noUi-tooltip {
  top: 25px;
  bottom: auto; }

.noUi-marker {
  display: none; }

.noUi-pips-horizontal {
  top: -25px;
  height: auto;
  padding: 0; }

.noUi-value-horizontal {
  color: #f8f8f8;
  font-size: 15px;
  transform: none; }
  .noUi-value-horizontal:last-of-type {
    transform: translate(-100%, 0); }

.facets {
  position: relative;
  margin-bottom: 12px;
  /* facet nav - start */
  /* facet nav - end */
  /* filter overlay - start */
  /* filter overlay - end */ }
  .facets * {
    box-sizing: border-box; }
  .facets a {
    color: inherit;
    text-decoration: none; }
  .facets__nav {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100vw;
    max-width: 1050px;
    padding: 0 11px;
    align-items: center;
    color: #484848; }
    .facets__nav-wrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      background-color: #efefef;
      padding: 17px 0; }
  .facets__layout-view {
    font-size: 0;
    white-space: nowrap; }
    .facets__layout-view-grid, .facets__layout-view-list {
      display: inline-block;
      width: 25px;
      height: 25px;
      border: 1px solid #efefef;
      text-align: center; }
      .facets__layout-view-grid.is-active, .facets__layout-view-grid:hover, .facets__layout-view-list.is-active, .facets__layout-view-list:hover {
        border-color: #484848; }
      .facets__layout-view-grid .icon, .facets__layout-view-list .icon {
        color: #c7c7c7;
        font-size: 19px;
        line-height: 25px; }
    .facets__layout-view-grid {
      margin-right: 12px; }
  .facets__filter-result-counter {
    margin-left: 30px; }
  .facets__show-all-btn {
    display: none;
    position: absolute;
    top: 4px;
    right: 30px;
    border-bottom: 1px solid;
    padding-bottom: 4px;
    font-size: 16px;
    text-transform: uppercase; }
    .facets__show-all-btn:hover {
      border-bottom: none; }
    @media (max-width: 767px) {
      .facets__show-all-btn {
        display: block; } }
  .facets-filter-category {
    flex: 1; }
    .facets-filter-category__list {
      display: flex;
      justify-content: space-around;
      padding: 0 30px; }
    .facets-filter-category__item {
      position: relative;
      padding: 0 10px;
      white-space: nowrap; }
    .facets-filter-category__title {
      text-transform: uppercase;
      outline: 0 none;
      cursor: pointer; }
      .facets-filter-category__title.is-active, .facets-filter-category__title:hover {
        border-bottom: 1px solid #484848; }
    .facets-filter-category__hint {
      display: none;
      height: 16px;
      width: 16px;
      min-height: 16px;
      min-width: 16px;
      position: absolute;
      right: -10px;
      top: -10px;
      border-radius: 50%;
      border: 1px solid #484848;
      text-align: center;
      line-height: 16px;
      font-size: 12px; }
    .facets-filter-category__title.is-dirty + .facets-filter-category__hint {
      display: block; }
  .facets-filter-overlay {
    position: absolute;
    width: 100vw;
    top: 100%;
    left: 0;
    color: #f8f8f8;
    z-index: 11; }
    .facets-filter-overlay .facets__apply {
      height: 38px;
      width: 138px; }
      .facets-filter-overlay .facets__apply {
        border-color: #484848;
        background-color: #a3a3a3;
        color: #fff; }
        .facets-filter-overlay .facets__apply .button__underline::after {
          background-color: #fff; }
        .facets-filter-overlay .facets__apply:hover {
          background-color: #fff;
          border-color: #484848;
          color: #a3a3a3; }
          .facets-filter-overlay .facets__apply:hover .button__underline::after {
            background-color: #a3a3a3; }
  .facets-filter-view--checkboxes {
    vertical-align: top; }
    .facets-filter-view--checkboxes .input {
      min-height: 25px; }
      .facets-filter-view--checkboxes .input-checkbox__label {
        padding: 0 18px 0 27px;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
  .facets-filter-view--color {
    font-size: 0; }
    .facets-filter-view--color label {
      display: inline-block;
      width: 29px;
      height: 29px;
      margin: 0 13px 10px 13px;
      border-radius: 50%;
      cursor: pointer; }
  .facets-filter-view--color .facets-filter-view__item {
    display: inline-block; }
  .facets-filter-view--rating .rating-label {
    margin-top: -6px; }
    .facets-filter-view--rating .rating-label .icon-star-empty, .facets-filter-view--rating .rating-label .icon-star-full {
      font-size: 0; }
  .facets-control {
    margin: 25px 0 0;
    justify-content: center; }
  .facets__checkbox {
    color: #f8f8f8; }
    .facets__checkbox .input-checkbox__outer-element {
      background: #f8f8f8; }
    .facets__checkbox .input-checkbox__inner-element,
    .facets__checkbox .input-checkbox:checked ~ .input-checkbox__inner-element {
      border-color: #f8f8f8; }
  @media (min-width: 768px) {
    .facets__clear .button {
      width: 105px;
      height: 29px;
      padding: 0;
      font-size: 11px; }
      .facets__clear .button__underline {
        padding-bottom: 5px; }
    .facets__apply {
      margin-top: 60px; }
    .facets-filter-view--5-columns {
      -moz-column-count: 5;
      -webkit-column-count: 5;
      column-count: 5; }
    .facets-filter-view--2-columns {
      width: 40%;
      margin: 0 auto;
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2; }
    .facets-filter-view--checkboxes .facets-filter-view__item {
      display: inline-block;
      width: 100%; }
    .facets-filter-view--color {
      width: 550px;
      margin: 0 auto -10px; }
      .facets-filter-view--color .input-checkbox + label:hover,
      .facets-filter-view--color .input-checkbox:checked + label {
        margin: -2px 11px 8px 11px;
        border: 2px solid #fff;
        box-sizing: content-box;
        box-shadow: 0 0 1px 1px #5e0e6f; }
    .facets-filter-view--range {
      max-width: 650px;
      margin: 0 auto;
      padding: 25px 0; }
    .facets-filter-view--sort-by {
      max-width: 180px;
      font-size: 0; }
      .facets-filter-view--sort-by .input-checkbox__label {
        margin: 5px 0;
        padding-right: 0;
        text-transform: uppercase; }
    .facets__filter-container {
      display: none;
      width: 100%;
      padding: 38px 0;
      background-color: rgba(51, 51, 51, 0.97); }
      .facets__filter-container.is-show {
        display: block; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .facets__clear .button {
    width: 70px;
    height: 29px;
    background: transparent; }
    .facets__clear .button:hover {
      background: #484848; }
    .facets__clear .button__underline {
      padding-bottom: 0; }
      .facets__clear .button__underline:after {
        display: none; }
  .facets__filters {
    padding: 0 10px; } }
  @media (max-width: 767px) {
    .facets__nav {
      padding: 0 30px;
      justify-content: flex-start; }
    .facets-control {
      padding: 0 20px; }
      .facets-control .button {
        width: 100%;
        max-width: 100%;
        font-size: 13px; }
    .facets-filter-overlay {
      padding: 0;
      background: none; }
      .facets-filter-overlay__header {
        margin: 40px 0;
        padding-left: 35px; }
      .facets-filter-overlay__back {
        position: relative;
        padding-left: 55px;
        font-size: 22px;
        text-transform: uppercase; }
        .facets-filter-overlay__back .icon {
          position: absolute;
          left: 0;
          font-size: 24px; }
      .facets-filter-overlay__close {
        position: absolute;
        top: 0;
        right: 10px;
        width: 22px;
        height: 22px; }
        .facets-filter-overlay__close::before, .facets-filter-overlay__close::after {
          content: '';
          position: absolute;
          height: 1px;
          width: 100%;
          top: 50%;
          left: 0;
          background: #fff; }
        .facets-filter-overlay__close::before {
          transform: rotate(45deg); }
        .facets-filter-overlay__close::after {
          transform: rotate(-45deg); }
      .facets-filter-overlay__footer {
        position: fixed;
        left: 100vw;
        bottom: 0;
        display: flex;
        width: 100%;
        transition: all 0.5s ease;
        z-index: 17; } }
    @media (max-width: 767px) and (max-width: 767px) {
      .facets-filter-overlay__footer {
        flex-direction: row-reverse; } }
  @media (max-width: 767px) {
        .facets-filter-overlay__footer .button {
          max-width: 100%;
          width: 50%;
          height: 65px;
          font-size: 21px;
          border: 0 none; }
        .facets-filter-overlay__footer .facets__apply {
          border-color: #484848;
          background-color: #484848;
          color: #fff; }
          .facets-filter-overlay__footer .facets__apply .button__underline::after {
            background-color: #fff; }
          .facets-filter-overlay__footer .facets__apply:hover {
            background-color: #fff;
            border-color: #484848;
            color: #484848; }
            .facets-filter-overlay__footer .facets__apply:hover .button__underline::after {
              background-color: #484848; }
        .facets-filter-overlay__footer .facets__apply:hover {
          border-right: 1px solid #484848; }
        .facets-filter-overlay__footer .facets__clear {
          border-color: #484848;
          background-color: #fff;
          color: #484848; }
          .facets-filter-overlay__footer .facets__clear .button__underline::after {
            background-color: #484848; }
          .facets-filter-overlay__footer .facets__clear:hover {
            background-color: #484848;
            border-color: #484848;
            color: #fff; }
            .facets-filter-overlay__footer .facets__clear:hover .button__underline::after {
              background-color: #fff; }
        .facets-filter-overlay__footer .facets__clear:hover {
          border-left: 1px solid #fff; }
      .is-show .facets-filter-overlay__footer {
        left: 0; }
    .facets__filter-container {
      position: fixed;
      width: 100vw;
      height: 100vh;
      top: 0;
      left: 100vw;
      margin: 0;
      padding-bottom: 64px;
      background-color: #000000;
      transition: all 0.5s ease;
      overflow: auto;
      z-index: 7; }
      .facets__filter-container.is-show {
        left: 0; }
      .facets__filter-container > div {
        padding: 0; }
    .facets-filter-view {
      padding-left: 35px; }
      .facets-filter-view--category .facets-filter-view__link {
        display: flex;
        width: 100%;
        height: 62px;
        border-bottom: 1px solid #f8f8f8;
        padding: 0 20px 0 7px;
        font-size: 22px;
        line-height: 62px;
        align-content: space-between;
        align-items: center; }
      .facets-filter-view--checkboxes .input-checkbox__label {
        width: 100%;
        height: 62px;
        padding-left: 55px;
        font-size: 22px;
        line-height: 62px; }
      .facets-filter-view--checkboxes .input-checkbox__inner-element {
        top: calc(50% - 12px);
        width: 22px;
        height: 22px; }
      .facets-filter-view--checkboxes .input-checkbox__outer-element {
        top: calc(50% - 7px);
        left: 5px;
        width: 12px;
        height: 12px; }
      .facets-filter-view--checkboxes .facets-filter-view__item {
        padding-left: 7px;
        border-bottom: 1px solid #f8f8f8; }
      .facets-filter-view--color {
        padding: 0 25px 40px;
        font-size: 0; }
        .facets-filter-view--color label {
          width: 36px;
          height: 36px;
          margin: 0 10px 16px 10px; }
        .facets-filter-view--color .input-checkbox + label:hover,
        .facets-filter-view--color .input-checkbox:checked + label {
          box-shadow: inset 0px 0px 0px 2px #fff, 0 0 1px 2px #5e0e6f; }
      .facets-filter-view--rating .rating-label {
        margin-top: 2px; }
        .facets-filter-view--rating .rating-label .icon-star-filled {
          font-size: 30px; }
    .facets__layout-view-grid {
      margin-right: 8px; }
    .facets__filter-title, .facets__filter-selected-value, .facets__filter-hint {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .facets__filter-title {
      flex: 1;
      padding-right: 8px;
      text-transform: uppercase; }
    .facets__filter-selected-value, .facets__filter-hint {
      position: relative;
      display: none;
      max-width: 50%;
      padding-left: 8px;
      color: #d1d1d1;
      text-align: right; }
    .facets__filter-hint {
      padding-right: 38px;
      background: url("/marionnaud/ui/static/images/facets/circle-info.png") center right no-repeat;
      font-size: 18px; }
    .facets__filter-selected-value span:not(:last-of-type):after {
      content: ','; }
    .is-selected .facets__filter-selected-value,
    .is-dirty .facets__filter-hint {
      display: block; }
    .is-selected.is-dirty .facets__filter-selected-value {
      display: none; } }

.tooltip__content--sort-by {
  padding: 15px 0;
  text-align: left; }

.content-hub-facets {
  padding: 17px 0 0 0;
  text-transform: uppercase; }
  .content-hub-facets::after {
    content: '';
    display: table;
    width: 100%;
    height: 0px; }
  .content-hub-facets__form {
    display: none; }
  .content-hub-facets__pname {
    color: #7c7c7c;
    font-size: 14px;
    line-height: 29px;
    font-weight: bold;
    white-space: nowrap; }
  .content-hub-facets__tags {
    display: flex;
    margin-right: 400px; }

@media (min-width: 320px) and (max-width: 767px) {
  .content-hub-facets__tags {
    margin: 0;
    padding-top: 20px; } }
    @media (max-width: 480px) {
      .content-hub-facets__tags {
        display: block; } }
    .content-hub-facets__tags--items {
      line-height: 21px;
      color: #fff;
      font-size: 14px; }
      .content-hub-facets__tags--items-tag {
        display: inline-block;
        margin: 4px 0 0 8px;
        padding: 0 10px;
        background: #7c7c7c;
        border-radius: 5px;
        cursor: pointer; }
        @media (max-width: 480px) {
          .content-hub-facets__tags--items-tag {
            margin: 2px 8px 4px 0; } }
      .content-hub-facets__tags--items-tag[data-selected="true"]:nth-child(9n + 1) {
        background: #ec3075; }
      .content-hub-facets__tags--items-tag[data-selected="true"]:nth-child(9n + 2) {
        background: #81438e; }
      .content-hub-facets__tags--items-tag[data-selected="true"]:nth-child(9n + 3) {
        background: #4cd35f; }
      .content-hub-facets__tags--items-tag[data-selected="true"]:nth-child(9n + 4) {
        background: #cc061f; }
      .content-hub-facets__tags--items-tag[data-selected="true"]:nth-child(9n + 5) {
        background: #bf90c0; }
      .content-hub-facets__tags--items-tag[data-selected="true"]:nth-child(9n + 6) {
        background: #fc3816; }
      .content-hub-facets__tags--items-tag[data-selected="true"]:nth-child(9n + 7) {
        background: #d4a660; }
      .content-hub-facets__tags--items-tag[data-selected="true"]:nth-child(9n + 8) {
        background: #000000; }
      .content-hub-facets__tags--items-tag[data-selected="true"]:nth-child(9n + 9) {
        background: #ccb3d1; }
  .content-hub-facets__sort {
    float: right;
    display: flex; }

@media (min-width: 320px) and (max-width: 767px) {
  .content-hub-facets__sort {
    float: none; } }
    @media (max-width: 480px) {
      .content-hub-facets__sort {
        display: block; } }
    .content-hub-facets__sort--select {
      margin-left: 12px;
      width: 240px;
      border-bottom: 1px #000000 solid;
      position: relative;
      font-size: 14px;
      line-height: 25px;
      padding-top: 2px; }
      @media (max-width: 480px) {
        .content-hub-facets__sort--select {
          margin-left: 0; } }
      .content-hub-facets__sort--select-items {
        position: absolute;
        top: 32px;
        left: -5px;
        width: 250px;
        box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
        background: #fff;
        z-index: 7;
        padding: 2px 0;
        display: none; }
        .content-hub-facets__sort--select-items-option {
          display: block;
          margin: 4px 0;
          padding: 0 12px;
          cursor: pointer; }
          .content-hub-facets__sort--select-items-option[data-selected="true"] {
            font-weight: bold; }
      .content-hub-facets__sort--select-show {
        height: 26px;
        color: #000000;
        padding: 0 22px 0 2px;
        cursor: pointer;
        position: relative; }
        .content-hub-facets__sort--select-show .icon {
          color: #7c7c7c;
          right: 1px;
          top: 3px;
          position: absolute;
          z-index: 6;
          font-size: 18px; }
        .content-hub-facets__sort--select-show:hover .icon {
          color: #000000; }

.enhanced-overview {
  box-sizing: border-box;
  height: 100%;
  position: relative; }
  @media (max-width: 767px) {
    .enhanced-overview {
      padding-top: 64px;
      margin-right: 0; } }
  .enhanced-overview__container {
    box-sizing: border-box;
    border: 1px solid #aeaeae;
    position: relative; }
  .enhanced-overview__label {
    box-sizing: border-box;
    padding-left: 8px;
    padding-top: 16px; }
  .enhanced-overview__brand-and-name-container, .enhanced-overview__price, .enhanced-overview__info {
    flex-direction: column; }
  .enhanced-overview__label-and-roundels-container {
    position: absolute;
    box-sizing: border-box;
    width: 100%; }
  .enhanced-overview__roundels-container {
    flex-direction: column;
    box-sizing: border-box;
    width: 31px;
    height: 100%;
    margin-right: 25px;
    margin-top: 16px; }
  .enhanced-overview__image {
    width: 160px;
    height: 160px;
    max-width: 100%;
    max-height: 100%; }
  .enhanced-overview__variants {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin: 15px; }
    .enhanced-overview__variants-container {
      box-sizing: border-box;
      display: flex;
      flex-grow: 1;
      flex-wrap: wrap;
      justify-content: center;
      border-bottom: 1px solid #a3a3a3;
      padding-bottom: 4px;
      max-height: 52px;
      overflow: hidden;
      transition: height .333s ease-out; }
    .enhanced-overview__variants.is-expanded .enhanced-overview__variants-container, .enhanced-overview__variants.is-whole-visible .enhanced-overview__variants-container {
      height: auto;
      max-height: none;
      border-bottom: none; }
    .enhanced-overview__variants.is-expanded .product-variants__show-more, .enhanced-overview__variants.is-whole-visible .product-variants__show-more {
      display: none; }
    .enhanced-overview__variants.is-expanded .product-variants__show-less, .enhanced-overview__variants.is-whole-visible .product-variants__show-less {
      display: block; }
    .enhanced-overview__variants.is-whole-visible {
      margin-bottom: 0; }
      .enhanced-overview__variants.is-whole-visible .product-variants__show-less {
        display: none; }
  .enhanced-overview__selected-variant-and-show-more-container {
    width: 100%;
    max-width: 240px; }
  .enhanced-overview__variant {
    box-sizing: border-box;
    margin: 4px;
    border-radius: 50%;
    cursor: pointer; }
    .enhanced-overview__variant--color {
      width: 36px;
      height: 36px; }
      .enhanced-overview__variant--color:hover, .enhanced-overview__variant--color-selected {
        border: 2px solid #fff;
        box-shadow: 0 0 1px 1px #5e0e6f; }
    .enhanced-overview__variant--quantity {
      background-color: #fff;
      border: 1px solid #a3a3a3;
      width: 40px;
      height: 40px; }
      .enhanced-overview__variant--quantity-selected, .enhanced-overview__variant--quantity:hover {
        color: #f8f8f8;
        background-color: #81438e;
        border: 2px solid #a3a3a3; }
    .enhanced-overview__variant--out-of-stock {
      position: relative;
      background: #d1d1d1;
      color: #81438e; }
      .enhanced-overview__variant--out-of-stock:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        display: block;
        width: 100%;
        height: 1px;
        background: #a3a3a3;
        transform: rotate(-45deg); }
      .enhanced-overview__variant--out-of-stock:hover {
        background: #d1d1d1; }
  .enhanced-overview__selected-variant {
    margin-top: 4px; }
  .enhanced-overview__show-more {
    box-sizing: border-box;
    margin-top: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #484848;
    cursor: pointer; }
  .enhanced-overview__description {
    box-sizing: border-box;
    flex-direction: column;
    max-height: 100%;
    height: 100%;
    padding: 45px 35px 25px;
    color: #484848; }
  .enhanced-overview__title {
    margin-bottom: 20px;
    font-size: 30px; }
  .enhanced-overview__accent, .enhanced-overview__content {
    font-style: italic; }
  .enhanced-overview__content {
    height: 500px;
    padding-right: 35px;
    overflow-y: scroll;
    word-break: break-word;
    font-size: 14px;
    line-height: 1.7; }
  .enhanced-overview__view-more-details {
    margin-top: 35px;
    padding-bottom: 5px;
    border-bottom: 1px solid #484848;
    color: #484848;
    align-self: center;
    font-size: 14px;
    line-height: 1.3;
    text-transform: uppercase;
    text-decoration: none; }
    .enhanced-overview__view-more-details:hover {
      border-color: transparent; }
    @media (min-width: 768px) {
      .enhanced-overview__view-more-details {
        align-self: flex-end; } }
  .enhanced-overview .product-variants {
    width: 100%; }
    .enhanced-overview .product-variants__control {
      display: flex;
      flex: 0 1 auto;
      justify-content: center;
      align-items: baseline;
      margin: 5px 0 0; }
    .enhanced-overview .product-variants__show-more, .enhanced-overview .product-variants__show-less {
      margin-top: 4px;
      padding-bottom: 4px;
      border-bottom: 1px solid #484848;
      box-sizing: border-box;
      justify-self: flex-end;
      color: #484848;
      font-size: 12px;
      font-weight: bold;
      letter-spacing: 1px;
      text-align: center;
      text-transform: uppercase;
      cursor: pointer; }
    .enhanced-overview .product-variants__show-less {
      display: none; }
  .enhanced-overview--out-of-stock .quantity-picker,
  .enhanced-overview--out-of-stock .button {
    pointer-events: none; }
  .enhanced-overview--out-of-stock .quantity-picker__text, .enhanced-overview--out-of-stock .quantity-picker__quantity {
    color: #e4e4e4; }
  .enhanced-overview--out-of-stock .quantity-picker__increase, .enhanced-overview--out-of-stock .quantity-picker__decrease {
    border-color: #e4e4e4; }
    .enhanced-overview--out-of-stock .quantity-picker__increase::before, .enhanced-overview--out-of-stock .quantity-picker__increase::after, .enhanced-overview--out-of-stock .quantity-picker__decrease::before, .enhanced-overview--out-of-stock .quantity-picker__decrease::after {
      background: #e4e4e4; }
  .enhanced-overview--out-of-stock .button, .enhanced-overview--out-of-stock .button:hover {
    background-color: #d7d7d7;
    border: 1px solid #d7d7d7;
    color: #757575; }
  .enhanced-overview ::-webkit-scrollbar {
    width: 6px; }
  .enhanced-overview ::-webkit-scrollbar-track {
    background: transparent; }
  .enhanced-overview ::-webkit-scrollbar-thumb {
    background: #d1d1d1;
    border-radius: 6px; }

.minicart-header-icon {
  position: relative;
  width: 24px;
  font-size: 24px; }

@media (min-width: 768px) and (max-width: 1023px) {
  .minicart-header-icon {
    width: 30px;
    font-size: 30px; } }

@media (min-width: 1024px) and (max-width: 1199px) {
  .minicart-header-icon {
    width: 60px;
    font-size: 60px; } }
  .minicart-header-icon__overlay {
    position: absolute;
    color: #5e0e6f;
    top: 25%;
    left: 60%;
    margin: auto;
    text-align: center; }

.wishlist-header-icon {
  position: relative;
  width: 24px;
  font-size: 24px; }

@media (min-width: 768px) and (max-width: 1023px) {
  .wishlist-header-icon {
    width: 30px;
    font-size: 30px; } }
  @media (min-width: 1024px) {
    .wishlist-header-icon {
      width: 60px;
      font-size: 60px; } }
  .wishlist-header-icon__overlay {
    position: absolute;
    color: #5e0e6f;
    top: 20%;
    left: 85%;
    margin: auto; }

.header__wrapper {
  display: flex;
  flex-flow: row wrap;
  align-items: center; }
  @media (max-width: 1023px) {
    .header__wrapper {
      padding: 0; } }

.header__menu-store, .header__misc {
  box-sizing: border-box;
  display: inline-flex;
  flex: 1 1 auto;
  justify-content: space-between;
  height: 62px; }
  @media (min-width: 768px) {
    .header__menu-store, .header__misc {
      height: 80px; } }
  @media (min-width: 1024px) {
    .header__menu-store, .header__misc {
      height: auto;
      padding: 0; } }

.header__menu-store {
  order: 1;
  padding: 0 15px 0 25px; }
  @media (min-width: 768px) {
    .header__menu-store {
      padding: 0 40px; } }
  @media (min-width: 1024px) {
    .header__menu-store {
      display: none; } }

.header__menu-mobile {
  width: 26px; }

.header-logo {
  display: inline-flex;
  order: 2;
  flex: 1 1 35%;
  justify-content: center; }
  @media (min-width: 1024px) {
    .header-logo {
      order: 1;
      justify-content: flex-start;
      flex-basis: 14%; } }
  .header-logo__link > img {
    display: block;
    width: 100%;
    max-width: 175px;
    height: 100%;
    max-height: 62px;
    padding: 0; }
    @media (min-width: 768px) {
      .header-logo__link > img {
        max-width: 225px;
        max-height: 80px; } }
    @media (min-width: 1024px) {
      .header-logo__link > img {
        max-width: 167px; } }

.header__misc {
  order: 3;
  padding: 0 25px 0 15px; }
  @media (min-width: 768px) {
    .header__misc {
      padding: 0 40px; } }
  @media (min-width: 1024px) {
    .header__misc {
      padding: 0 11px 0 0;
      justify-content: flex-end; } }

.header__greeting-text {
  display: none;
  align-self: center;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #5e0e6f;
  font-style: italic; }
  @media (min-width: 1024px) {
    .header__greeting-text {
      margin-left: auto;
      margin-right: 0;
      max-width: 150px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block; } }

.header__logout-link {
  display: none; }
  @media (min-width: 768px) {
    .header__logout-link {
      display: block;
      margin: auto 0;
      font-family: "Raleway", Arial, Helvetica, sans-serif;
      font-size: 13px;
      color: #d1d1d1;
      font-style: italic; } }
  @media (min-width: 1024px) {
    .header__logout-link {
      margin: auto auto auto 5px; } }

.header__user-name {
  max-width: 100px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis; }

.header__icon {
  position: relative;
  display: inline-flex;
  align-self: center;
  padding: 0;
  font-size: 24px;
  color: #81438e;
  text-decoration: none; }
  .header__icon--newsletter {
    display: none; }
    @media (min-width: 1024px) {
      .header__icon--newsletter {
        display: flex;
        margin-right: 7px; } }
  .header__icon .icon-my-account-signed-in {
    display: none; }
  @media (min-width: 768px) {
    .header__icon {
      font-size: 24px; } }
  @media (min-width: 1024px) {
    .header__icon {
      margin-left: 30px; } }
  @media (min-width: 1024px) {
    .header__icon--logged {
      margin-left: 0; } }
  .header__icon--logged .icon-my-account-signed-in {
    display: inline-block; }
  .header__icon--logged .icon-my-account {
    display: none; }

.header__prd-qty {
  position: absolute;
  top: 0;
  right: 0;
  left: 4px;
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold; }
  @media (min-width: 768px) {
    .header__prd-qty {
      font-size: 11px; } }

.header__search {
  order: 4;
  flex: 1 1 100%;
  padding: 0; }
  @media (min-width: 1024px) {
    .header__search {
      flex-basis: 100%;
      order: 2;
      max-width: 456px; } }

@media (min-width: 1024px) and (max-width: 1199px) {
  .header__search {
    flex-basis: 35%; } }

.is-nav-opened .header {
  flex: 0 0 auto; }

.theme-vip .header {
  background-color: #000000; }
  .theme-vip .header__wrapper {
    padding-top: 10px; }
  @media (max-width: 1023px) {
    .theme-vip .header-logo {
      flex: 1 1 45%; } }
  .theme-vip .header__icon {
    color: #fff; }
    @media (max-width: 767px) {
      .theme-vip .header__icon {
        font-size: 20px; } }
  @media (max-width: 1023px) {
    .theme-vip .header__menu-store {
      padding-right: 12px; } }
  @media (max-width: 1023px) {
    .theme-vip .header__misc {
      padding-left: 12px; } }
  .theme-vip .header__greeting-text {
    color: white; }
  @media (max-width: 767px) {
    .theme-vip .header__prd-qty {
      font-size: 10px; } }

.static-page__container, .static-page.is-opened .static-page__container {
  border-color: #fff;
  background-color: #d1d1d1; }

.has-accordion .static-page__container {
  border-color: #f8f8f8;
  background-color: #f8f8f8; }

.static-page {
  box-sizing: border-box;
  margin-bottom: 2px;
  border: 1px solid #f8f8f8;
  color: #484848; }
  .static-page__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 25px 16px;
    border-width: 3px;
    border-style: solid; }
    .static-page__container .icon {
      font-weight: bold;
      cursor: pointer;
      transition: transform .3s; }
  .static-page__title {
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase; }
    @media (min-width: 768px) {
      .static-page__title {
        font-size: 15px; } }
  .static-page__content {
    overflow: hidden; }
    .has-accordion .static-page__content {
      height: 0;
      padding: 0; }
    .static-page__content,
    .is-opened .static-page__content {
      padding: 25px; }
  .static-page.is-opened {
    border-color: #d1d1d1; }
    .static-page.is-opened .static-page__container .icon {
      transform: rotate(90deg); }
  .static-page-contact__label {
    font-size: 16px;
    line-height: 1.3; }
    .static-page-contact__label::after {
      content: ':'; }
  .static-page-contact__value {
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-decoration: none;
    color: #000000; }
    .static-page-contact__value::before, .static-page-contact__value::after {
      content: ' '; }
  .static-page-contact__message {
    width: 100%;
    height: 200px;
    box-sizing: border-box;
    border: solid 1px black; }
    @media (min-width: 768px) {
      .static-page-contact__message {
        height: 150px; } }
    .static-page-contact__message-button {
      justify-content: center; }
      @media (max-width: 1199px) {
        .static-page-contact__message-button {
          justify-content: left; } }

@media (min-width: 320px) and (max-width: 767px) {
  .static-page-contact__message-button--cancel {
    order: 2; } }

@media (min-width: 320px) and (max-width: 767px) {
  .static-page-contact__message-button--send {
    order: 1; } }
  .static-page-contact-imprint__label {
    font-size: 17px;
    line-height: 1.3; }
  @media (min-width: 768px) {
    .static-page-contact-imprint-corporate {
      order: 2; } }
  @media (min-width: 768px) {
    .static-page-contact-imprint-info {
      order: 1; } }
  .static-page-contact-imprint-info__label {
    font-size: 17px;
    line-height: 1.3; }
    .static-page-contact-imprint-info__label::after {
      content: ':'; }
  .static-page-contact-imprint-info__value {
    font-weight: bold;
    font-size: 17px;
    line-height: 1.3; }
    .static-page-contact-imprint-info__value::before, .static-page-contact-imprint-info__value::after {
      content: ' '; }
  .static-page-faq {
    width: 100%; }
    .static-page-faq__title {
      cursor: pointer; }
      .static-page-faq__title:hover,
      .static-page-faq.is-opened .static-page-faq__title {
        padding-bottom: 8px;
        border-bottom: 1px solid; }
    .static-page-faq__text {
      flex-grow: 1;
      width: 100%;
      overflow: hidden; }
      @media (min-width: 768px) {
        .static-page-faq__text .item {
          width: 80%;
          margin-left: 10%; } }
      @media (min-width: 1200px) {
        .static-page-faq__text .item {
          width: 60%;
          margin-left: 20%; } }
  @media (min-width: 768px) {
    .static-page-press__image-container {
      order: 2; } }
  .static-page-press__image {
    width: 100%; }
  .static-page-press__heading {
    color: #484848;
    font-style: italic;
    font-weight: bold;
    line-height: 1.6; }
    @media (max-width: 767px) {
      .static-page-press__heading {
        margin-top: 2em;
        font-size: 18px; } }
    @media (min-width: 768px) {
      .static-page-press__heading {
        font-size: 14px; } }
  .static-page-press__text {
    color: #a3a3a3;
    line-height: 1.7;
    letter-spacing: .03em; }
    @media (max-width: 767px) {
      .static-page-press__text {
        font-size: 16px; } }
    @media (min-width: 768px) {
      .static-page-press__text {
        font-size: 14px; } }
    @media (min-width: 768px) {
      .static-page-press__text--right {
        text-align: right; } }
    .static-page-press__text p {
      margin-top: 1em; }

.login {
  margin: 30px 0 15px; }

@media (min-width: 320px) and (max-width: 767px) {
  .login {
    margin-top: 35px; } }
  .login__header {
    margin-bottom: 40px;
    text-align: center; }

@media (min-width: 320px) and (max-width: 767px) {
  .login__header {
    margin-bottom: 0; } }
  .login__title {
    font-family: "Raleway", sans-serif;
    font-variant-numeric: lining-nums;
    font-feature-settings: "lnum" 1;
    border-bottom: 1px solid #484848;
    color: #484848;
    display: inline-flex;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.6px;
    padding-bottom: 10px;
    justify-content: space-around;
    text-transform: uppercase; }

@media (min-width: 320px) and (max-width: 767px) {
  .login__title {
    font-size: 16px;
    padding-bottom: 8px;
    letter-spacing: 0.7px; } }
  .login-form__row--remember {
    margin-top: 40px;
    text-align: center;
    font-size: 16px; }

@media (min-width: 320px) and (max-width: 767px) {
  .login-form__row--remember {
    text-align: left; } }
  .login-form__row--fb-login {
    text-align: center; }
  .login-form__row--error {
    min-height: 65px; }
  .login-form__label {
    text-align: center;
    font-size: 16px; }
  .login-form__button {
    font-size: 14px;
    letter-spacing: 1.2px; }

@media (min-width: 320px) and (max-width: 767px) {
  .login-form__button {
    font-size: 16px; } }
    .login-form__button--login {
      margin-bottom: 65px; }
    .login-form__button--secondary {
      width: auto;
      margin: 0;
      padding: 0;
      border: none; }
      .login-form__button--secondary:hover {
        background: inherit;
        color: inherit; }
      .login-form__button--secondary .button--underline {
        padding-bottom: 12px; }
    .login-form__button--facebook {
      border-color: #6179aa;
      background-color: #6179aa;
      color: #fff; }
      .login-form__button--facebook:hover {
        background-color: rgba(97, 121, 170, 0.75); }
      .login-form__button--facebook .button__underline::after {
        background: #fff; }
      .login-form__button--facebook .icon {
        margin-right: 7px;
        font-size: 24px; }
  .login-form__heading {
    margin: 60px auto 17px;
    font-family: "Raleway", sans-serif;
    font-variant-numeric: lining-nums;
    font-feature-settings: "lnum" 1;
    font-size: 15px;
    text-transform: uppercase; }
  .login-form__links {
    margin-left: -15px;
    margin-right: -15px; }
    @media (min-width: 768px) {
      .login-form__links {
        display: flex;
        justify-content: space-between; } }
  @media (min-width: 768px) {
    .login-form__link {
      display: contents; } }
  .login-form__link .button {
    max-width: none;
    margin-left: 15px;
    margin-right: 15px; }

.popup--login .popup__panel {
  min-width: 0;
  max-width: 617px;
  width: 100%; }

.registration .global-alert {
  margin-top: 50px; }
  @media (max-width: 767px) {
    .registration .global-alert {
      margin-top: 30px; } }

.registration .form-group {
  position: relative; }
  .registration .form-group .input-text__requirements, .registration .form-group .input-email__requirements, .registration .form-group .input-password__requirements {
    margin-bottom: 40px; }
  .registration .form-group .select-box {
    margin-top: -10px;
    margin-bottom: 27px; }
  .registration .form-group .help-block {
    position: absolute;
    top: 60px;
    width: 100%;
    color: #cc061f;
    font-size: 12px;
    line-height: 1.5;
    cursor: text;
    z-index: 2; }
  .registration .form-group .input-checkbox__wrapper + .help-block {
    top: auto;
    bottom: -25px; }
  .registration .form-group--select-box .help-block {
    top: 56px; }
  .registration .form-group.has-error .input-text__label {
    color: #cc061f; }
  .registration .form-group.has-error .input-text, .registration .form-group.has-error .input-email, .registration .form-group.has-error .input-password {
    box-shadow: 0 2px 0 #cc061f; }
  .registration .form-group.has-error .select-box__wrapper {
    box-shadow: 0 2px 0 #cc061f; }
  .registration .form-group.has-error .icon-correct {
    display: none; }
  .registration .form-group.has-error .icon-wrong {
    display: block; }

.registration__form {
  max-width: 395px; }

.registration__notification .input-radio__wrapper {
  width: auto;
  display: inline-block; }

.reviews {
  position: relative;
  background-color: #f8f8f8;
  flex: 1 1 100%;
  /* facet nav - end */
  /* filter overlay - start */
  /* filter overlay - end */ }
  .reviews * {
    box-sizing: border-box; }
  .reviews__nav {
    display: none; }
    @media (min-width: 768px) {
      .reviews__nav {
        display: block;
        padding: 17px 0; } }
    .reviews__nav-wrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #484848; }
  .reviews-filter-category {
    flex: 1; }
    .reviews-filter-category__list {
      display: flex;
      justify-content: flex-end;
      padding: 0 30px; }
    .reviews-filter-category__item {
      position: relative;
      padding: 0 10px;
      white-space: nowrap; }
    .reviews-filter-category__title {
      text-transform: uppercase;
      outline: 0 none;
      cursor: pointer; }
      .reviews-filter-category__title.is-active, .reviews-filter-category__title:hover {
        border-bottom: 1px solid #484848; }
    .reviews-filter-category__hint {
      display: none;
      height: 16px;
      width: 16px;
      min-height: 16px;
      min-width: 16px;
      position: absolute;
      right: -10px;
      top: -10px;
      border-radius: 50%;
      border: 1px solid #484848;
      text-align: center;
      line-height: 16px;
      font-size: 12px; }
    .reviews-filter-category__title.is-dirty + .reviews-filter-category__hint {
      display: block; }
  .reviews-filter-overlay {
    position: absolute;
    width: 100vw;
    top: 100%;
    left: 0;
    color: #f8f8f8;
    z-index: 11; }
    .reviews-filter-overlay .reviews__apply {
      height: 38px;
      width: 138px; }
      .reviews-filter-overlay .reviews__apply {
        border-color: #484848;
        background-color: #a3a3a3;
        color: #fff; }
        .reviews-filter-overlay .reviews__apply .button__underline::after {
          background-color: #fff; }
        .reviews-filter-overlay .reviews__apply:hover {
          background-color: #fff;
          border-color: #484848;
          color: #a3a3a3; }
          .reviews-filter-overlay .reviews__apply:hover .button__underline::after {
            background-color: #a3a3a3; }
  .reviews-filter-view--checkboxes {
    vertical-align: top; }
    .reviews-filter-view--checkboxes .input {
      min-height: 25px; }
      .reviews-filter-view--checkboxes .input-checkbox__label {
        padding: 0 18px 0 27px;
        max-width: 100%;
        height: 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        .reviews-filter-view--checkboxes .input-checkbox__label:before {
          top: 3px;
          width: 13px;
          height: 13px; }
        .reviews-filter-view--checkboxes .input-checkbox__label:after {
          top: 7px;
          left: 4px;
          width: 5px;
          height: 5px; }
      .reviews-filter-view--checkboxes .input-checkbox + .input-checkbox__label:before {
        border-color: #f8f8f8; }
      .reviews-filter-view--checkboxes .input-checkbox + .input-checkbox__label:after {
        background: #f8f8f8; }
  .reviews-filter-view--rating .rating-label {
    margin-top: -6px; }
    .reviews-filter-view--rating .rating-label .icon-star-empty, .reviews-filter-view--rating .rating-label .icon-star-full {
      font-size: 0; }
  .reviews-control {
    width: 100%; }
    .reviews-control__item {
      flex: 1 1 50%; }
  @media (min-width: 768px) {
    .reviews__clear .button {
      width: 105px;
      height: 29px;
      padding: 0;
      font-size: 11px; }
      .reviews__clear .button__underline {
        padding-bottom: 5px; }
    .reviews__apply {
      margin-top: 60px; }
    .reviews-filter-view--5-columns {
      -moz-column-count: 5;
      -webkit-column-count: 5;
      column-count: 5; }
    .reviews-filter-view--2-columns {
      width: 40%;
      margin: 0 auto;
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2; }
    .reviews-filter-view--checkboxes .reviews-filter-view__item {
      display: inline-block;
      width: 100%; }
    .reviews-filter-view--color {
      width: 550px;
      margin: 0 auto -10px; }
      .reviews-filter-view--color .input-checkbox + label:hover,
      .reviews-filter-view--color .input-checkbox:checked + label {
        margin: -2px 11px 8px 11px;
        border: 2px solid #fff;
        box-sizing: content-box;
        box-shadow: 0 0 1px 1px #5e0e6f; }
    .reviews-filter-view--sort-by {
      max-width: 180px;
      font-size: 0; }
      .reviews-filter-view--sort-by .input-checkbox__label {
        margin: 5px 0;
        padding-right: 0;
        text-transform: uppercase;
        color: #484848; }
      .reviews-filter-view--sort-by .input-checkbox + .input-checkbox__label:before {
        top: 2px;
        border-color: #484848; }
      .reviews-filter-view--sort-by .input-checkbox + .input-checkbox__label:after {
        top: 6px;
        background: #484848; }
    .reviews__filter-container {
      display: none;
      width: 100%;
      padding: 38px 0;
      background-color: rgba(51, 51, 51, 0.97); }
      .reviews__filter-container.is-show {
        display: block; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .reviews__clear .button {
    width: 70px;
    height: 29px;
    background: transparent; }
    .reviews__clear .button:hover {
      background: #484848; }
    .reviews__clear .button__underline {
      padding-bottom: 0; }
      .reviews__clear .button__underline:after {
        display: none; }
  .reviews__filters {
    padding: 0 10px; } }
  @media (max-width: 767px) {
    .reviews__nav {
      justify-content: flex-start; }
    .reviews-control .button {
      max-width: 100%;
      font-size: 13px; }
    .reviews-filter-overlay {
      padding: 0;
      background: none; }
      .reviews-filter-overlay__header {
        margin: 40px 0;
        padding-left: 35px; }
      .reviews-filter-overlay__back {
        position: relative;
        padding-left: 55px;
        font-size: 22px;
        text-transform: uppercase; }
        .reviews-filter-overlay__back .icon {
          position: absolute;
          left: 0;
          font-size: 24px; }
      .reviews-filter-overlay__footer {
        position: fixed;
        left: 100vw;
        bottom: 0;
        display: flex;
        width: 100%;
        transition: all 0.5s ease;
        z-index: 17; }
        .reviews-filter-overlay__footer .button {
          max-width: 100%;
          width: 50%;
          height: 65px;
          font-size: 21px;
          border: 0 none; }
        .reviews-filter-overlay__footer .reviews__apply {
          border-color: #484848;
          background-color: #484848;
          color: #fff; }
          .reviews-filter-overlay__footer .reviews__apply .button__underline::after {
            background-color: #fff; }
          .reviews-filter-overlay__footer .reviews__apply:hover {
            background-color: #fff;
            border-color: #484848;
            color: #484848; }
            .reviews-filter-overlay__footer .reviews__apply:hover .button__underline::after {
              background-color: #484848; }
        .reviews-filter-overlay__footer .reviews__apply:hover {
          border-right: 1px solid #484848; }
        .reviews-filter-overlay__footer .reviews__clear {
          border-color: #484848;
          background-color: #fff;
          color: #484848; }
          .reviews-filter-overlay__footer .reviews__clear .button__underline::after {
            background-color: #484848; }
          .reviews-filter-overlay__footer .reviews__clear:hover {
            background-color: #484848;
            border-color: #484848;
            color: #fff; }
            .reviews-filter-overlay__footer .reviews__clear:hover .button__underline::after {
              background-color: #fff; }
        .reviews-filter-overlay__footer .reviews__clear:hover {
          border-left: 1px solid #fff; }
      .is-show .reviews-filter-overlay__footer {
        left: 0; }
    .reviews__filter-container {
      position: fixed;
      width: 100vw;
      height: 100vh;
      top: 0;
      left: 100vw;
      margin: 0;
      padding-bottom: 64px;
      background-color: #000000;
      transition: all 0.5s ease;
      overflow: auto;
      z-index: 7; }
      .reviews__filter-container.is-show {
        left: 0; }
      .reviews__filter-container > div {
        padding: 0; }
    .reviews-filter-view {
      padding-left: 35px; }
      .reviews-filter-view--checkboxes .input-checkbox__label {
        width: 100%;
        height: 62px;
        padding-left: 55px;
        font-size: 22px;
        line-height: 62px; }
        .reviews-filter-view--checkboxes .input-checkbox__label:before {
          top: calc(50% - 12px);
          width: 22px;
          height: 22px; }
        .reviews-filter-view--checkboxes .input-checkbox__label:after {
          top: calc(50% - 7px);
          left: 5px;
          width: 12px;
          height: 12px; }
      .reviews-filter-view--checkboxes .reviews-filter-view__item {
        padding-left: 7px;
        border-bottom: 1px solid #f8f8f8; }
      .reviews-filter-view--rating .rating-label {
        margin-top: 2px; }
        .reviews-filter-view--rating .rating-label .icon-star-filled {
          font-size: 30px; }
    .is-selected .reviews__filter-selected-value,
    .is-dirty .reviews__filter-hint {
      display: block; }
    .is-selected.is-dirty .reviews__filter-selected-value {
      display: none; } }

.single-review {
  line-height: 1.3;
  color: #484848;
  margin-bottom: 35px; }
  .single-review__name {
    font-weight: 700;
    margin-bottom: 4px;
    text-transform: uppercase;
    font-size: 18px; }
    @media (min-width: 1024px) {
      .single-review__name {
        font-size: 16px; } }
  .single-review__rating {
    margin-bottom: 17px; }
    .single-review__rating .icon-star {
      font-size: 26px; }
  .single-review__title {
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: 0.6px; }
  .single-review__comment {
    margin-bottom: 20px; }

@keyframes plyr-progress {
  to {
    background-position: var(--plyr-progress-loading-size, 25px) 0; } }

@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    transform: translateY(10px); }
  to {
    opacity: 1;
    transform: translateY(0); } }

@keyframes plyr-fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  direction: ltr;
  display: flex;
  flex-direction: column;
  font-family: var(--plyr-font-family, inherit);
  font-variant-numeric: tabular-nums;
  font-weight: var(--plyr-font-weight-regular, 400);
  height: 100%;
  line-height: var(--plyr-line-height, 1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease;
  z-index: 0; }
  .plyr video,
  .plyr audio,
  .plyr iframe {
    display: block;
    height: 100%;
    width: 100%; }
  .plyr button {
    font: inherit;
    line-height: inherit;
    width: auto; }
  .plyr:focus {
    outline: 0; }

.plyr--full-ui {
  box-sizing: border-box; }
  .plyr--full-ui *,
  .plyr--full-ui *::after,
  .plyr--full-ui *::before {
    box-sizing: inherit; }

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  touch-action: manipulation; }

.plyr__badge {
  background: var(--plyr-badge-background, #4a5464);
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: var(--plyr-badge-text-color, #fff);
  font-size: var(--plyr-font-size-badge, 9px);
  line-height: 1;
  padding: 3px 4px; }

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none; }

.plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  display: none;
  font-size: var(--plyr-font-size-small, 13px);
  left: 0;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%; }
  .plyr__captions span:empty {
    display: none; }
  @media (min-width: 480px) {
    .plyr__captions {
      font-size: var(--plyr-font-size-base, 15px);
      padding: calc(var(--plyr-control-spacing, 10px) * 2); } }
  @media (min-width: 768px) {
    .plyr__captions {
      font-size: var(--plyr-font-size-large, 18px); } }

.plyr--captions-active .plyr__captions {
  display: block; }

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4)); }

.plyr__caption {
  background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
  border-radius: 2px;
  box-decoration-break: clone;
  color: var(--plyr-captions-text-color, #fff);
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap; }
  .plyr__caption div {
    display: inline; }

.plyr__control {
  background: transparent;
  border: 0;
  border-radius: var(--plyr-control-radius, 3px);
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
  position: relative;
  transition: all 0.3s ease; }
  .plyr__control svg {
    display: block;
    fill: currentColor;
    height: var(--plyr-control-icon-size, 18px);
    pointer-events: none;
    width: var(--plyr-control-icon-size, 18px); }
  .plyr__control:focus {
    outline: 0; }
  .plyr__control.plyr__tab-focus {
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px; }

a.plyr__control {
  text-decoration: none; }
  a.plyr__control::after, a.plyr__control::before {
    display: none; }

.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
.plyr__control.plyr__control--pressed .label--not-pressed {
  display: none; }

.plyr--full-ui ::-webkit-media-controls {
  display: none; }

.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center; }
  .plyr__controls .plyr__progress__container {
    flex: 1;
    min-width: 0; }
  .plyr__controls .plyr__controls__item {
    margin-left: calc(var(--plyr-control-spacing, 10px) / 4); }
    .plyr__controls .plyr__controls__item:first-child {
      margin-left: 0;
      margin-right: auto; }
    .plyr__controls .plyr__controls__item.plyr__progress__container {
      padding-left: calc(var(--plyr-control-spacing, 10px) / 4); }
    .plyr__controls .plyr__controls__item.plyr__time {
      padding: 0 calc(var(--plyr-control-spacing, 10px) / 2); }
    .plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time:first-child,
    .plyr__controls .plyr__controls__item.plyr__time + .plyr__time {
      padding-left: 0; }
  .plyr__controls:empty {
    display: none; }

.plyr [data-plyr='captions'],
.plyr [data-plyr='pip'],
.plyr [data-plyr='airplay'],
.plyr [data-plyr='fullscreen'] {
  display: none; }

.plyr--captions-enabled [data-plyr='captions'],
.plyr--pip-supported [data-plyr='pip'],
.plyr--airplay-supported [data-plyr='airplay'],
.plyr--fullscreen-enabled [data-plyr='fullscreen'] {
  display: inline-block; }

.plyr__menu {
  display: flex;
  position: relative; }
  .plyr__menu .plyr__control svg {
    transition: transform 0.3s ease; }
  .plyr__menu .plyr__control[aria-expanded='true'] svg {
    transform: rotate(90deg); }
  .plyr__menu .plyr__control[aria-expanded='true'] .plyr__tooltip {
    display: none; }
  .plyr__menu__container {
    animation: plyr-popup 0.2s ease;
    background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
    border-radius: 4px;
    bottom: 100%;
    box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    color: var(--plyr-menu-color, #4a5464);
    font-size: var(--plyr-font-size-base, 15px);
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3; }
    .plyr__menu__container > div {
      overflow: hidden;
      transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
    .plyr__menu__container::after {
      border: var(--plyr-menu-arrow-size, 4px) solid transparent;
      border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
      content: '';
      height: 0;
      position: absolute;
      right: calc(((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7)) - (var(--plyr-menu-arrow-size, 4px) / 2));
      top: 100%;
      width: 0; }
    .plyr__menu__container [role='menu'] {
      padding: calc(var(--plyr-control-spacing, 10px) * 0.7); }
    .plyr__menu__container [role='menuitem'],
    .plyr__menu__container [role='menuitemradio'] {
      margin-top: 2px; }
      .plyr__menu__container [role='menuitem']:first-child,
      .plyr__menu__container [role='menuitemradio']:first-child {
        margin-top: 0; }
    .plyr__menu__container .plyr__control {
      align-items: center;
      color: var(--plyr-menu-color, #4a5464);
      display: flex;
      font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
      padding-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5);
      padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
      padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
      padding-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5);
      user-select: none;
      width: 100%; }
      .plyr__menu__container .plyr__control > span {
        align-items: inherit;
        display: flex;
        width: 100%; }
      .plyr__menu__container .plyr__control::after {
        border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
      .plyr__menu__container .plyr__control--forward {
        padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4); }
        .plyr__menu__container .plyr__control--forward::after {
          border-left-color: var(--plyr-menu-arrow-color, #728197);
          right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px)); }
        .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after {
          border-left-color: currentColor; }
      .plyr__menu__container .plyr__control--back {
        font-weight: var(--plyr-font-weight-regular, 400);
        margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
        margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
        padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
        position: relative;
        width: calc(100% - (calc(var(--plyr-control-spacing, 10px) * 0.7) * 2)); }
        .plyr__menu__container .plyr__control--back::after {
          border-right-color: var(--plyr-menu-arrow-color, #728197);
          left: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px)); }
        .plyr__menu__container .plyr__control--back::before {
          background: var(--plyr-menu-back-border-color, #dcdfe5);
          box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
          content: '';
          height: 1px;
          left: 0;
          margin-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
          overflow: hidden;
          position: absolute;
          right: 0;
          top: 100%; }
        .plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after {
          border-right-color: currentColor; }
    .plyr__menu__container .plyr__control[role='menuitemradio'] {
      padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7); }
      .plyr__menu__container .plyr__control[role='menuitemradio']::before, .plyr__menu__container .plyr__control[role='menuitemradio']::after {
        border-radius: 100%; }
      .plyr__menu__container .plyr__control[role='menuitemradio']::before {
        background: rgba(0, 0, 0, 0.1);
        content: '';
        display: block;
        flex-shrink: 0;
        height: 16px;
        margin-right: var(--plyr-control-spacing, 10px);
        transition: all 0.3s ease;
        width: 16px; }
      .plyr__menu__container .plyr__control[role='menuitemradio']::after {
        background: #fff;
        border: 0;
        height: 6px;
        left: 12px;
        opacity: 0;
        top: 50%;
        transform: translateY(-50%) scale(0);
        transition: transform 0.3s ease, opacity 0.3s ease;
        width: 6px; }
      .plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']::before {
        background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); }
      .plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']::after {
        opacity: 1;
        transform: translateY(-50%) scale(1); }
      .plyr__menu__container .plyr__control[role='menuitemradio'].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role='menuitemradio']:hover::before {
        background: rgba(35, 40, 47, 0.1); }
    .plyr__menu__container .plyr__menu__value {
      align-items: center;
      display: flex;
      margin-left: auto;
      margin-right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2) * -1);
      overflow: hidden;
      padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 3.5);
      pointer-events: none; }

.plyr--full-ui input[type='range'] {
  -webkit-appearance: none;
  /* stylelint-disable-line */
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
  color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  display: block;
  height: calc((var(--plyr-range-thumb-active-shadow-width, 3px) * 2) + var(--plyr-range-thumb-height, 13px));
  margin: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%; }
  .plyr--full-ui input[type='range']::-webkit-slider-runnable-track {
    background: transparent;
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: var(--plyr-range-track-height, 5px);
    transition: box-shadow 0.3s ease;
    user-select: none;
    background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%)); }
  .plyr--full-ui input[type='range']::-webkit-slider-thumb {
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    transition: all 0.2s ease;
    width: var(--plyr-range-thumb-height, 13px);
    -webkit-appearance: none;
    /* stylelint-disable-line */
    margin-top: calc(((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2) * -1); }
  .plyr--full-ui input[type='range']::-moz-range-track {
    background: transparent;
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: var(--plyr-range-track-height, 5px);
    transition: box-shadow 0.3s ease;
    user-select: none; }
  .plyr--full-ui input[type='range']::-moz-range-thumb {
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    transition: all 0.2s ease;
    width: var(--plyr-range-thumb-height, 13px); }
  .plyr--full-ui input[type='range']::-moz-range-progress {
    background: currentColor;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: var(--plyr-range-track-height, 5px); }
  .plyr--full-ui input[type='range']::-ms-track {
    background: transparent;
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: var(--plyr-range-track-height, 5px);
    transition: box-shadow 0.3s ease;
    user-select: none;
    color: transparent; }
  .plyr--full-ui input[type='range']::-ms-fill-upper {
    background: transparent;
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: var(--plyr-range-track-height, 5px);
    transition: box-shadow 0.3s ease;
    user-select: none; }
  .plyr--full-ui input[type='range']::-ms-fill-lower {
    background: transparent;
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: var(--plyr-range-track-height, 5px);
    transition: box-shadow 0.3s ease;
    user-select: none;
    background: currentColor; }
  .plyr--full-ui input[type='range']::-ms-thumb {
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    transition: all 0.2s ease;
    width: var(--plyr-range-thumb-height, 13px);
    margin-top: 0; }
  .plyr--full-ui input[type='range']::-ms-tooltip {
    display: none; }
  .plyr--full-ui input[type='range']:focus {
    outline: 0; }
  .plyr--full-ui input[type='range']::-moz-focus-outer {
    border: 0; }
  .plyr--full-ui input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track {
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px; }
  .plyr--full-ui input[type='range'].plyr__tab-focus::-moz-range-track {
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px; }
  .plyr--full-ui input[type='range'].plyr__tab-focus::-ms-track {
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px; }

.plyr__poster {
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1; }

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1; }

.plyr__time {
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); }

.plyr__time + .plyr__time::before {
  content: '\2044';
  margin-right: var(--plyr-control-spacing, 10px); }

@media (max-width: calc(768px - 1)) {
  .plyr__time + .plyr__time {
    display: none; } }

.plyr__tooltip {
  background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  border-radius: var(--plyr-tooltip-radius, 3px);
  bottom: 100%;
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: var(--plyr-tooltip-color, #4a5464);
  font-size: var(--plyr-font-size-small, 13px);
  font-weight: var(--plyr-font-weight-regular, 400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
  opacity: 0;
  padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5);
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  white-space: nowrap;
  z-index: 2; }
  .plyr__tooltip::before {
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2; }

.plyr .plyr__control:hover .plyr__tooltip,
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%, 0) scale(1); }

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3; }

.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 0 100%; }
  .plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
  .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
    left: calc((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7)); }

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 100% 100%; }
  .plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
    left: auto;
    right: calc((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7));
    transform: translateX(50%); }

.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible {
  transform: translate(0, 0) scale(1); }

.plyr__progress {
  left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative; }
  .plyr__progress input[type='range'], .plyr__progress__buffer {
    margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
    margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
    width: calc(100% + var(--plyr-range-thumb-height, 13px)); }
  .plyr__progress input[type='range'] {
    position: relative;
    z-index: 2; }
  .plyr__progress .plyr__tooltip {
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
    left: 0; }

.plyr__progress__buffer {
  -webkit-appearance: none;
  /* stylelint-disable-line */
  background: transparent;
  border: 0;
  border-radius: 100px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin-top: calc((var(--plyr-range-track-height, 5px) / 2) * -1);
  padding: 0;
  position: absolute;
  top: 50%; }
  .plyr__progress__buffer::-webkit-progress-bar {
    background: transparent; }
  .plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: var(--plyr-range-track-height, 5px);
    transition: width 0.2s ease; }
  .plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: var(--plyr-range-track-height, 5px);
    transition: width 0.2s ease; }
  .plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    transition: width 0.2s ease; }

.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent);
  background-repeat: repeat-x;
  background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
  color: transparent; }

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)); }

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)); }

.plyr__volume {
  align-items: center;
  display: flex;
  max-width: 110px;
  min-width: 80px;
  position: relative;
  width: 20%; }
  .plyr__volume input[type='range'] {
    margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
    margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
    position: relative;
    z-index: 2; }

.plyr--is-ios .plyr__volume {
  min-width: 0;
  width: auto; }

.plyr--audio {
  display: block; }

.plyr--audio .plyr__controls {
  background: var(--plyr-audio-controls-background, #fff);
  border-radius: inherit;
  color: var(--plyr-audio-control-color, #4a5464);
  padding: var(--plyr-control-spacing, 10px); }

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded='true'] {
  background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  color: var(--plyr-audio-control-color-hover, #fff); }

.plyr--full-ui.plyr--audio input[type='range']::-webkit-slider-runnable-track {
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); }

.plyr--full-ui.plyr--audio input[type='range']::-moz-range-track {
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); }

.plyr--full-ui.plyr--audio input[type='range']::-ms-track {
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); }

.plyr--full-ui.plyr--audio input[type='range']:active::-webkit-slider-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); }

.plyr--full-ui.plyr--audio input[type='range']:active::-moz-range-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); }

.plyr--full-ui.plyr--audio input[type='range']:active::-ms-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); }

.plyr--audio .plyr__progress__buffer {
  color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)); }

.plyr--video {
  background: #000;
  overflow: hidden; }
  .plyr--video.plyr--menu-open {
    overflow: visible; }

.plyr__video-wrapper {
  background: #000;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%; }

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  height: 0;
  padding-bottom: 56.25%; }

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  left: 0;
  position: absolute;
  top: 0; }

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%); }

.plyr--video .plyr__controls {
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: var(--plyr-video-control-color, #fff);
  left: 0;
  padding: calc(var(--plyr-control-spacing, 10px) / 2);
  padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  z-index: 3; }
  @media (min-width: 480px) {
    .plyr--video .plyr__controls {
      padding: var(--plyr-control-spacing, 10px);
      padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5); } }

.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%); }

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded='true'] {
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  color: var(--plyr-video-control-color-hover, #fff); }

.plyr__control--overlaid {
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  border: 0;
  border-radius: 100%;
  color: var(--plyr-video-control-color, #fff);
  display: none;
  left: 50%;
  opacity: 0.9;
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  z-index: 2; }
  .plyr__control--overlaid svg {
    left: 2px;
    position: relative; }
  .plyr__control--overlaid:hover, .plyr__control--overlaid:focus {
    opacity: 1; }

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden; }

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block; }

.plyr--full-ui.plyr--video input[type='range']::-webkit-slider-runnable-track {
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); }

.plyr--full-ui.plyr--video input[type='range']::-moz-range-track {
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); }

.plyr--full-ui.plyr--video input[type='range']::-ms-track {
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); }

.plyr--full-ui.plyr--video input[type='range']:active::-webkit-slider-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); }

.plyr--full-ui.plyr--video input[type='range']:active::-moz-range-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); }

.plyr--full-ui.plyr--video input[type='range']:active::-ms-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); }

.plyr--video .plyr__progress__buffer {
  color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)); }

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }
  .plyr:fullscreen video {
    height: 100%; }
  .plyr:fullscreen .plyr__video-wrapper {
    height: 100%;
    position: static; }
  .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative; }
  .plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block; }
    .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
      display: none; }
  .plyr:fullscreen.plyr--hide-controls {
    cursor: none; }
  @media (min-width: 1024px) {
    .plyr:fullscreen .plyr__captions {
      font-size: var(--plyr-font-size-xlarge, 21px); } }

/* stylelint-disable-next-line */
.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }
  .plyr:-webkit-full-screen video {
    height: 100%; }
  .plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    position: static; }
  .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative; }
  .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block; }
    .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
      display: none; }
  .plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none; }
  @media (min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
      font-size: var(--plyr-font-size-xlarge, 21px); } }

/* stylelint-disable-next-line */
.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }
  .plyr:-moz-full-screen video {
    height: 100%; }
  .plyr:-moz-full-screen .plyr__video-wrapper {
    height: 100%;
    position: static; }
  .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative; }
  .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
    display: block; }
    .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
      display: none; }
  .plyr:-moz-full-screen.plyr--hide-controls {
    cursor: none; }
  @media (min-width: 1024px) {
    .plyr:-moz-full-screen .plyr__captions {
      font-size: var(--plyr-font-size-xlarge, 21px); } }

/* stylelint-disable-next-line */
.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }
  .plyr:-ms-fullscreen video {
    height: 100%; }
  .plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    position: static; }
  .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative; }
  .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block; }
    .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
      display: none; }
  .plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none; }
  @media (min-width: 1024px) {
    .plyr:-ms-fullscreen .plyr__captions {
      font-size: var(--plyr-font-size-xlarge, 21px); } }

.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  display: block;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000; }
  .plyr--fullscreen-fallback video {
    height: 100%; }
  .plyr--fullscreen-fallback .plyr__video-wrapper {
    height: 100%;
    position: static; }
  .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative; }
  .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block; }
    .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
      display: none; }
  .plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none; }
  @media (min-width: 1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
      font-size: var(--plyr-font-size-xlarge, 21px); } }

.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1; }
  .plyr__ads > div,
  .plyr__ads > div iframe {
    height: 100%;
    position: absolute;
    width: 100%; }
  .plyr__ads::after {
    background: #23282f;
    border-radius: 2px;
    bottom: var(--plyr-control-spacing, 10px);
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: var(--plyr-control-spacing, 10px);
    z-index: 3; }
  .plyr__ads::after:empty {
    display: none; }

.plyr__cues {
  background: currentColor;
  display: block;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin: -var(--plyr-range-track-height, 5px)/2 0 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  width: 3px;
  z-index: 3; }

.plyr__preview-thumb {
  background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  border-radius: 3px;
  bottom: 100%;
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
  opacity: 0;
  padding: var(--plyr-tooltip-radius, 3px);
  pointer-events: none;
  position: absolute;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  z-index: 2; }
  .plyr__preview-thumb--is-shown {
    opacity: 1;
    transform: translate(0, 0) scale(1); }
  .plyr__preview-thumb::before {
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2; }
  .plyr__preview-thumb__image-container {
    background: #c1c8d1;
    border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
    overflow: hidden;
    position: relative;
    z-index: 0; }
    .plyr__preview-thumb__image-container img {
      height: 100%;
      left: 0;
      max-height: none;
      max-width: none;
      position: absolute;
      top: 0;
      width: 100%; }
  .plyr__preview-thumb__time-container {
    bottom: 6px;
    left: 0;
    position: absolute;
    right: 0;
    white-space: nowrap;
    z-index: 3; }
    .plyr__preview-thumb__time-container span {
      background-color: rgba(0, 0, 0, 0.55);
      border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
      color: #fff;
      font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
      padding: 3px 6px; }

.plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1; }
  .plyr__preview-scrubbing--is-shown {
    opacity: 1; }
  .plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%; }

.plyr--no-transition {
  transition: none !important; }

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0 !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.plyr [hidden] {
  display: none !important; }

.product-tile-row {
  position: relative;
  box-sizing: border-box;
  height: 100%;
  margin-bottom: 16px; }
  .product-tile-row__container {
    box-sizing: border-box;
    border: 1px solid #484848;
    position: relative; }
  .product-tile-row__label {
    box-sizing: border-box;
    padding-left: 8px;
    padding-top: 8px; }
  .product-tile-row__brand-and-name-container {
    flex-direction: column; }
  .product-tile-row__info {
    box-sizing: border-box; }
  .product-tile-row__price {
    align-items: center; }
    @media (min-width: 768px) {
      .product-tile-row__price {
        flex-direction: column;
        align-items: flex-start; } }
  .product-tile-row__label-and-roundels-container {
    position: absolute;
    box-sizing: border-box;
    width: 100%; }
  .product-tile-row__roundels-container {
    flex-direction: column;
    box-sizing: border-box;
    width: 36px;
    margin-right: 16px;
    margin-top: 16px;
    height: 100%; }
  .product-tile-row__image {
    width: 160px;
    height: 160px;
    max-width: 100%;
    max-height: 100%; }
  .product-tile-row__review {
    box-sizing: border-box; }
  .product-tile-row__variants {
    box-sizing: border-box;
    flex-wrap: wrap;
    flex-direction: column; }
    .product-tile-row__variants-container {
      box-sizing: border-box;
      flex-grow: 1;
      flex-wrap: wrap;
      max-width: 220px;
      border-bottom: 1px solid #a3a3a3;
      padding-bottom: 4px;
      height: 48px;
      overflow: hidden;
      transition: height .333s ease-out; }
  .product-tile-row__selected-variant-and-show-more-container {
    width: 100%;
    max-width: 240px; }
  .product-tile-row__variant {
    box-sizing: border-box;
    margin: 4px;
    border-radius: 50%;
    cursor: pointer; }
    .product-tile-row__variant--color {
      width: 36px;
      height: 36px; }
      .product-tile-row__variant--color:hover, .product-tile-row__variant--color-selected {
        border: 2px solid #fff;
        box-shadow: 0 0 1px 1px #5e0e6f; }
    .product-tile-row__variant--quantity {
      background-color: #fff;
      border: 1px solid #a3a3a3;
      width: 40px;
      height: 40px; }
      .product-tile-row__variant--quantity-selected, .product-tile-row__variant--quantity:hover {
        color: #f8f8f8;
        background-color: #81438e;
        border: 2px solid #a3a3a3; }
  .product-tile-row__selected-variant {
    margin-top: 4px; }
  .product-tile-row__show-more {
    box-sizing: border-box;
    margin-top: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #484848;
    cursor: pointer; }
  .product-tile-row__quantity-picker-label {
    margin: 0 auto;
    box-sizing: border-box; }

.brands-alphabet {
  display: flex;
  flex-wrap: wrap;
  max-width: 900px;
  margin: 35px auto 27px; }
  @media (min-width: 768px) {
    .brands-alphabet {
      margin: 40px auto 35px;
      justify-content: center; } }
  @media (min-width: 1024px) {
    .brands-alphabet {
      margin: 60px auto 75px; } }
  .brands-alphabet__link {
    padding: 18px 15px;
    font-size: 18px;
    color: #484848;
    text-decoration: none;
    cursor: pointer;
    min-width: 15px; }
    .brands-alphabet__link--disabled {
      pointer-events: none;
      cursor: default;
      color: #d1d1d1; }
    @media (min-width: 768px) {
      .brands-alphabet__link {
        font-size: 21px;
        padding: 12px 23px; } }
    @media (min-width: 1024px) {
      .brands-alphabet__link {
        padding: 15px 23px;
        /* on desktop devices second row should be longer then first */ }
        .brands-alphabet__link:first-child {
          margin-left: 30px; }
        .brands-alphabet__link:nth-child(13) {
          /* 13 - "M" character number */
          margin-right: 30px; } }
  .brands-alphabet__text::after {
    content: '';
    display: block;
    border-bottom: 1px solid #484848;
    margin-top: 5px;
    opacity: 0;
    transition: opacity 0.25s; }
  .brands-alphabet__link:hover .brands-alphabet__text::after,
  .brands-alphabet__link--active .brands-alphabet__text::after {
    opacity: 1; }

.brand-logo {
  text-align: center; }
  .brand-logo__img {
    max-width: 100%; }

.loyalty__title {
  text-align: center; }

.loyalty__list {
  margin: 15px 0 15px -4px; }

.loyalty__item {
  margin: 15px 0; }

.loyalty-group {
  display: flex;
  margin-top: 35px;
  justify-content: space-between; }
  .loyalty-group__header {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .loyalty-group__uppertext {
    font-size: 14px;
    color: #5e0e6f;
    font-weight: bold;
    text-transform: uppercase; }
    .loyalty-group__uppertext::after {
      content: ' = '; }
  .loyalty-group__icon {
    font-size: 30px;
    color: #bf90c0; }
  .loyalty-group__action {
    font-size: 28px;
    color: #5e0e6f;
    font-weight: bold;
    text-transform: uppercase; }

.main-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 10px; }
  .main-nav-wrap {
    position: relative;
    background: #000000; }
    .main-nav-wrap .container-fluid {
      width: 100%; }
    .main-nav-wrap--menu-item-expanded .nav-menu-btn {
      display: none; }
    .main-nav-wrap--menu-item-expanded .category-nav {
      left: auto; }
      @media (min-width: 1024px) {
        .main-nav-wrap--menu-item-expanded .category-nav {
          position: static; } }
    .main-nav-wrap a {
      text-decoration: none; }
    .main-nav-wrap * {
      box-sizing: border-box; }
    .is-nav-opened .main-nav-wrap {
      flex: 1 1 auto; }
  .main-nav__footer {
    flex-basis: 100%;
    order: 2; }
  .main-nav .nav-back-btn {
    display: none; }
    .main-nav .nav-back-btn__title {
      text-transform: uppercase;
      color: #fff; }
  .main-nav .nav-link-tile {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .25rem; }

.category-nav {
  position: absolute;
  left: -9999px; }
  .category-nav__item {
    display: inline-block; }
    .category-nav__item:last-of-type {
      margin-right: 0; }
  .category-nav__dropdown {
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 23;
    width: 100%; }
    .is-opened .category-nav__dropdown {
      height: auto; }

.nav-menu-btn {
  padding-left: 5px; }
  .nav-menu-btn__title {
    height: 35px;
    color: #fff;
    font-size: 13px;
    line-height: 36px;
    letter-spacing: .25rem; }

.lang-nav {
  font-size: 0;
  text-align: right;
  color: #fff; }
  .lang-nav__separator, .lang-nav__item {
    font-size: 14px; }
  .lang-nav__separator {
    display: inline-block;
    padding: 0 9px; }
    .lang-nav__separator:last-of-type {
      display: none; }
  .lang-nav__item {
    color: inherit; }
    .lang-nav__item.is-selected {
      color: #7c7c7c; }

.nav-wish-list,
.nav-logout {
  display: block;
  position: relative; }
  .nav-wish-list .nav-link-tile,
  .nav-logout .nav-link-tile {
    height: 65px; }

/* dropdown tiles */
.nav-tail {
  width: 20vw; }
  .nav-tail--wide {
    width: 40vw; }
  .nav-tail--stretch {
    min-width: 20vw;
    width: auto; }
  .nav-tail--2-cell {
    margin-right: 20vw; }
  .nav-tail--3-cell {
    margin-right: 40vw; }
  .nav-tail--4-cell {
    margin-right: 60vw; }
  .nav-tail--5-cell {
    margin-right: 80vw; }
  .nav-tail:not(:last-of-type):not(.nav-tail--no-border) {
    border-right: 1px solid #d1d1d1; }
  .nav-tail-container {
    display: inline-flex;
    flex-wrap: nowrap;
    background: #fff;
    border-bottom: 1px solid #d1d1d1;
    color: #484848; }
    .nav-tail-container__column {
      min-height: 475px;
      display: flex;
      flex-basis: auto;
      flex-shrink: 0; }
    .nav-tail-container__subcategory-content {
      display: flex; }

.nav-product-reference,
.nav-product-reference .product-tile {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0; }

.nav-content-hub {
  width: 100%;
  height: 100%;
  padding: 15px;
  background-size: cover;
  background-position: center;
  cursor: pointer; }
  .nav-content-hub, .nav-content-hub__overlay {
    display: flex;
    align-items: center;
    justify-content: center; }
  .nav-content-hub__overlay {
    flex-direction: column;
    min-height: 275px;
    padding: 15px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff; }
  .nav-content-hub__title {
    text-align: center;
    font-size: 18px;
    font-style: italic; }
  .nav-content-hub__content-type {
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #fff;
    font-size: 19px;
    letter-spacing: 1px;
    text-transform: uppercase; }

.nav-banner {
  position: absolute;
  width: inherit;
  height: 100%;
  border-bottom: 1px solid #d1d1d1;
  background-size: cover;
  background-position: center; }
  .nav-banner__btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: #000000;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .25rem; }
    .nav-banner__btn {
      border-color: #000000;
      background-color: #000000;
      color: #fff; }
      .nav-banner__btn .button__underline::after {
        background-color: #fff; }
      .nav-banner__btn:hover {
        background-color: #fff;
        border-color: #000000;
        color: #000000; }
        .nav-banner__btn:hover .button__underline::after {
          background-color: #000000; }

.nav-popular-brands {
  height: 100%;
  width: 100%;
  padding: 35px 15px 10px 35px;
  background: #d1d1d1;
  color: #000000; }
  .nav-popular-brands__title {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase; }
  .nav-popular-brands__item {
    margin: 20px 0; }
  .nav-popular-brands__link {
    display: inline-block;
    border-bottom: 1px solid transparent;
    padding-bottom: 9px;
    color: inherit;
    font-size: 13px;
    text-transform: uppercase; }
    .nav-popular-brands__link:hover {
      color: #fff;
      border-color: #fff; }

.nav-menu-link {
  display: inline-flex;
  align-items: center; }
  .nav-menu-link__icon {
    width: 40px;
    height: 40px;
    margin-right: 18px;
    display: inline-block;
    border: 1px solid #d1d1d1;
    border-radius: 50%;
    background-size: cover;
    background-position: center; }
  .nav-menu-link__title {
    padding: 5px 0;
    line-height: 1.3; }
  .nav-menu-link:hover .nav-menu-link__title,
  .nav-menu-link.is-active .nav-menu-link__title {
    border-bottom: 1px solid #484848;
    font-weight: bold; }
  @media (min-width: 1024px) {
    .nav-menu-link .icon {
      display: none; } }

/* navigate components */
.nav-component {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  color: #484848;
  /* category & advanced component */
  /* content hub component */ }
  .nav-component-category {
    position: relative;
    width: 50%; }
  .nav-component-subcategory {
    position: absolute;
    top: 0;
    left: 100vw;
    width: calc(50% + 1px);
    height: 100%;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    background: #fff;
    z-index: 20;
    /* auto column amount */ }
    .is-opened > .nav-component-subcategory {
      left: 50%; }
    .nav-component-subcategory__list > .nav-component-subcategory__item {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      -webkit-column-break-inside: avoid;
      page-break-inside: avoid;
      break-inside: avoid-column; }
      .nav-component-subcategory__list > .nav-component-subcategory__item > * {
        width: 100%; }
    .nav-component-subcategory--1-columns {
      width: calc(50% * 1 + 1px); }
    .nav-component-subcategory--1-columns .nav-component-subcategory__list {
      column-count: 1; }
    .nav-component-subcategory--2-columns {
      width: calc(50% * 2 + 2px); }
    .nav-component-subcategory--2-columns .nav-component-subcategory__list {
      column-count: 2; }
    .nav-component-subcategory--3-columns {
      width: calc(50% * 3 + 3px); }
    .nav-component-subcategory--3-columns .nav-component-subcategory__list {
      column-count: 3; }
    .nav-component-subcategory--4-columns {
      width: calc(50% * 4 + 4px); }
    .nav-component-subcategory--4-columns .nav-component-subcategory__list {
      column-count: 4; }
    .nav-component-subcategory--auto-height {
      height: auto;
      min-height: 475px; }
  .nav-component a {
    color: inherit; }
  .nav-component--category .nav-component-category__list {
    padding: 0 18px; }
  .nav-component--category .nav-component-category__item {
    margin: 32px 0; }
  .nav-component--category .nav-component-subcategory .nav-menu-link,
  .nav-component--advanced .nav-component-subcategory .nav-menu-link {
    display: inline-block; }
    .nav-component--category .nav-component-subcategory .nav-menu-link__title,
    .nav-component--advanced .nav-component-subcategory .nav-menu-link__title {
      padding: 0; }
    .nav-component--category .nav-component-subcategory .nav-menu-link--main .nav-menu-link__title,
    .nav-component--advanced .nav-component-subcategory .nav-menu-link--main .nav-menu-link__title {
      font-size: 14px;
      font-weight: bold;
      text-transform: uppercase; }
    .nav-component--category .nav-component-subcategory .nav-menu-link:hover .nav-menu-link__title,
    .nav-component--category .nav-component-subcategory .nav-menu-link.is-active .nav-menu-link__title,
    .nav-component--advanced .nav-component-subcategory .nav-menu-link:hover .nav-menu-link__title,
    .nav-component--advanced .nav-component-subcategory .nav-menu-link.is-active .nav-menu-link__title {
      border-bottom: 0 none; }
    .nav-component--category .nav-component-subcategory .nav-menu-link--main,
    .nav-component--advanced .nav-component-subcategory .nav-menu-link--main {
      padding-bottom: 15px; }
  .nav-component--category .nav-component-subcategory__list,
  .nav-component--advanced .nav-component-subcategory__list {
    height: 100%;
    padding: 40px 15px 20px 40px; }
  .nav-component--category .nav-component-subcategory__list > .nav-component--category .nav-component-subcategory__item,
  .nav-component--advanced .nav-component-subcategory__list > .nav-component--category .nav-component-subcategory__item, .nav-component--category .nav-component-subcategory__list >
  .nav-component--advanced .nav-component-subcategory__item,
  .nav-component--advanced .nav-component-subcategory__list >
  .nav-component--advanced .nav-component-subcategory__item {
    display: inline-block;
    width: 100%; }
  .nav-component--category .nav-component-subcategory__item,
  .nav-component--advanced .nav-component-subcategory__item {
    padding-bottom: 15px; }
    .nav-component--category .nav-component-subcategory__item ul,
    .nav-component--advanced .nav-component-subcategory__item ul {
      padding-bottom: 15px; }
  @media (min-width: 1024px) {
    .nav-component--category .nav-component-subcategory .nav-menu-link__icon {
      display: none; } }
  .nav-component--advanced .nav-component-subcategory {
    left: 0;
    position: relative; }
    .nav-component--advanced .nav-component-subcategory--1-columns {
      width: 20vw; }
    .nav-component--advanced .nav-component-subcategory--2-columns {
      width: 40vw; }
    .nav-component--advanced .nav-component-subcategory--3-columns {
      width: 60vw; }
    .nav-component--advanced .nav-component-subcategory--4-columns {
      width: 80vw; }
    .nav-component--advanced .nav-component-subcategory .nav-menu-link__title {
      font-size: 12px; }
  .nav-component--content-hub .nav-component-category {
    padding: 26px 18px; }
    .nav-component--content-hub .nav-component-category__item {
      margin: 26px 0; }
    .nav-component--content-hub .nav-component-category .nav-menu-link__title {
      font-size: 14px;
      text-transform: uppercase; }
    .nav-component--content-hub .nav-component-category .nav-menu-link__icon {
      margin-right: 12px; }
      .nav-component--content-hub .nav-component-category .nav-menu-link__icon--small {
        width: 30px;
        height: 30px;
        background-size: auto;
        background-repeat: no-repeat; }
  .nav-component--content-hub .nav-component-subcategory {
    padding: 30px 15px 0 23px;
    left: 50%; }
    .nav-component--content-hub .nav-component-subcategory .nav-menu-link--main .nav-menu-link__title {
      font-size: 12px; }
    .nav-component--content-hub .nav-component-subcategory .nav-menu-link__icon {
      width: 40px;
      height: 40px;
      margin-right: 14px;
      flex-basis: auto;
      flex-shrink: 0; }
    .nav-component--content-hub .nav-component-subcategory .nav-menu-link:hover .nav-menu-link__title,
    .nav-component--content-hub .nav-component-subcategory .nav-menu-link.is-active .nav-menu-link__title {
      border-bottom: 0 none;
      font-weight: normal;
      text-decoration: underline; }
    .nav-component--content-hub .nav-component-subcategory__item {
      padding-bottom: 35px; }

@media (min-width: 1024px) {
  .category-nav {
    margin: 0 -25px; }
    .category-nav__link {
      padding: 0 25px;
      display: block; }
      .category-nav__link .nav-link-tile {
        height: 35px;
        font-size: 13px;
        line-height: 36px; }
      .is-opened .category-nav__link .nav-link-tile {
        position: relative; }
        .is-opened .category-nav__link .nav-link-tile::after {
          content: '';
          width: 0;
          height: 0;
          border: 0 solid transparent;
          border-right-width: 8px;
          border-left-width: 8px;
          border-bottom: 8px solid #fff;
          position: absolute;
          bottom: -1px;
          left: calc(50% - 8px); }
  .nav-component--advanced .nav-menu-link__icon {
    display: none; }
  .nav-component-subcategory__toggler .icon {
    display: none; }
  .nav-component .alphabet-filter {
    border-right: 1px solid #d1d1d1; }
  .main-nav__footer {
    display: none; }
  .nav-wish-list .nav-link-tile {
    display: none; } }

@media (max-width: 1023px) {
  .main-nav {
    flex-wrap: wrap;
    margin: 0;
    padding: 0; }
    .main-nav-wrap {
      position: relative; }
      .main-nav-wrap:not(.is-mobile-shown) {
        display: none; }
      .main-nav-wrap.is-mobile-shown--level-2 .nav-back-btn, .main-nav-wrap.is-mobile-shown--level-3 .nav-back-btn {
        display: block; }
      .main-nav-wrap.is-mobile-shown--level-2 .lang-nav, .main-nav-wrap.is-mobile-shown--level-3 .lang-nav {
        width: auto; }
      .main-nav-wrap.is-mobile-shown--level-2 .nav-component-category,
      .main-nav-wrap.is-mobile-shown--level-2 .category-nav__item:not(.is-opened),
      .main-nav-wrap.is-mobile-shown--level-2 .main-nav__footer, .main-nav-wrap.is-mobile-shown--level-3 .nav-component-category,
      .main-nav-wrap.is-mobile-shown--level-3 .category-nav__item:not(.is-opened),
      .main-nav-wrap.is-mobile-shown--level-3 .main-nav__footer {
        display: none; }
      .main-nav-wrap.is-mobile-shown--level-2:not(.is-mobile-shown--level-3) .nav-component--category .nav-component-category,
      .main-nav-wrap.is-mobile-shown--level-2:not(.is-mobile-shown--level-3) .nav-component--content-hub .nav-component-category {
        display: block; }
      .main-nav-wrap.is-mobile-shown--level-2:not(.is-mobile-shown--level-3) .nav-component--category .is-opened,
      .main-nav-wrap.is-mobile-shown--level-2:not(.is-mobile-shown--level-3) .nav-component--content-hub .is-opened {
        display: none; }
      .main-nav-wrap .container-fluid {
        padding: 0; }
    .main-nav-toggle {
      cursor: pointer; }
  .nav-back-btn,
  .lang-nav {
    height: 50px;
    padding: 0 25px;
    line-height: 50px; }
  .nav-back-btn {
    display: none; }
    .nav-back-btn a {
      display: inline-block; }
  .lang-nav {
    width: 100%;
    text-align: right; }
  .nav-tail-container {
    width: 100vw; }
    .nav-tail-container__column {
      width: 100%;
      min-height: 0; }
      .nav-tail-container__column--secondary {
        display: none; }
  .category-nav {
    order: 1;
    flex-basis: 100%;
    background: #fff;
    position: relative; }
    .category-nav__item {
      position: relative;
      display: block;
      width: 50%;
      margin: 0;
      float: left; }
      .category-nav__item.is-wide, .category-nav__item:first-of-type, .category-nav__item:nth-child(even):last-of-type {
        width: 100%; }
      .category-nav__item.is-opened {
        position: absolute;
        top: 0;
        left: 0; }
      .category-nav__item:first-of-type > .category-nav__link .nav-link-tile {
        outline: none; }
  /* 2nd level */
  .is-mobile-shown--level-2 .is-opened {
    position: static;
    /* 3rd level */ }
    .is-mobile-shown--level-2 .is-opened .category-nav__dropdown {
      display: block;
      top: -1px;
      left: 0;
      z-index: 7; }
    .is-mobile-shown--level-2 .is-opened .category-nav__link {
      display: none; }
    .is-mobile-shown--level-2 .is-opened .nav-tail-container {
      border-bottom: 0 none; }
    .is-mobile-shown--level-2 .is-opened .nav-component .nav-menu-link {
      display: flex;
      width: 100%;
      height: 90px;
      padding: 0 25px;
      border-bottom: 1px solid #d1d1d1;
      align-items: center;
      text-align: center; }
      .is-mobile-shown--level-2 .is-opened .nav-component .nav-menu-link__title {
        font-size: 15px;
        text-transform: uppercase;
        text-overflow: ellipsis;
        overflow: hidden;
        letter-spacing: 0.12em; }
      .is-mobile-shown--level-2 .is-opened .nav-component .nav-menu-link__icon, .is-mobile-shown--level-2 .is-opened .nav-component .nav-menu-link__icon--small {
        min-width: 62px;
        height: 62px; }
      .is-mobile-shown--level-2 .is-opened .nav-component .nav-menu-link--main .nav-menu-link__title {
        padding: 0;
        font-size: 16px;
        letter-spacing: 0.25em;
        text-decoration: underline;
        text-underline-position: under; }
      .is-mobile-shown--level-2 .is-opened .nav-component .nav-menu-link--no-child {
        height: 68px;
        padding: 0 25px;
        background: #f8f8f8;
        justify-content: center; }
        .is-mobile-shown--level-2 .is-opened .nav-component .nav-menu-link--no-child:hover .nav-menu-link__title {
          text-decoration: none; }
    .is-mobile-shown--level-2 .is-opened .nav-component-category {
      width: 100%;
      padding: 0; }
      .is-mobile-shown--level-2 .is-opened .nav-component-category__list, .is-mobile-shown--level-2 .is-opened .nav-component-category__item {
        margin: 0;
        padding: 0; }
    .is-mobile-shown--level-2 .is-opened .nav-component-subcategory {
      display: none; }
      .is-mobile-shown--level-2 .is-opened .nav-component-subcategory__item {
        display: block;
        padding: 0; }
        .is-mobile-shown--level-2 .is-opened .nav-component-subcategory__item ul {
          padding: 0;
          overflow: hidden; }
      .is-mobile-shown--level-2 .is-opened .nav-component-subcategory__toggler {
        display: flex;
        width: 100%;
        height: 68px;
        position: relative;
        background: #f8f8f8;
        padding: 0 25px;
        border-bottom: 1px solid #d1d1d1;
        justify-content: center;
        align-items: center;
        cursor: pointer; }
        .is-mobile-shown--level-2 .is-opened .nav-component-subcategory__toggler .nav-menu-link--main {
          display: inline;
          width: auto;
          height: auto;
          border: none;
          padding: 0; }
        .is-mobile-shown--level-2 .is-opened .nav-component-subcategory__toggler .nav-menu-link:hover .nav-menu-link__title {
          text-decoration: none; }
        .is-mobile-shown--level-2 .is-opened .nav-component-subcategory__toggler .icon {
          position: absolute;
          right: 20px;
          font-size: 22px;
          color: #000000; }
    .is-mobile-shown--level-2 .is-opened .nav-component--category .nav-component-category__item {
      position: relative;
      width: 50%;
      float: left; }
      .is-mobile-shown--level-2 .is-opened .nav-component--category .nav-component-category__item.is-wide, .is-mobile-shown--level-2 .is-opened .nav-component--category .nav-component-category__item:first-of-type, .is-mobile-shown--level-2 .is-opened .nav-component--category .nav-component-category__item:nth-child(even):last-of-type {
        width: 100%; }
    .is-mobile-shown--level-2 .is-opened .nav-component--content-hub .nav-component__logo {
      display: flex;
      width: 100%;
      height: 90px;
      padding: 0 25px;
      border-bottom: 1px solid #d1d1d1;
      align-items: center;
      text-align: center;
      justify-content: space-around; }
    .is-mobile-shown--level-2 .is-opened .nav-component--content-hub .nav-menu-link:hover .nav-menu-link__title,
    .is-mobile-shown--level-2 .is-opened .nav-component--content-hub .nav-menu-link.is-active .nav-menu-link__title {
      border: 0 none;
      font-weight: normal; }
    .is-mobile-shown--level-2 .is-opened .nav-component--content-hub .nav-menu-link:hover .nav-menu-link__title {
      font-weight: bold; }
    .is-mobile-shown--level-2 .is-opened .nav-component--advanced .nav-component-subcategory {
      position: static;
      display: block;
      width: 100%;
      border: 0 none; }
      .is-mobile-shown--level-2 .is-opened .nav-component--advanced .nav-component-subcategory__list {
        padding: 0; }
    .is-mobile-shown--level-2 .is-opened .is-opened {
      width: 100%; }
      .is-mobile-shown--level-2 .is-opened .is-opened .nav-component-subcategory {
        position: static;
        display: block;
        width: 100%;
        padding: 0;
        border: 0 none; }
        .is-mobile-shown--level-2 .is-opened .is-opened .nav-component-subcategory__list {
          padding: 0;
          width: 100%; }
          .is-mobile-shown--level-2 .is-opened .is-opened .nav-component-subcategory__list > li {
            display: block; }
  .is-mobile-shown--level-2 .nav-tail--wide {
    width: 100%;
    border: 0 none;
    margin-right: 0; }
  .nav-link-tile {
    height: 175px;
    outline: 1px solid #d1d1d1; }
    .nav-link-tile:hover .nav-link-tile__overlay {
      box-shadow: inset 0 0 0 175px rgba(0, 0, 0, 0.88); }
    .nav-link-tile__overlay, .nav-link-tile__title {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: inherit; }
    .nav-link-tile__overlay {
      background-size: cover;
      background-position: center;
      box-shadow: inset 0 0 0 175px rgba(0, 0, 0, 0.75); }
    .nav-link-tile__title {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 10px;
      font-size: 20px;
      text-shadow: 1px 1px #000000;
      text-align: center;
      overflow: hidden; }
    .nav-link-tile .icon {
      font-size: 46px; }
  .nav-component--advanced {
    width: 100vw; }
  .nav-component-category__item:first-of-type > a .nav-link-tile {
    outline: none; }
  .nav-component-subcategory__item.is-opened .icon {
    transform: rotate(-90deg); } }

.more-data-loader__content, .more-data-loader__counter, .more-data-loader__btn {
  margin: 30px 0; }

.more-data-loader__counter {
  padding: 0 15px;
  color: #484848;
  font-size: 16px; }

.more-data-loader__btn {
  margin-top: 0; }
  .more-data-loader__btn {
    border-color: #484848;
    background-color: #484848;
    color: #fff; }
    .more-data-loader__btn .button__underline::after {
      background-color: #fff; }
    .more-data-loader__btn:hover {
      background-color: #fff;
      border-color: #484848;
      color: #484848; }
      .more-data-loader__btn:hover .button__underline::after {
        background-color: #484848; }

.more-data-loader__footer {
  text-align: center; }

.store-details {
  max-width: 1050px;
  margin: 40px auto 105px; }
  @media (max-width: 1199px) {
    .store-details {
      margin: 20px 0 50px; } }
  .store-details-information {
    width: 335px;
    font-family: "Raleway Regular", sans-serif;
    color: #484848;
    margin-bottom: 0; }
    @media (max-width: 1199px) {
      .store-details-information {
        width: auto;
        height: auto;
        margin: 0 40px 40px; }
        .store-details-information:after {
          content: "";
          display: table;
          clear: both; } }
    @media (max-width: 1023px) {
      .store-details-information {
        margin-right: 0;
        margin-left: 0; } }
    .store-details-information .schedule-timer {
      margin: 20px 0; }
    .store-details-information__button {
      margin-bottom: 10px; }
      .store-details-information__button:last-child {
        margin-bottom: 40px; }
      .store-details-information__button--phone .button {
        font-size: 16px;
        letter-spacing: 1.5px; }
      .store-details-information__button .button {
        max-width: 335px;
        width: 100%; }
        @media (max-width: 767px) {
          .store-details-information__button .button {
            max-width: 100%; } }
    @media (max-width: 1199px) {
      .store-details-information-contacts {
        max-width: 335px;
        float: left; } }
    @media (max-width: 767px) {
      .store-details-information-contacts {
        max-width: 100%;
        float: none; } }
    .store-details-information-contacts__wrapper {
      margin-bottom: 40px; }
    .store-details-information-contacts__title {
      text-transform: uppercase;
      font-family: "Raleway Bold", sans-serif;
      font-size: 18px;
      margin-bottom: 25px; }
    .store-details-information-contacts__label {
      display: inline-block;
      width: 100%; }
    .store-details-information-contacts__address {
      font-size: 15px;
      line-height: 1.3; }
    .store-details-information-contacts__footer .store-details-information-additional {
      display: none; }

@media (min-width: 768px) and (max-width: 1199px) {
  .store-details-information-contacts__footer .store-details-information-additional {
    display: block; } }
    .store-details-information-hours {
      width: 335px; }
      @media (max-width: 1199px) {
        .store-details-information-hours {
          float: right; } }
      @media (max-width: 767px) {
        .store-details-information-hours {
          width: 100%;
          float: none; } }
      .store-details-information-hours__title {
        display: block;
        font-family: "Raleway Bold", sans-serif;
        font-size: 16px;
        margin-bottom: 25px;
        font-weight: bold; }
    .store-details-information-additional__title {
      display: block;
      font-weight: bold;
      font-size: 16px;
      margin-bottom: 25px; }
    .store-details-information-additional__text {
      font-size: 15px;
      line-height: 1.3; }
    .store-details-information__footer .store-details-information-contacts__buttons {
      display: none; }

@media (min-width: 768px) and (max-width: 1199px) {
  .store-details-information__footer .store-details-information-additional {
    display: none; } }
  .store-details-schedule-item {
    font-size: 15px;
    margin-top: 10px; }
    .store-details-schedule-item:first-child {
      margin-top: 0; }
    .store-details-schedule-item__title {
      display: inline-block;
      width: 40px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-right: 10px; }
    .store-details-schedule-item__hours {
      text-transform: uppercase;
      font-weight: bold; }
      @media (max-width: 767px) {
        .store-details-schedule-item__hours {
          margin-right: 0; } }
      .store-details-schedule-item__hours:not(:last-child)::after {
        content: '/';
        display: inline;
        margin-left: 8px;
        margin-right: 4px; }
  .store-details-map {
    text-align: right;
    box-sizing: border-box;
    width: 100%;
    height: 650px;
    border: 20px solid #000000; }
  .store-details-free-content .instruction {
    margin-bottom: 100px; }

.instruction {
  text-align: center;
  font-family: "Raleway Regular", sans-serif;
  margin: 0 0 25px;
  color: #484848; }
  .instruction__additional {
    font-size: 12px; }
  .instruction-info {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .instruction-info__title {
      text-transform: uppercase;
      font-family: "Raleway Medium", sans-serif;
      font-size: 15px;
      margin-bottom: 30px; }
    .instruction-info__text {
      font-size: 14px;
      line-height: 1.5;
      margin-bottom: 60px; }

@media (min-width: 320px) and (max-width: 767px) {
  .instruction-info__text {
    margin-bottom: 40px; } }
  .instruction-steps {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 30px; }

@media (min-width: 320px) and (max-width: 767px) {
  .instruction-steps {
    flex-direction: column;
    margin-bottom: 0; } }
    .instruction-steps-item {
      margin-bottom: 0; }
      @media (max-width: 767px) {
        .instruction-steps-item {
          margin-bottom: 30px; } }
      .instruction-steps-item__wrapper {
        display: flex;
        width: auto;
        height: 55px;
        justify-content: center;
        align-items: center; }
      .instruction-steps-item__icon {
        font-size: 55px;
        color: #bf90c0;
        margin-bottom: 5px; }
      .instruction-steps-item__title {
        text-transform: uppercase;
        font-family: "Raleway Bold", sans-serif;
        font-size: 15px;
        margin-bottom: 10px; }
      .instruction-steps-item__text {
        font-size: 12px;
        line-height: 1.3; }

.cart-page__continue-shopping {
  display: flex;
  margin-left: auto;
  margin-right: auto; }

.checkout-page__continue-shopping {
  display: flex;
  margin-left: auto;
  margin-right: auto; }

.cart-product__row {
  display: flex;
  padding: 20px 0;
  border-top: 1px solid #d1d1d1; }
  .cart-product__row--heading {
    padding: 0 0 6px;
    border: none;
    font-size: 14px;
    font-weight: bold; }

.cart-product__cell {
  padding-right: 10px; }
  .cart-product__cell--product {
    width: 70%; }
  .cart-product__cell--amount {
    width: 30%; }
  .cart-product__cell--price {
    display: none; }
  .cart-product__cell--total {
    display: none; }
  @media (min-width: 768px) {
    .cart-product__cell--product {
      width: 50%; }
    .cart-product__cell--price {
      width: 20%;
      display: block; }
    .cart-product__cell--amount {
      width: 15%;
      display: block; }
    .cart-product__cell--total {
      width: 15%;
      display: block; } }

.cart-product__link {
  display: block;
  position: relative;
  min-height: 137px;
  padding-left: 157px;
  color: #000000;
  text-decoration: none; }

@media (min-width: 768px) and (max-width: 1023px) {
  .cart-product__link {
    min-height: 90px;
    padding-left: 110px; } }
  @media (max-width: 767px) {
    .cart-product__link {
      min-height: 75px;
      padding-left: 95px; } }

.cart-product__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 137px;
  height: 137px; }

@media (min-width: 768px) and (max-width: 1023px) {
  .cart-product__image {
    width: 90px;
    height: 90px; } }
  @media (max-width: 767px) {
    .cart-product__image {
      width: 75px;
      height: 75px; } }

.cart-product__brand, .cart-product__range-name, .cart-product__title, .cart-product__code, .cart-product__color, .cart-product__size, .cart-product__promo-wrapper {
  font-size: 12px;
  color: #000000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.cart-product__brand, .cart-product__code, .cart-product__color, .cart-product__size {
  font-weight: bold;
  text-decoration: none;
  margin-top: 4px; }
  .cart-product__brand-num, .cart-product__code-num, .cart-product__color-num, .cart-product__size-num {
    font-weight: normal;
    padding-left: 5px;
    margin-left: 5px;
    border-left: 1px solid #000000; }

.cart-product__brand {
  display: block; }

.cart-product__promo-wrapper {
  font-weight: 600;
  margin-top: 10px; }

.cart-product__promo-img {
  vertical-align: middle; }

.cart-product__price {
  margin-top: 10px;
  font-weight: 500; }
  .cart-product__price--old {
    text-decoration: line-through; }
  .cart-product__price--new {
    color: #ec3075; }

.cart-product__amount {
  font-weight: 500; }

.cart-product__total {
  margin-top: 10px;
  font-weight: bold; }

.cart-product-total {
  display: flex;
  justify-content: space-between;
  padding-top: 24px;
  border-top: 1px solid #d1d1d1; }
  .cart-product-total__price {
    font-size: 18px;
    font-weight: 500; }

.cart-product__remove {
  margin-top: 10px; }

.cart-product__select {
  width: 100%;
  min-width: 100%;
  max-width: 55px;
  padding: 5px;
  font-size: 1em; }

.cart-product__free-item-quantity {
  line-height: 33px;
  padding-left: 10px;
  font-weight: normal; }

.order-summary {
  border: 1px solid #ccb3d1; }
  .order-summary__row {
    display: flex;
    margin: 0 18px;
    padding: 16px 0;
    border-top: 1px solid rgba(204, 179, 209, 0.5); }
    .order-summary__row--header {
      margin: 0 0 6px;
      border: none;
      background: rgba(204, 179, 209, 0.5);
      color: #5e0e6f;
      font-weight: bold; }
    .order-summary__row--header + .order-summary__row {
      border: none; }
    .order-summary__row--discount {
      font-weight: bold; }
    .order-summary__row--total {
      margin: 0;
      border: none;
      background: rgba(204, 179, 209, 0.5);
      font-weight: bold; }
  .order-summary__title {
    width: 75%;
    font-size: 12px; }
    .order-summary__row--header .order-summary__title,
    .order-summary__row--total .order-summary__title {
      padding-left: 18px;
      padding-right: 20px; }
  .order-summary__value {
    width: 25%;
    text-align: right;
    font-size: 14px; }
    .order-summary__row--header .order-summary__value,
    .order-summary__row--total .order-summary__value {
      padding-right: 18px; }
  .order-summary__text {
    margin-top: 8px;
    font-size: 12px; }

.giftcard {
  margin-bottom: 30px;
  color: #484848; }
  .giftcard__header {
    margin-bottom: 20px;
    font-weight: 400; }
  .giftcard__text {
    font-size: 14px;
    line-height: 18px;
    word-break: break-all; }
  .giftcard__note {
    margin-bottom: 45px;
    color: #a3a3a3;
    font-size: 12px;
    line-height: 1.3;
    word-break: break-all; }
  .giftcard__form {
    display: flex;
    flex-flow: column nowrap; }
    .giftcard__form-field {
      width: 100%;
      display: flex;
      flex-flow: row nowrap;
      align-items: center; }
    .giftcard__form .input {
      min-height: 40px;
      margin: 5px 0 20px; }
  .giftcard__captcha {
    display: none; }
    .giftcard__captcha.visible {
      display: block; }
  .giftcard__coupons {
    display: flex; }
  .giftcard__coupon-remove {
    text-decoration: none;
    font-size: 19px;
    margin-left: 20px; }
  .giftcard__captcha-error, .giftcard__server-error {
    display: none;
    color: #cc061f;
    font-size: 12px;
    margin-bottom: 5px; }
    .giftcard__captcha-error.visible, .giftcard__server-error.visible {
      display: block; }

.egift-card {
  line-height: 1.3;
  white-space: normal; }
  .egift-card__cell {
    margin-top: 12px;
    font-size: 12px; }
  .egift-card__title {
    margin-bottom: 2px;
    font-weight: bold; }

.eGiftCard-balance__title {
  font-size: 22px;
  font-family: "Raleway Regular", sans-serif;
  font-weight: bold; }

.eGiftCard-balance__errors-msg {
  display: none;
  padding-top: 35px;
  color: #cc061f; }
  .eGiftCard-balance__errors-msg.is-visible {
    display: block; }

.eGiftCard-balance__inputs-wrapper {
  justify-content: space-between;
  display: flex; }
  @media (min-width: 768px) {
    .eGiftCard-balance__inputs-wrapper {
      padding-right: 4%; } }

.eGiftCard-balance__input-field {
  width: 20%;
  display: inline-flex;
  margin-right: 4%; }
  .eGiftCard-balance__input-field:last-child {
    margin-right: 0; }

.eGiftCard-balance__input {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 4px; }

.eGiftCard-balance__captcha {
  display: none !important;
  margin-bottom: 16px; }
  .eGiftCard-balance__captcha.is-visible {
    display: block !important; }

.eGiftCard-balance__check-btn {
  display: flex; }
  @media (min-width: 768px) {
    .eGiftCard-balance__check-btn {
      margin-left: 0; } }

@media (min-width: 768px) {
  .eGiftCard-balance__help {
    border-left: 1px solid #484848;
    padding-left: 15%;
    display: inline-flex;
    flex-flow: column nowrap; } }

.eGiftCard-balance__help-title, .eGiftCard-balance__result-title {
  text-align: left;
  font-weight: bold;
  margin-bottom: 30px; }

.eGiftCard-balance__help-content {
  line-height: normal; }

.delivery-type {
  margin: 30px 0 20px; }
  .delivery-type__header {
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    color: #484848;
    margin-bottom: 55px; }
  .delivery-type__title {
    box-sizing: border-box;
    flex: 0 0 auto;
    max-width: 100%;
    padding: 0 5px;
    vertical-align: baseline;
    z-index: 0; }
    .delivery-type__title--underlined {
      padding-bottom: 8px;
      border-bottom: 2px solid; }
  .delivery-type__item {
    margin-top: 15px; }

.payment-method {
  margin: 30px 0 20px; }
  .payment-method__header {
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    color: #484848;
    margin-bottom: 55px; }
  .payment-method__title {
    box-sizing: border-box;
    flex: 0 0 auto;
    max-width: 100%;
    padding: 0 5px;
    vertical-align: baseline;
    z-index: 0; }
    .payment-method__title--underlined {
      padding-bottom: 8px;
      border-bottom: 2px solid; }
  .payment-method__item {
    margin-top: 15px; }
  .payment-method__icons {
    display: flex;
    justify-content: space-between;
    margin-top: 15px; }

.background-detector {
  transition: background-color 0.25s; }

.all-stores {
  margin-bottom: 90px;
  color: #484848; }
  .all-stores__heading {
    margin: 40px 0;
    font-size: 18px; }
  @media (max-width: 1023px) {
    .all-stores {
      margin-bottom: 60px; } }

.store-finder {
  margin: 40px 0 70px;
  color: #484848; }
  .store-finder-form__label, .store-finder-form__input {
    text-transform: uppercase;
    text-align: center; }
  .store-finder-form__input {
    height: 50px;
    width: 100%;
    border: 0 none;
    letter-spacing: 3px;
    background: #eeeeee;
    font-size: 14px; }
  .store-finder__geo-holder {
    position: relative;
    margin-bottom: 25px;
    padding: 0 52px;
    background: #eeeeee;
    display: block;
    cursor: pointer; }
    .store-finder__geo-holder .icon {
      position: absolute;
      top: 50%;
      right: 20px;
      font-size: 24px;
      margin-top: -12px;
      z-index: 1; }
  .store-finder .store-locator__list {
    font-size: 16px; }
  @media (max-width: 767px) {
    .store-finder .store-locate-info {
      margin-bottom: 25px; }
      .store-finder .store-locate-info__row {
        padding: 9px 0; } }
  .store-finder .store-locate-info__row {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .store-finder .store-locate-info__row--secondary {
      border-top: 1px solid #a3a3a3;
      padding-top: 21px; }
  .store-finder .store-locate-info__distance {
    font-size: 18px; }
  .store-finder .store-locate-info__name, .store-finder .store-locate-info__distance, .store-finder .store-locate-info__details, .store-finder .store-locate-info__directions {
    color: inherit;
    text-decoration: none; }
  .store-finder .store-locate-info__name {
    flex-grow: 1;
    display: block;
    padding: 15px 0 15px 45px;
    background: url("/_ui/responsive/theme-igc/images/store/map-marker-active.png") center left no-repeat;
    background-size: 26px;
    cursor: pointer;
    font-size: 18px; }
    @media (min-width: 768px) {
      .store-finder .store-locate-info__name {
        background-size: 20px;
        font-size: 16px;
        padding: 15px 0 15px 40px; } }
    .store-finder .store-locate-info__name:hover {
      font-weight: bold; }
  .store-finder .store-locate-info__details, .store-finder .store-locate-info__directions {
    padding-bottom: 6px;
    border-bottom: 1px solid #a3a3a3;
    cursor: pointer; }
    .store-finder .store-locate-info__details:hover, .store-finder .store-locate-info__directions:hover {
      border-color: transparent; }
  .store-finder .store-map-details {
    position: relative;
    background: #000000;
    color: #fff; }
    .store-finder .store-map-details__close-btn {
      position: absolute;
      top: 18px;
      right: 18px;
      width: 33px;
      height: 33px;
      border-radius: 100%;
      background: #484848;
      transform: rotate(45deg);
      color: #fff;
      cursor: pointer; }
      .store-finder .store-map-details__close-btn::before, .store-finder .store-map-details__close-btn::after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: #fff; }
      .store-finder .store-map-details__close-btn::before {
        width: 1px;
        height: 23px; }
      .store-finder .store-map-details__close-btn::after {
        width: 23px;
        height: 1px; }
    .store-finder .store-map-details .store-details-timer,
    .store-finder .store-map-details .store-details-information__buttons {
      padding: 15px; }
  .store-finder .store-details-information {
    color: #fff;
    padding: 15px;
    margin: 0;
    font-family: "Raleway", sans-serif;
    font-variant-numeric: lining-nums;
    font-feature-settings: "lnum" 1; }
    .store-finder .store-details-information__button, .store-finder .store-details-information__button:last-child {
      margin: 15px 0 0; }
      .store-finder .store-details-information__button .button, .store-finder .store-details-information__button:last-child .button {
        padding-top: 12px;
        padding-bottom: 12px; }
    .store-finder .store-details-information__button:first-child {
      margin-top: 0; }
    .store-finder .store-details-information__title {
      font-size: 19px;
      text-transform: uppercase;
      font-weight: bold;
      margin: 5px 25px 12px 0;
      line-height: 1.2; }
    .store-finder .store-details-information__address {
      font-size: 16px;
      line-height: 1.9; }
    .store-finder .store-details-information__additional {
      margin-top: 27px;
      line-height: 1.6;
      font-size: 14px; }
    .store-finder .store-details-information__text {
      padding: 5px 0; }
    .store-finder .store-details-information-hours {
      padding: 15px;
      width: auto; }
      .store-finder .store-details-information-hours__title {
        margin-bottom: 20px;
        letter-spacing: 1.5px;
        font-weight: bold; }
  .store-finder .store-details-schedule-item {
    display: flex;
    line-height: 1.3; }
    .store-finder .store-details-schedule-item__title, .store-finder .store-details-schedule-item__hours-wrap {
      display: inline-block;
      width: 50%;
      margin: 0; }
    .store-finder .store-details-schedule-item__title {
      overflow: initial;
      white-space: normal;
      color: #d1d1d1; }
    .store-finder .store-details-schedule-item__hours {
      letter-spacing: 1px; }
      .store-finder .store-details-schedule-item__hours:not(:first-of-type) {
        display: inline-block;
        width: 100%; }
  .store-finder .store-map-details {
    margin-top: -456.4px;
    min-height: 456.4px;
    padding: 25px; }
    .store-finder .store-map-details::before {
      content: '';
      width: 0;
      height: 0;
      border: 0 solid transparent;
      border-right-width: 17px;
      border-left-width: 17px;
      border-bottom: 17px solid #000000;
      position: absolute;
      bottom: calc(100% - 1px);
      left: calc(15% - 17px); }
  .store-finder #storeMap {
    height: 730px; }
  .store-finder .store-locator__all-stores {
    margin-top: 62px; }

@media (min-width: 1024px) {
  .store-finder {
    margin-bottom: 100px; }
    .store-finder-form__label,
    .store-finder-form .button {
      margin-bottom: 15px; }
    .store-finder-form__label {
      padding-top: 10px;
      text-align: left; }
    .store-finder__geo-holder {
      margin-bottom: 15px; }
    .store-finder .store-locator__map {
      float: right;
      width: calc(100% - 335px); }
    .store-finder .store-locator::before, .store-finder .store-locator::after {
      content: '';
      display: block;
      clear: both; }
    .store-finder .store-locator__all-stores {
      margin-top: 25px; }
    .store-finder-form,
    .store-finder .store-locator__list {
      float: left;
      width: 335px;
      padding-right: 50px;
      box-sizing: border-box; }
    .store-finder #storeMap {
      height: 760px; }
    .store-finder .store-map-details {
      margin-top: -391px;
      min-height: 391px;
      padding: 25px;
      display: flex; }
      .store-finder .store-map-details::before {
        left: calc(65% - 17px); } }

@media (min-width: 768px) and (max-width: 1023px) {
  .store-finder-form__label {
    margin-bottom: 20px; }
  .store-finder-form .button {
    display: block;
    min-width: 200px;
    margin: 0 auto 36px; }
  .store-finder__geo-holder {
    max-width: 280px;
    margin: 0 auto 30px; }
  .store-finder .store-locator__list {
    margin: 46px 18px 0;
    display: flex;
    flex-wrap: wrap; }
    .store-finder .store-locator__list + .button {
      min-width: 280px;
      margin: 0 auto;
      display: block; }
  .store-finder .store-locator__all-stores {
    width: 100%;
    text-align: center; }
    .store-finder .store-locator__all-stores .button {
      max-width: 280px;
      min-width: auto; }
  .store-finder .store-locate-info {
    width: 33.33%; }
  .store-finder .store-map-details {
    margin-top: -423px;
    min-height: 423px;
    padding: 25px; }
    .store-finder .store-map-details::before {
      left: calc(63% - 17px); }
  .store-finder #storeMap {
    height: 800px; } }

@media (max-width: 767px) {
  .store-finder {
    margin-bottom: 50px; }
    .store-finder .store-details-timer {
      margin-bottom: 30px; }
    .store-finder-form {
      padding: 0 20px; }
      .store-finder-form__label {
        margin-bottom: 25px; }
      .store-finder-form .button {
        margin-bottom: 43px; }
    .store-finder__geo-holder {
      margin-bottom: 25px; }
    .store-finder .store-locator__list {
      margin: 35px 0 0;
      padding: 0 20px; }
      .store-finder .store-locator__list + .button {
        margin: 0 20px;
        width: calc(100% - 40px);
        min-width: calc(100% - 40px); }
    .store-finder .store-locate-info__name:hover {
      font-weight: bold; } }

@media (min-width: 768px) {
  .store-finder .store-map-details {
    display: flex;
    flex-wrap: wrap; }
  .store-finder-form__input {
    height: 37px;
    font-size: 12px; }
  .store-finder .store-details-information {
    order: 1; }
  .store-finder .store-details-information-hours {
    order: 2; }
  .store-finder .store-details-information__buttons {
    order: 3; }
  .store-finder .store-details-timer {
    order: 4; }
  .store-finder .store-details-information,
  .store-finder .store-details-information-hours,
  .store-finder .store-details-timer,
  .store-finder .store-details-information__buttons {
    width: 50%;
    box-sizing: border-box; }
  .store-finder .store-details-information__title {
    margin-top: 0; }
  .store-finder .store-details-information-hours__title {
    margin-top: 5px; }
  .store-finder .store-details-information__button, .store-finder .store-details-information__button:last-child {
    margin-top: 20px; }
    .store-finder .store-details-information__button .button, .store-finder .store-details-information__button:last-child .button {
      padding-top: 10px;
      padding-bottom: 10px; }
  .store-finder .store-details-information__button:first-child {
    margin-top: 0; } }

.alphabet-filter {
  color: #484848; }
  .alphabet-filter-nav__link, .alphabet-filter-control__link, .alphabet-filter-result-group__link {
    color: inherit;
    text-decoration: none; }
    .alphabet-filter-nav__link:hover, .alphabet-filter-control__link:hover, .alphabet-filter-result-group__link:hover {
      font-weight: bold; }
  .alphabet-filter-nav__link {
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 1px solid #484848;
    text-transform: uppercase; }
    .alphabet-filter-nav__link:hover {
      border-color: transparent;
      font-weight: normal; }
    .alphabet-filter-nav__link-wrap {
      padding: 40px 20px 20px; }
  .alphabet-filter-control__list {
    text-align: center; }
  .alphabet-filter-control__item {
    display: inline-block;
    padding: 12px 20px; }
  .alphabet-filter-control__link {
    display: inline-block;
    padding-bottom: 4px;
    border-bottom: 1px solid transparent;
    font-size: 20px;
    text-transform: uppercase; }
    .alphabet-filter-control__link:hover, .alphabet-filter-control__link.is-selected {
      border-color: #484848;
      font-weight: bold; }
  .alphabet-filter-result__no-result {
    font-style: italic; }
  .alphabet-filter-result-group__header {
    padding-top: 12px;
    font-weight: bold; }
  .alphabet-filter-result-group__title {
    text-transform: uppercase; }
  .alphabet-filter-result-group__item {
    margin: 12px 0; }
    .alphabet-filter-result-group__item:last-of-type {
      margin-bottom: 0; }
  .alphabet-filter-result-group__accordion.is-opened .icon {
    transform: rotate(-90deg); }
  .alphabet-filter-result-group.is-hidden {
    display: none; }
  .alphabet-filter__reset-btn {
    display: inline-block;
    margin-top: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #484848;
    color: inherit;
    text-decoration: none;
    text-transform: uppercase; }
    .alphabet-filter__reset-btn:hover {
      border-color: transparent; }
    @media (max-width: 767px) {
      .alphabet-filter__reset-btn {
        display: none; } }
  .all-stores .alphabet-filter-result {
    position: relative;
    min-height: 30px;
    font-size: 18px; }
    .all-stores .alphabet-filter-result__no-result {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1; }
    .all-stores .alphabet-filter-result-group__title, .all-stores .alphabet-filter-result-group__link {
      line-height: 1.3; }
  .nav-component .alphabet-filter {
    display: flex;
    width: 100%;
    position: relative; }
    .nav-component .alphabet-filter-nav, .nav-component .alphabet-filter-result {
      width: 50%;
      height: 100%; }
    .nav-component .alphabet-filter-nav {
      padding: 25px 0; }
    .nav-component .alphabet-filter-control {
      width: 100%; }
      .nav-component .alphabet-filter-control__list {
        display: flex;
        flex-wrap: wrap; }
      .nav-component .alphabet-filter-control__item {
        width: 25%;
        padding: 8px 0;
        line-height: 1.3;
        text-align: center;
        font-size: 14px; }
      .nav-component .alphabet-filter-control__link {
        padding-bottom: 6px;
        font-size: 14px; }
    .nav-component .alphabet-filter-result {
      position: absolute;
      top: 0;
      left: 50%;
      border-left: 1px solid #d1d1d1;
      padding: 24px 15px 35px 40px; }
      .nav-component .alphabet-filter-result__no-result {
        display: inline-block;
        margin-top: 12px;
        font-size: 14px; }
        .nav-component .alphabet-filter-result__no-result.is-hidden {
          display: none; }
      .nav-component .alphabet-filter-result-group__header {
        display: none; }
      .nav-component .alphabet-filter-result-group__item {
        margin-bottom: 18px; }
      .nav-component .alphabet-filter-result-group__link {
        font-size: 14px; }

@media (min-width: 1024px) {
  .alphabet-filter-nav {
    display: flex;
    flex-wrap: wrap;
    align-content: start; }
    .alphabet-filter-nav__link-wrap {
      order: 1; }
    .alphabet-filter-nav-control {
      width: 100%; } }

.all-stores .alphabet-filter-nav {
  justify-content: center; }

@media (min-width: 768px) {
  .alphabet-filter-result {
    display: flex; }
    .alphabet-filter-result__wrapper {
      flex-basis: 100%;
      overflow-y: auto; }
  .all-stores .alphabet-filter-nav {
    margin: 20px 0 70px; }
  .all-stores .alphabet-filter-control__list {
    width: 800px;
    max-width: 100%;
    margin: 0 auto; }
  .all-stores .alphabet-filter-result__list {
    background: #fff;
    column-count: 3; }
  .all-stores .alphabet-filter-result-group {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px; }
    .all-stores .alphabet-filter-result-group.is-hidden {
      display: none; } }

@media (max-width: 1023px) {
  .nav-component .alphabet-filter {
    display: block; }
    .nav-component .alphabet-filter-nav, .nav-component .alphabet-filter-result {
      width: 100%;
      height: auto;
      padding: 0; }
    .nav-component .alphabet-filter-nav__link {
      padding: 0;
      border-bottom: 0 none; }
      .nav-component .alphabet-filter-nav__link:hover {
        font-weight: bold; }
      .nav-component .alphabet-filter-nav__link-wrap {
        display: flex;
        width: 100%;
        height: 90px;
        padding: 0 25px;
        border-bottom: 1px solid #d1d1d1;
        align-items: center;
        text-align: center;
        justify-content: space-around; }
    .nav-component .alphabet-filter-control {
      white-space: nowrap;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar; }
      .nav-component .alphabet-filter-control::-webkit-scrollbar {
        display: none; }
      .nav-component .alphabet-filter-control__list {
        display: inline-block; }
      .nav-component .alphabet-filter-control__item {
        width: auto;
        padding: 18px 20px; }
      .nav-component .alphabet-filter-control__link {
        padding: 0;
        border-bottom: 0 none;
        font-size: 20px; }
        .nav-component .alphabet-filter-control__link.is-selected {
          font-weight: normal; }
    .nav-component .alphabet-filter-result {
      position: static;
      padding: 0;
      border: 0 none; }
      .nav-component .alphabet-filter-result__no-result {
        display: none; }
      .nav-component .alphabet-filter-result-group__header {
        display: block;
        display: flex;
        width: 100%;
        height: 90px;
        padding: 0 25px;
        border-bottom: 1px solid #d1d1d1;
        align-items: center;
        text-align: center;
        justify-content: space-around;
        position: relative;
        height: 68px;
        background: #f8f8f8; }
        .nav-component .alphabet-filter-result-group__header__title {
          font-size: 16px;
          font-weight: bold;
          text-decoration: underline;
          text-underline-position: under; }
        .nav-component .alphabet-filter-result-group__header .icon {
          position: absolute;
          right: 20px;
          font-size: 22px; }
      .nav-component .alphabet-filter-result-group__accordion.is-opened .alphabet-filter-result-group__header {
        border-bottom: 0 none; }
      .nav-component .alphabet-filter-result-group__list {
        overflow: hidden; }
      .nav-component .alphabet-filter-result-group__item {
        margin: 0;
        padding: 0;
        text-transform: uppercase; }
      .nav-component .alphabet-filter-result-group__link {
        display: flex;
        width: 100%;
        height: 90px;
        padding: 0 25px;
        border-bottom: 1px solid #d1d1d1;
        align-items: center;
        text-align: center;
        justify-content: space-around; }
      .nav-component .alphabet-filter-result-group__subtitle {
        font-size: 15px; }
      .nav-component .alphabet-filter-result-group:last-of-type .alphabet-filter-result-group__link {
        border-bottom: 0 none; } }

@media (max-width: 767px) {
  .alphabet-filter-control {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .alphabet-filter-control::-webkit-scrollbar {
      display: none; }
  .alphabet-filter-result__no-result {
    display: none; }
  .alphabet-filter-result__list {
    text-align: center; }
  .all-stores .alphabet-filter-result {
    margin-top: 20px; }
    .all-stores .alphabet-filter-result-group__link {
      display: inline-block;
      padding: 10px 0; } }

.slide-panel {
  position: fixed;
  top: 0;
  z-index: 100;
  left: 50%;
  transform: translate(-50%, -100%);
  transition: transform 0.25s; }
  .slide-panel--open {
    transform: translate(-50%, 0); }

.notification-form {
  margin-top: 60px;
  padding: 35px 30px;
  background-color: #f8f8f8;
  font-size: 14px;
  color: #484848; }
  .notification-form__header {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold; }
  .notification-form__variants {
    margin-top: 15px;
    display: flex; }
  .notification-form__variant {
    width: 31.25%; }
  .notification-form-gdpr__row {
    margin-top: 35px; }
    .notification-form-gdpr__row:first-child {
      margin-top: 0; }
  .notification-form__button {
    margin-top: 35px;
    text-align: center; }

@media (max-width: 1023px) {
  .my-account-details {
    margin-top: 40px; } }

.my-account-details__section {
  margin-top: 50px; }
  .my-account-details__section:first-child {
    margin-top: 0; }

.my-account-details__cell {
  position: relative; }
  .my-account-details__cell:last-child {
    margin-top: 30px; }
  .my-account-details__cell .form-group {
    position: relative; }
    .my-account-details__cell .form-group--select-box {
      top: -10px; }

.my-account-details-notification {
  color: #484848;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .my-account-details-notification {
      /* outside 1 column offset */
      margin-left: -6.25%;
      margin-right: -6.25%; } }
  .my-account-details-notification__title {
    font-size: 16px;
    font-weight: bold; }
  .my-account-details-notification__text {
    font-size: 14px; }
  .my-account-details-notification .input-radio__wrapper {
    width: auto;
    display: inline-block; }

.payment-box {
  margin-top: 40px; }
  @media (min-width: 768px) {
    .payment-box {
      margin-top: 0; } }
  .payment-box__item {
    padding: 30px 50px 35px 101px;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    margin-bottom: 27px;
    position: relative; }
    @media (min-width: 1024px) {
      .payment-box__item {
        padding: 33px 50px 34px 107px; } }
    .payment-box__item:last-child {
      margin-bottom: 0; }
  .payment-box__card-icon {
    position: absolute;
    left: 25px;
    top: 31px; }
    @media (min-width: 1024px) {
      .payment-box__card-icon {
        left: 31px;
        top: 35px; } }
  .payment-box__button {
    position: absolute;
    top: 32px;
    right: 22px;
    cursor: pointer;
    font-size: 20px; }
    @media (min-width: 1024px) {
      .payment-box__button {
        top: 30px;
        right: 24px; } }
  .payment-box__line-container {
    margin-bottom: 50px; }
  .payment-box__line {
    margin-bottom: 6px;
    line-height: 1.2;
    font-weight: 600; }

.my-account-add-address-popup {
  display: flex;
  align-items: center;
  flex-direction: column; }
  .my-account-add-address-popup__title {
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 34px;
    font-weight: 600; }
  .my-account-add-address-popup__description {
    max-width: 300px;
    margin-bottom: 75px;
    text-align: center;
    line-height: 1.4;
    color: #484848; }
  .my-account-add-address-popup__form-container {
    max-width: 380px;
    width: 100%; }
  .my-account-add-address-popup__default-address-checkbox {
    margin-top: 27px; }
  .my-account-add-address-popup__button-container {
    display: flex;
    padding-top: 55px; }
    @media (min-width: 1024px) {
      .my-account-add-address-popup__button-container {
        padding: 85px 0 40px 0; } }

.my-account-remove-address-popup {
  display: flex;
  justify-content: center; }
  .my-account-remove-address-popup__description {
    max-width: 350px;
    margin-bottom: 40px;
    text-align: center;
    line-height: 1.3;
    font-weight: 600;
    color: #484848; }
  .my-account-remove-address-popup__button-container {
    display: flex;
    flex-direction: column; }
  .my-account-remove-address-popup__button:last-child {
    margin-top: 8px; }

.address-box {
  margin-top: 40px; }
  @media (min-width: 768px) {
    .address-box {
      margin-top: 0; } }
  .address-box__item {
    padding: 40px;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    margin-bottom: 30px; }
    @media (min-width: 768px) {
      .address-box__item {
        padding: 20px; } }
    @media (min-width: 1024px) {
      .address-box__item {
        padding: 30px 40px 40px; } }
    .address-box__item:last-child {
      margin-bottom: 0; }
  .address-box__item-type {
    font-size: 18px;
    border-bottom: 1px solid #d1d1d1;
    font-family: "Raleway", san-serif;
    font-weight: 700;
    margin-bottom: 35px;
    padding-bottom: 18px; }
  .address-box__title-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px; }
  .address-box__title {
    font-size: 16px;
    font-weight: 700; }
  .address-box__button-container {
    margin-left: 10px;
    display: flex; }
  .address-box__button {
    cursor: pointer;
    font-size: 20px; }
    .address-box__button:last-child {
      margin-left: 11px; }
  .address-box__line-container {
    margin-bottom: 40px; }
  .address-box__line {
    font-size: 16px;
    line-height: 26px; }
  .address-box__control .input-radio__inner-element,
  .address-box__control .input-radio__outer-element {
    border-radius: 0; }

.my-account-overview {
  color: #484848; }
  @media (max-width: 767px) {
    .my-account-overview {
      margin-top: 60px; } }
  .my-account-overview__item {
    margin-top: 60px; }
    .my-account-overview__item:first-child {
      margin-top: 0; }
  .my-account-overview__title {
    padding-bottom: 11px;
    border-bottom: 1px solid #484848;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px; }
  .my-account-overview__text {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.5; }
  .my-account-overview .button {
    margin-top: 26px; }

.my-account-preferences {
  margin-bottom: 127px; }
  @media (max-width: 767px) {
    .my-account-preferences {
      margin-bottom: 36px; } }
  .my-account-preferences__wrapper {
    background-color: #f8f8f8;
    padding: 25px 28px;
    margin-bottom: 35px; }
    @media (max-width: 767px) {
      .my-account-preferences__wrapper {
        padding: 30px 20px; } }
  .my-account-preferences-section:not(:first-child) {
    margin-top: 33px; }
  .my-account-preferences-section__header {
    display: flex;
    flex: 0 1 auto;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    margin-bottom: 21px;
    border-bottom: 1px solid #484848; }
  .my-account-preferences-section__title {
    font-size: 18px;
    font-weight: bold; }
  .my-account-preferences-section-button {
    display: inline-flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid #a3a3a3;
    font-size: 15px;
    color: #a3a3a3;
    padding: 7px 15px;
    cursor: pointer;
    transition: all 350ms ease-out; }
    .is-opened .my-account-preferences-section-button {
      background-color: #484848;
      color: #fff;
      cursor: pointer; }
      .is-opened .my-account-preferences-section-button .icon-info {
        color: #fff; }
    .my-account-preferences-section-button__container {
      display: inline-flex;
      align-items: center;
      background-color: #fff;
      border: 1px solid #a3a3a3;
      font-size: 15px;
      color: #a3a3a3;
      padding: 7px 15px;
      cursor: pointer;
      transition: all 350ms ease-out; }
    .my-account-preferences-section-button__icon {
      font-size: 14px; }
    .my-account-preferences-section-button__text {
      text-transform: uppercase;
      font-size: 14px;
      margin-left: 10px; }
  .my-account-preferences-section__toggler {
    display: flex;
    flex: 0 1 auto;
    align-items: center; }
  .my-account-preferences-section__display {
    margin-left: 12px;
    margin-right: 9px; }
    .my-account-preferences-section__display .toggler {
      min-height: auto; }
  .my-account-preferences-section__text {
    display: inline-block;
    height: 0;
    overflow: hidden;
    font-size: 12px;
    font-style: italic;
    line-height: 1.5;
    transition: all 350ms ease-out; }
    .is-opened .my-account-preferences-section__text {
      height: auto;
      padding-bottom: 15px;
      margin-top: 25px; }
  .my-account-preferences__container {
    text-align: left; }
    @media (max-width: 767px) {
      .my-account-preferences__container {
        text-align: center; } }
  .my-account-preferences__button {
    max-width: 324px;
    width: 100%;
    font-size: 16px; }

.order-box {
  margin-top: 40px; }
  @media (min-width: 768px) {
    .order-box {
      margin-top: 0; } }
  .order-box__item {
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    margin-bottom: 15px;
    position: relative;
    padding: 22px 26px; }
    @media (min-width: 1024px) {
      .order-box__item {
        margin-bottom: 27px; } }
    .order-box__item:last-child {
      margin-bottom: 0; }
  .order-box-header {
    font-size: 18px;
    padding-bottom: 17px;
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 18px; }
    .order-box-header__label {
      font-weight: 600; }
  .order-box-info {
    margin-bottom: 34px; }
    @media (min-width: 1024px) {
      .order-box-info {
        margin-bottom: 0; } }
    .order-box-info__line {
      margin-bottom: 16px;
      line-height: 24px; }
      .order-box-info__line:last-child {
        margin-bottom: 0; }
    .order-box-info__label {
      font-weight: 600; }
    .order-box-info__value--ok {
      color: #4cd35f;
      font-weight: 600; }
    .order-box-info__value--nok {
      color: #cc061f;
      font-weight: 600; }
  .order-box__button-wrapper {
    margin-bottom: 7px; }
    @media (min-width: 1024px) {
      .order-box__button-wrapper {
        margin-bottom: 16px; } }
    .order-box__button-wrapper:last-child {
      margin-bottom: 0; }
  .order-box__view-more-button {
    margin: 50px auto 0;
    display: block; }

.view-order-popup__title {
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 47px;
  font-weight: 600;
  text-align: center; }

.view-order-popup__description, .view-order-popup__description--eta {
  text-align: center;
  line-height: 1.4;
  color: #484848; }
  .view-order-popup__description:last-of-type, .view-order-popup__description--eta:last-of-type {
    margin-bottom: 42px; }
  @media (max-width: 767px) {
    .view-order-popup__description, .view-order-popup__description--eta {
      font-size: 16px; } }

.view-order-popup__description--eta {
  font-weight: 600; }

.view-order-popup__general-info {
  margin-bottom: 46px; }
  .view-order-popup__general-info-line {
    margin-bottom: 11px;
    line-height: 1.2; }
    .view-order-popup__general-info-line:last-child {
      margin-bottom: 0; }
  .view-order-popup__general-info-label {
    font-weight: 600;
    text-transform: uppercase; }
  .view-order-popup__general-info-value--ok {
    color: #4cd35f; }
  .view-order-popup__general-info-value--nok {
    color: #cc061f; }
  @media (max-width: 767px) {
    .view-order-popup__general-info-value, .view-order-popup__general-info-label {
      font-size: 16px; } }

.view-order-popup__button-container {
  margin-bottom: 76px;
  justify-content: center; }

.view-order-popup__track-order-button {
  margin-bottom: 12px; }
  @media (min-width: 1024px) {
    .view-order-popup__track-order-button {
      margin-bottom: 0; } }

.view-order-popup__delivery-details {
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  padding: 28px 24px;
  margin-bottom: 55px; }
  .view-order-popup__delivery-details-line {
    line-height: 24px;
    font-size: 16px; }

.view-order-popup__reorder-button {
  width: 100%;
  margin-top: 45px;
  display: block; }
  @media (max-width: 767px) {
    .view-order-popup__reorder-button {
      max-width: 100%; } }

.view-order-popup .cart-product__cell {
  box-sizing: border-box; }

.view-order-popup .cart-product__link {
  min-height: 85px;
  padding-left: 105px; }

.view-order-popup .cart-product__image {
  width: 85px;
  height: 85px; }

.view-order-popup .cart-product__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.view-order-popup .cart-product__title, .view-order-popup .cart-product__brand {
  font-size: 12px; }

.view-order-popup .cart-product__price, .view-order-popup .cart-product__amount, .view-order-popup .cart-product__total, .view-order-popup .cart-product-total__amount {
  font-size: 16px; }

.view-order-popup .cart-product-sub-total {
  padding-bottom: 5px;
  font-size: 16px;
  text-align: right; }
  .view-order-popup .cart-product-sub-total__row {
    padding-bottom: 15px; }

@media (max-width: 767px) {
  .view-order-popup .cart-product__cell--product {
    width: 30%; }
  .view-order-popup .cart-product__cell--amount {
    width: 20%; }
  .view-order-popup .cart-product__cell--price, .view-order-popup .cart-product__cell--total {
    width: 25%; }
  .view-order-popup .cart-product__link {
    padding-left: 0;
    min-height: 0; }
  .view-order-popup .cart-product__link, .view-order-popup .cart-product__price, .view-order-popup .cart-product__amount, .view-order-popup .cart-product__total {
    padding-top: 95px; }
  .view-order-popup .cart-product__row--heading {
    font-size: 12px; } }

.wishlist__title {
  margin: 36px 0;
  padding-top: 20px; }

.wishlist__utils {
  margin: 10px 0;
  text-align: right; }

.wishlist__action {
  height: 34px;
  width: 34px;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
  font-size: 22px;
  line-height: 34px;
  color: #484848; }
  .wishlist__action:hover, .wishlist__action:focus, .wishlist__action:active {
    background-color: transparent;
    color: #81438e; }
  .wishlist__action--edit {
    font-size: 20px; }
  .wishlist__action--delete {
    margin-right: 11px; }

.wishlist__form {
  box-sizing: border-box;
  max-width: 450px;
  margin: 0 auto;
  text-align: left; }
  @media (min-width: 768px) {
    .wishlist__form {
      padding: 0 55px; } }
  .wishlist__form--edit {
    display: none;
    margin-bottom: 30px; }
    .wishlist__form--edit.is-shown {
      display: block; }
    @media (min-width: 768px) {
      .wishlist__form--edit {
        margin-bottom: 65px; } }

.wishlist__products {
  min-height: 60px; }

.wishlist__footer {
  display: flex;
  flex-direction: column;
  align-items: flex-end; }

.wishlist__total {
  margin: 1em 0;
  font-size: 22px;
  letter-spacing: .18em; }

.wishlist__amount {
  font-weight: bold; }

.wishlist__add-all-to-cart {
  width: 100%; }
  @media (min-width: 768px) {
    .wishlist__add-all-to-cart {
      max-width: 320px; } }

.wishlist__quantity-picker {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 20px; }

.wishlist .select-box {
  width: 100%; }

.wishlist-product {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between; }
  @media (max-width: 767px) {
    .wishlist-product {
      flex-direction: column;
      align-items: center; } }
  .wishlist-product-wrapper {
    position: relative;
    margin-bottom: 15px;
    padding: 60px 60px 60px 10px;
    border: 1px solid #e1e1e1;
    color: #484848; }

@media (min-width: 768px) and (max-width: 1023px) {
  .wishlist-product-wrapper {
    padding: 60px 40px 60px 10px; } }
    @media (max-width: 767px) {
      .wishlist-product-wrapper {
        padding: 45px 10px 15px; } }
  .wishlist-product__label {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 160px;
    padding: 4px 0;
    background-color: #000000;
    color: #fff;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .25rem; }
  .wishlist-product__roundel-container {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 34px;
    display: flex;
    flex: 0 1 auto;
    flex-direction: column; }
    .wishlist-product__roundel-container .roundel {
      margin-top: 15px; }
  .wishlist-product__image-container {
    width: 200px;
    flex-shrink: 0;
    text-align: center; }

@media (min-width: 768px) and (max-width: 1023px) {
  .wishlist-product__image-container {
    width: 160px; } }
    @media (max-width: 767px) {
      .wishlist-product__image-container {
        width: 100%;
        margin-bottom: 20px; } }
  .wishlist-product__details {
    width: 300px;
    padding: 0 15px; }
    @media (max-width: 767px) {
      .wishlist-product__details {
        width: 320px;
        padding: 0;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center; } }
  .wishlist-product__info-container {
    width: 380px; }
    @media (max-width: 767px) {
      .wishlist-product__info-container {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .wishlist-product__details, .wishlist-product__info-container {
    width: calc(50% - 80px); } }
  .wishlist-product__link {
    color: inherit;
    text-decoration: none; }
    .wishlist-product__link--purple {
      color: #81438e; }
  .wishlist-product__brand {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 3px;
    text-transform: uppercase; }
  .wishlist-product__name {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 1.2px;
    text-transform: uppercase; }
  .wishlist-product__description {
    margin-bottom: 30px;
    font-size: 12px;
    line-height: 17px; }
  .wishlist-product__price {
    font-weight: bold;
    margin-bottom: 15px; }
  .wishlist-product-variant {
    display: flex;
    align-items: center; }
    @media (max-width: 767px) {
      .wishlist-product-variant {
        margin-bottom: 60px;
        justify-content: center; } }
    .wishlist-product-variant__quantity {
      padding: 4px;
      width: 50px;
      height: 50px;
      border: 1px solid #a3a3a3;
      border-radius: 50%;
      display: flex;
      flex: 0 1 auto;
      justify-content: center;
      align-items: center;
      box-sizing: border-box; }
      .wishlist-product-variant__quantity .wishlist-product-variant__value {
        padding-bottom: 2px;
        border-bottom: 1px solid;
        font-size: 12px;
        line-height: 1.3; }
    .wishlist-product-variant__color {
      width: 28px;
      height: 28px;
      margin-right: 18px;
      border-radius: 50%; }
      .wishlist-product-variant__color + .wishlist-product-variant__value {
        font-size: 12px;
        font-weight: bold; }
  .wishlist-product__egift-detail {
    margin-top: 12px; }
  .wishlist-product__egift-detail-title {
    margin-bottom: 2px;
    font-weight: bold; }
  .wishlist-product .product-price {
    min-height: 90px; }
    @media (max-width: 767px) {
      .wishlist-product .product-price {
        min-height: 0;
        margin-bottom: 22px; } }
    .wishlist-product .product-price__value {
      display: block;
      font-size: 28px;
      font-weight: bold; }
      .wishlist-product .product-price__value--new {
        margin-bottom: 5px; }
      .wishlist-product .product-price__value--old {
        font-size: 22px;
        font-weight: normal; }
  .wishlist-product .product-section-rating {
    margin: 0; }
    @media (max-width: 767px) {
      .wishlist-product .product-section-rating__container {
        margin-top: 0; } }
    .wishlist-product .product-section-rating__container {
      margin-bottom: 10px; }
  @media (max-width: 767px) {
    .wishlist-product__brand, .wishlist-product__name,
    .wishlist-product .product-price {
      text-align: center; } }

.my-marionnaud--inverted {
  background-color: #702771;
  padding: 60px 0 235px;
  color: #fff; }
  .my-marionnaud--inverted .my-marionnaud-personal-offers__secondary-title {
    border-bottom: 1px solid #fff; }

.my-marionnaud-personal-offers__title {
  font-size: 40px;
  line-height: 43px;
  font-weight: 600;
  letter-spacing: 1.1px; }
  .my-marionnaud-personal-offers__title--sub {
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    align-items: baseline;
    font-size: 47px;
    border-bottom: 1px solid #fff;
    padding: 0 0 20px 0;
    margin-bottom: 22px;
    position: relative;
    letter-spacing: 1.9px; }
    @media (min-width: 768px) {
      .my-marionnaud-personal-offers__title--sub {
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 27px; } }

.my-marionnaud-personal-offers__logo {
  align-self: flex-start;
  max-width: 174px;
  max-height: 29px;
  margin-top: 55px; }
  @media (min-width: 768px) {
    .my-marionnaud-personal-offers__logo {
      align-self: flex-end;
      margin-top: 0; } }

.my-marionnaud-personal-offers__description {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 20px;
  letter-spacing: -0.4px; }
  .my-marionnaud-personal-offers__description--bold {
    font-weight: 600;
    font-size: 18px; }

.my-marionnaud-personal-offers__secondary-title {
  margin-top: 40px;
  font-size: 18px;
  padding-bottom: 11px;
  border-bottom: 1px solid #484848;
  margin-bottom: 27px;
  font-weight: 500;
  letter-spacing: 1.4px; }

.my-marionnaud-personal-offers__carousel {
  margin: 0 -11px 100px;
  overflow: hidden; }
  .my-marionnaud-personal-offers__carousel--offers-now {
    margin-top: -205px; }
  .my-marionnaud-personal-offers__carousel--bundle {
    margin-bottom: 50px; }
  .my-marionnaud-personal-offers__carousel .glide {
    width: 70%; }
    .my-marionnaud-personal-offers__carousel .glide__track {
      overflow: visible; }
    @media (min-width: 768px) {
      .my-marionnaud-personal-offers__carousel .glide {
        width: 100%; }
        .my-marionnaud-personal-offers__carousel .glide__track {
          overflow: hidden; } }

.my-marionnaud-personal-offers__offer-wrapper {
  padding: 0 11px; }

.my-marionnaud-personal-offers__offer {
  text-align: center;
  border: 1px solid #c7c7c7;
  border-radius: 4px;
  color: #484848;
  min-height: 395px;
  box-sizing: border-box;
  padding: 0 15px 15px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .my-marionnaud-personal-offers__offer-expires {
    background-color: #f8f8f8;
    padding: 10px 5px;
    margin: 0 -15px;
    font-size: 13px;
    font-weight: 600;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .my-marionnaud-personal-offers__offer-logo-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 145px;
    margin-bottom: 34px; }
  .my-marionnaud-personal-offers__offer-logo {
    width: 100%;
    max-width: 190px; }
  .my-marionnaud-personal-offers__offer-description {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 24px; }
  .my-marionnaud-personal-offers__offer-valid-from, .my-marionnaud-personal-offers__offer-valid-until {
    font-size: 12px;
    margin-bottom: 14px; }
  .my-marionnaud-personal-offers__offer-button-container {
    margin-top: 30px;
    display: flex; }
  .my-marionnaud-personal-offers__offer-button {
    margin: 0 5px 0 0; }
  .my-marionnaud-personal-offers__offer-info {
    margin-left: auto;
    width: 40px;
    font-size: 32px;
    line-height: 40px;
    color: #a3a3a3;
    border: 1px solid #a3a3a3; }

.my-marionnaud-personal-offers__bundle-button {
  margin-bottom: 50px; }

.my-marionnaud-personal-offers__footer {
  background-color: #702771;
  padding: 43px 0;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .my-marionnaud-personal-offers__footer-logo-symbol {
    width: 55px;
    margin-bottom: 13px; }
  .my-marionnaud-personal-offers__footer-logo {
    width: 174px; }

.theme-vip .my-marionnaud--inverted {
  background-color: #000000; }

.theme-vip .my-marionnaud-personal-offers__logo {
  max-width: 211px;
  max-height: 48px; }

.theme-vip .my-marionnaud-personal-offers__footer {
  background-color: #000000;
  padding-bottom: 0; }

.my-account-loyalty-state__hint--full::after, .my-account-loyalty-state__hint--half::before {
  content: '';
  display: block;
  margin: auto;
  width: 1px;
  height: 14px;
  background: #81438e; }

.my-account-loyalty-state__block {
  margin-top: 50px; }

.my-account-loyalty-state__title {
  border-bottom: 1px solid #484848;
  padding-bottom: 12px;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase; }

.my-account-loyalty-state__content {
  margin-top: 16px;
  font-size: 14px; }

.my-account-loyalty-state__status {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.my-account-loyalty-state__period {
  display: table;
  border-spacing: 5px;
  font-size: 12px; }

.my-account-loyalty-state__date {
  display: table-row; }

.my-account-loyalty-state__limit {
  display: table-cell;
  font-weight: bold; }

.my-account-loyalty-state__day {
  display: table-cell;
  padding-left: 8px;
  text-align: right; }

.my-account-loyalty-state__message {
  margin-top: 30px; }

.my-account-loyalty-state__points {
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: bold; }

.my-account-loyalty-state__amount {
  font-size: 36px;
  color: #81438e; }

.my-account-loyalty-state__text {
  line-height: 1.5; }
  .my-account-loyalty-state__text a {
    color: inherit;
    font-weight: bold; }

.my-account-loyalty-state__bonus {
  margin-top: 30px; }
  .my-account-loyalty-state__bonus .my-account-loyalty-state__text {
    font-size: 13px; }
  .my-account-loyalty-state__bonus .tooltip {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 22px;
    min-height: 22px;
    font-size: 22px;
    cursor: pointer; }

.my-account-loyalty-state__hint {
  text-align: center;
  font-size: 14px;
  line-height: 1.25;
  color: #d1d1d1;
  font-weight: bold;
  text-transform: uppercase; }
  .my-account-loyalty-state__hint--full::after {
    margin-top: 8px;
    transform: translateX(-1px); }
  .my-account-loyalty-state__block--full .my-account-loyalty-state__hint--full {
    color: #81438e;
    font-weight: bold; }
    .my-account-loyalty-state__block--full .my-account-loyalty-state__hint--full::after {
      background: #d4a660; }
  .my-account-loyalty-state__hint--half::before {
    margin-top: -1px;
    margin-bottom: 8px;
    transform: translateX(-2px); }
  .my-account-loyalty-state__block--3 .my-account-loyalty-state__hint--half,
  .my-account-loyalty-state__block--4 .my-account-loyalty-state__hint--half {
    color: #81438e;
    font-weight: bold; }
    .my-account-loyalty-state__block--3 .my-account-loyalty-state__hint--half::before,
    .my-account-loyalty-state__block--4 .my-account-loyalty-state__hint--half::before {
      background: #d4a660; }

.my-account-loyalty-state__diagram {
  display: block;
  margin: auto; }
  @media (max-width: 1023px) {
    .my-account-loyalty-state__diagram {
      width: 100%;
      height: 100%; } }

.my-account-loyalty-points__content {
  font-size: 14px; }

.my-account-loyalty-points__container {
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: bold; }

.my-account-loyalty-points__amount {
  font-size: 36px;
  color: #81438e; }

.my-account-loyalty-points__text {
  line-height: 1.5; }
  .my-account-loyalty-points__text a {
    color: inherit;
    font-weight: bold; }

.my-account-infographics {
  text-align: center;
  padding: 60px; }
  .my-account-infographics__piechart {
    display: inline-block;
    max-width: 290px;
    max-height: 290px;
    position: relative;
    vertical-align: top; }
  .my-account-infographics__image {
    display: block;
    width: 100%;
    height: 100%;
    opacity: .25; }
  .my-account-infographics__progress {
    position: absolute;
    text-align: center;
    color: #d1d1d1;
    font-weight: bold; }
    .my-account-infographics__progress--full {
      bottom: 100%;
      left: 50%;
      transform: translateX(-50%) translateY(-25px); }
      .my-account-infographics__progress--full::after {
        content: '';
        position: absolute;
        top: 100%;
        left: 50%;
        margin-top: 10px;
        width: 1px;
        height: 54px;
        background: #81438e; }
        @media (min-width: 768px) {
          .my-account-infographics__progress--full::after {
            height: 78px; } }
    .my-account-infographics__progress--half {
      top: 100%;
      left: 50%;
      transform: translateX(-50%) translateY(25px); }
      .my-account-infographics__progress--half::after {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-bottom: 10px;
        width: 1px;
        height: 54px;
        background: #81438e; }
        @media (min-width: 768px) {
          .my-account-infographics__progress--half::after {
            height: 78px; } }
  .my-account-infographics-points {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    color: #81438e; }
    .my-account-infographics-points__amount {
      display: block;
      font-size: 40px;
      font-weight: bold; }
      @media (max-width: 767px) {
        .my-account-infographics-points__amount {
          font-size: 36px; } }
    .my-account-infographics-points__text {
      font-size: 26px;
      text-transform: uppercase; }
      @media (max-width: 767px) {
        .my-account-infographics-points__text {
          font-size: 22px; } }

.my-account-history {
  margin-top: 50px; }
  .my-account-history__title {
    padding-bottom: 12px;
    border-bottom: 1px solid #484848;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase; }
  .my-account-history__item {
    display: flex;
    position: relative;
    padding: 22px 0 22px 25px;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #d1d1d1; }
    .my-account-history__item:first-child {
      border-top: 0; }
  .my-account-history__content::before {
    content: '';
    position: absolute;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #484848;
    top: 22px; }
  .my-account-history__content::after {
    content: '';
    position: absolute;
    left: 3px;
    width: 1px;
    background: #000000;
    top: 29px;
    bottom: 50%; }
  .my-account-history__date {
    font-size: 18px;
    font-weight: bold; }
  .my-account-history__message {
    margin-top: 5px;
    font-size: 14px; }
  .my-account-history__data {
    text-align: right; }
    .my-account-history__data::before {
      content: '';
      position: absolute;
      left: 0;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #484848;
      bottom: 22px; }
    .my-account-history__data::after {
      content: '';
      position: absolute;
      left: 3px;
      width: 1px;
      background: #000000;
      top: 50%;
      bottom: 29px; }
  .my-account-history__icon {
    margin-bottom: 8px;
    font-size: 20px; }
  .my-account-history__branch {
    font-size: 12px; }
  .my-account-history__viewmore {
    margin-top: 40px; }
  .my-account-history .select-box {
    width: 100%; }

@media (min-width: 1024px) {
  .promo-tooltip__wrapper {
    display: flex;
    align-items: flex-start;
    max-width: none; } }

.promo-tooltip__image {
  display: block;
  max-width: 150px;
  max-height: 150px;
  padding-right: 10px; }
  @media (min-width: 1024px) {
    .promo-tooltip__image {
      max-width: 250px;
      max-height: 250px; } }

.promo-tooltip__info {
  margin-top: 10px;
  font-size: 14px; }

.promo-tooltip__legal-text {
  border-top: 1px solid #000;
  margin-top: 10px;
  padding-top: 10px;
  max-width: 200px; }
  @media (min-width: 1024px) {
    .promo-tooltip__legal-text {
      max-width: none; } }

.my-account {
  margin: 65px auto 120px;
  font-size: 14px;
  color: #484848; }
  @media (max-width: 1023px) {
    .my-account {
      margin-top: 65px; } }
  @media (max-width: 767px) {
    .my-account {
      margin: 40px auto; } }
  @media (min-width: 768px) {
    .my-account-wrap--overview .breadcrumb {
      margin: 30px 0 45px;
      padding: 0 20px; }
    .my-account-wrap--overview .sub-category-nav {
      margin: 0 0 65px;
      padding: 0; } }
  @media (max-width: 767px) {
    .my-account-wrap--overview .breadcrumb {
      margin: 30px 0 60px;
      padding: 0 11px; }
    .my-account-wrap--overview .sub-category-nav {
      margin: 0 0 5px;
      padding: 0 11px; } }
  .my-account__container {
    display: flex; }
    @media (max-width: 767px) {
      .my-account__container {
        flex-wrap: wrap-reverse; } }
  .my-account__intro {
    max-width: 450px;
    margin: 0 auto 30px; }
    @media (min-width: 768px) {
      .my-account__intro {
        margin-bottom: 65px; } }
    .my-account__intro .my-account__main {
      text-align: center; }
    .my-account__intro .my-account__description {
      font-size: 16px; }
  .my-account__header {
    font-size: 60px;
    font-weight: bold; }
    @media (max-width: 767px) {
      .my-account__header {
        display: none; } }
    .my-account__header--loyalty {
      font-size: 40px;
      text-transform: uppercase; }
      .my-account__header--loyalty .my-account__accent {
        font-size: 47px; }
  .my-account__description {
    margin-top: 24px;
    font-size: 14px;
    line-height: 1.5; }
  .my-account__greeting {
    font-size: 40px;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase; }
  .my-account__username {
    margin-top: -8px;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase; }
  .my-account__firstname {
    font-size: 60px; }
  .my-account__lastname {
    margin-top: -3px;
    font-size: 24px; }
  .my-account__banner {
    margin-top: 60px; }
    @media (min-width: 1024px) {
      .my-account__banner {
        padding-right: 80px; } }
    .my-account__banner .banner__container {
      max-height: 435px; }
    .my-account__banner--margin {
      margin-top: 45px;
      padding: 0; }
      @media (min-width: 768px) {
        .my-account__banner--margin {
          margin: 0; } }
  .my-account__title {
    border-bottom: 1px solid #484848;
    padding-bottom: 12px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 80px 0 18px; }
    .my-account__title--margin {
      margin: 45px 0 55px; }
  .my-account__block {
    margin: 18px 0 45px; }
    .my-account__block--margin {
      margin: 45px 0 0; }
      @media (min-width: 768px) {
        .my-account__block--margin {
          margin: 0; } }
  .my-account__text {
    text-transform: uppercase;
    display: inline-block;
    border-bottom: 1px solid #000000;
    padding-bottom: 10px;
    margin-top: 67px; }
    @media (max-width: 767px) {
      .my-account__text {
        margin-top: 35px; } }
  .my-account__form {
    max-width: 395px; }
  .my-account-list__item {
    font-style: italic;
    color: #a3a3a3;
    line-height: 1.3;
    margin-top: 23px; }
    .my-account-list__item::before {
      content: '-';
      margin-right: 6px; }

.personal-offers {
  display: flex;
  flex-wrap: wrap;
  margin: 0 30px;
  box-sizing: border-box;
  color: #81438e; }
  .personal-offers__item {
    width: 50%;
    margin-bottom: 50px;
    padding: 0 50px;
    box-sizing: border-box;
    text-align: center;
    text-transform: uppercase; }
  .personal-offers__icon {
    font-size: 52px; }
  .personal-offers__title {
    margin: 8px 0 14px;
    font-size: 18px;
    letter-spacing: 3px;
    line-height: 2; }
  .personal-offers__text {
    padding-bottom: 6px;
    border-bottom: 1px solid; }
  .personal-offers__description {
    font-size: 11px;
    letter-spacing: 1.5px;
    line-height: 2.6; }
  @media (max-width: 767px) {
    .personal-offers {
      margin: 0; }
      .personal-offers__item {
        width: 100%;
        margin-bottom: 70px; } }

.offer-banner {
  max-width: 600px;
  margin: 90px auto 120px;
  text-align: center; }
  .offer-banner__logo {
    margin-bottom: 25px; }
  .offer-banner__info {
    color: #bf90c0;
    line-height: 1.3; }
  .offer-banner__accent {
    font-weight: bold; }
  .offer-banner__btn-wrap {
    margin-top: 50px; }
    .offer-banner__btn-wrap .button {
      margin: 0 8px 20px;
      font-size: 16px; }
  @media (max-width: 767px) {
    .offer-banner {
      margin: 40px 0 90px;
      padding: 0 20px; }
      .offer-banner__logo {
        max-width: 100%;
        margin-bottom: 30px; }
      .offer-banner .button {
        display: block;
        width: 100%;
        margin: 0 auto 40px; } }

.apply-offer-popup {
  padding: 35px 0;
  color: #484848;
  font-size: 14px;
  line-height: 1.3;
  text-align: center; }
  .apply-offer-popup__title {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold; }
    .apply-offer-popup__title .icon {
      position: relative;
      bottom: -2px;
      margin-right: 6px;
      font-size: 26px; }
  .apply-offer-popup__text {
    margin-bottom: 35px; }
    .apply-offer-popup__text--accent {
      font-weight: bold; }
  .apply-offer-popup .button:not(:last-of-type) {
    margin-bottom: 8px; }
  @media (max-width: 767px) {
    .apply-offer-popup {
      padding: 0; } }

.loyalty-cart-popup {
  margin-bottom: -45px;
  padding: 25px 20px 0 40px;
  color: #484848;
  text-align: center;
  line-height: 1.3; }
  .loyalty-cart-popup__title {
    display: inline-block;
    margin-bottom: 45px;
    padding-bottom: 10px;
    border-bottom: 1px solid;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase; }
  .loyalty-cart-popup__text {
    margin-bottom: 35px; }
  @media (max-width: 767px) {
    .loyalty-cart-popup {
      padding: 0; }
      .loyalty-cart-popup__text {
        margin-bottom: 20px; } }

.loyalty-cart-form {
  margin: 0 auto;
  text-align: left; }
  .loyalty-cart-form--narrow {
    max-width: 335px;
    margin-bottom: 80px; }
  .loyalty-cart-form .form-group {
    position: relative; }
  .loyalty-cart-form__row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .loyalty-cart-form__row--personal-info {
      padding-right: 35px; }
    .loyalty-cart-form__row--notification {
      margin-top: 45px;
      padding: 50px 55px 60px;
      background: #f8f8f8; }
      .loyalty-cart-form__row--notification .input-checkbox__label {
        font-size: 12px; }
      .loyalty-cart-form__row--notification .input-radio__wrapper {
        display: inline-block;
        width: auto; }
      .loyalty-cart-form__row--notification .input-radio__label {
        font-size: 12px;
        line-height: 22px; }
  .loyalty-cart-form__cell {
    width: calc(50% - 60px); }
  .loyalty-cart-form__row--notification .loyalty-cart-form__cell {
    width: calc(50% - 40px); }
  .loyalty-cart-form__title {
    font-size: 16px;
    font-weight: bold; }
  .loyalty-cart-form__text {
    font-size: 12px;
    line-height: 1.5; }
  .loyalty-cart-form__field-wrap {
    position: relative; }
    .loyalty-cart-form__field-wrap .input + .tooltip {
      right: -39px; }
  .loyalty-cart-form__gdpr {
    margin-bottom: 30px; }
  .loyalty-cart-form .input-text,
  .loyalty-cart-form .input-email,
  .loyalty-cart-form .input-password {
    left: 0;
    width: 100%; }
  .loyalty-cart-form .button {
    width: 100%;
    max-width: 100%;
    margin-top: 10px;
    font-size: 16px; }
  .loyalty-cart-form__button-container {
    padding-top: 30px; }
  @media (max-width: 767px) {
    .loyalty-cart-form--narrow {
      margin-bottom: 40px; }
    .loyalty-cart-form__row--personal-info {
      padding: 0; }
    .loyalty-cart-form__row--notification {
      padding: 40px 30px; }
    .loyalty-cart-form__field-wrap .input + .tooltip {
      right: -3px; } }
  @media (max-width: 1023px) {
    .loyalty-cart-form__cell,
    .loyalty-cart-form__row--notification .loyalty-cart-form__cell {
      width: 100%; } }

@media (min-width: 1024px) {
  .popup--new-loyalty-cart .popup__panel {
    width: 1010px;
    max-width: 90%; } }

.schedule-timer {
  transition: background-color 0.25s, opacity 0.25s;
  opacity: 0;
  border: 1px solid #c7c7c7;
  background: #f8f8f8;
  padding: 17px;
  display: flex;
  align-items: center; }
  .schedule-timer--initialized {
    opacity: 1; }
  .schedule-timer__icon {
    font-size: 52px;
    color: #d0d0d0;
    margin-right: 25px; }
  .schedule-timer__content {
    color: #5b5b5b; }
  .schedule-timer__time {
    display: flex;
    font-size: 38px;
    font-family: "Raleway", sans-serif;
    font-variant-numeric: lining-nums;
    font-feature-settings: "lnum" 1;
    font-weight: bold;
    letter-spacing: 2px; }
  .schedule-timer__hours::after, .schedule-timer__minutes::after {
    content: ':'; }
  .schedule-timer__opening-title, .schedule-timer__closing-title {
    font-family: "Raleway", sans-serif;
    font-variant-numeric: lining-nums;
    font-feature-settings: "lnum" 1;
    font-size: 15px;
    font-weight: bold;
    margin-top: 2px; }
  .schedule-timer__closing-title {
    display: none; }
  .schedule-timer--until-closing {
    background: #4cd35f; }
    .schedule-timer--until-closing .schedule-timer__opening-title {
      display: none; }
    .schedule-timer--until-closing .schedule-timer__closing-title {
      display: block; }
    .schedule-timer--until-closing .schedule-timer__icon,
    .schedule-timer--until-closing .schedule-timer__content {
      color: #fff; }
    .schedule-timer--until-closing.schedule-timer--warning {
      background: #cc061f; }

.progress-tabs {
  display: flex;
  position: relative;
  margin: 12px 0 20px;
  border-bottom: 1px solid #484848;
  overflow: hidden;
  white-space: nowrap; }
  .progress-tabs::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 20%;
    background: linear-gradient(to right, transparent, #fff 50%); }
  @media (min-width: 768px) {
    .progress-tabs {
      display: none; } }
  .progress-tabs__list {
    counter-reset: progress-tabs; }
  .progress-tabs__item {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 15px 6px;
    font-size: 14px;
    color: #484848; }
    .progress-tabs__item.is-current {
      margin-bottom: -1px;
      font-weight: bold;
      border-bottom: 2px solid #5e0e6f; }
    .progress-tabs__item.is-current + .progress-tabs__item {
      margin-left: 4px;
      padding-left: 14px; }
      .progress-tabs__item.is-current + .progress-tabs__item::before {
        content: '';
        position: absolute;
        left: 0;
        width: 1px;
        height: 21px;
        background-color: currentColor;
        vertical-align: middle;
        color: inherit;
        transform: skew(-15deg); }
  .progress-tabs__title::before {
    counter-increment: progress-tabs;
    content: counter(progress-tabs) ".";
    margin-right: 3px; }

.privacy-policy-popup {
  max-width: 800px;
  font-size: 14px;
  color: #484848;
  text-align: center; }
  .privacy-policy-popup__title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 35px; }
  .privacy-policy-popup__text {
    margin-bottom: 35px;
    font-size: 16px;
    line-height: 1.4; }
    .privacy-policy-popup__text a {
      color: #000000; }
      .privacy-policy-popup__text a:hover {
        text-decoration: none; }
  @media (max-width: 767px) {
    .privacy-policy-popup .button {
      width: 100%;
      max-width: 100%; } }

.loyalty-reminder-popup {
  font-size: 14px;
  color: #484848;
  text-align: center; }
  .loyalty-reminder-popup__title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 35px; }
  .loyalty-reminder-popup__text {
    margin-bottom: 35px;
    font-size: 16px;
    line-height: 1.4; }
  .loyalty-reminder-popup__link {
    color: black;
    font-size: 14px;
    font-weight: bold; }
    .loyalty-reminder-popup__link:hover {
      text-decoration: none; }
    .loyalty-reminder-popup__link--small {
      font-size: 12px;
      font-weight: 500; }
  .loyalty-reminder-popup__img {
    max-width: 100%; }
    .loyalty-reminder-popup__img--small {
      max-width: 50%; }
  .loyalty-reminder-popup__row {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between; }
    .loyalty-reminder-popup__row--footer {
      margin-top: 25px;
      align-items: center; }
  .loyalty-reminder-popup__cell {
    width: calc(50% - 15px);
    text-align: left; }
    .loyalty-reminder-popup__cell .loyalty-reminder-popup__text {
      margin-bottom: 20px;
      font-size: 14px; }
  .loyalty-reminder-popup__secondary-info {
    display: none; }
  @media (max-width: 767px) {
    .loyalty-reminder-popup {
      width: 100%; }
      .loyalty-reminder-popup__row--footer .button {
        margin-top: 20px; }
      .loyalty-reminder-popup__cell {
        width: 100%; } }

.popup--loyalty-reminder .popup__panel {
  width: 800px;
  max-width: 90%; }

.registration-success-popup {
  padding: 0 0 25px; }
  @media (min-width: 768px) {
    .registration-success-popup {
      padding: 70px 0; } }
  .registration-success-popup__main-info {
    text-align: center; }
  .registration-success-popup__title {
    font-size: 53px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 25px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    color: #484848; }
    @media (min-width: 768px) {
      .registration-success-popup__title {
        font-size: 60px;
        flex-direction: row; } }
  .registration-success-popup__icon {
    font-size: 50px;
    margin-bottom: 15px; }
    @media (min-width: 768px) {
      .registration-success-popup__icon {
        font-size: 60px;
        margin-bottom: 0;
        margin-left: 15px; } }
  .registration-success-popup__text {
    font-size: 16px;
    line-height: 1.4;
    color: #484848;
    font-weight: 500; }

.checkout-coupon {
  margin: 15px 0; }
  .checkout-coupon .personal-coupon__text {
    font-size: 14px;
    line-height: 18px; }
  .checkout-coupon .personal-coupon__error-msg {
    color: #cc061f; }
  .checkout-coupon .personal-coupon__added-coupons {
    margin-top: 15px;
    border: 1px solid #ccb3d1; }
    .checkout-coupon .personal-coupon__added-coupons-title {
      background: rgba(204, 179, 209, 0.5);
      padding: 10px;
      font-weight: bold;
      color: #5e0e6f;
      text-align: left;
      height: auto; }
    .checkout-coupon .personal-coupon__added-coupons-remove {
      cursor: pointer; }
  .checkout-coupon .personal-coupon__added-coupons-line {
    padding: 10px; }

.checkout-form-payment__header {
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  color: #484848;
  margin-bottom: 55px; }
  .checkout-form-payment__header-title {
    box-sizing: border-box;
    flex: 0 0 auto;
    max-width: 100%;
    padding: 0 5px;
    vertical-align: baseline;
    z-index: 0; }
    .checkout-form-payment__header-title--underlined {
      padding-bottom: 8px;
      border-bottom: 2px solid; }

.checkout-form .input-text, .checkout-form .input-email, .checkout-form .input-password {
  font-size: 16px; }

.checkout-form .form-group {
  position: relative; }

.checkout-form__link {
  color: #000000;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer; }
  .checkout-form__link:hover {
    text-decoration: none; }

.checkout-form__header {
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  color: #484848;
  margin-bottom: 55px; }

.checkout-form__title {
  box-sizing: border-box;
  flex: 0 0 auto;
  max-width: 100%;
  padding: 0 5px;
  vertical-align: baseline;
  z-index: 0; }
  .checkout-form__title--underlined {
    padding-bottom: 8px;
    border-bottom: 2px solid; }

@media (max-width: 1023px) {
  .checkout-form__part {
    padding-bottom: 30px;
    border-bottom: 1px solid #484848; } }

.checkout-delivery-mode {
  margin-bottom: 15px; }
  .checkout-delivery-mode__select {
    width: 100%;
    padding: 5px;
    font-size: 1em; }

.checkout-process-mode .button {
  margin-top: 15px; }
  .checkout-process-mode .button:first-child {
    margin-top: 0; }

.checkout-payment-method {
  margin-top: 15px; }
  .checkout-payment-method__list {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .checkout-payment-method__item--secure {
    border: 1px solid #484848;
    padding: 8px 0;
    margin-top: 15px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase; }
  .checkout-payment-method_image {
    display: block; }

.checkout-store-search {
  margin-top: 25px;
  display: flex;
  background: #eeeeee; }
  .checkout-store-search__input {
    background: transparent;
    border: none;
    -webkit-appearance: none;
    flex-grow: 1;
    line-height: 36px;
    height: 36px;
    padding: 0 0 0 15px;
    color: #000000; }
    .checkout-store-search__input::-webkit-input-placeholder {
      color: #000000;
      text-transform: uppercase;
      letter-spacing: 1px; }
    .checkout-store-search__input::-moz-placeholder {
      color: #000000;
      text-transform: uppercase;
      letter-spacing: 1px; }
    .checkout-store-search__input:-ms-input-placeholder {
      color: #000000;
      text-transform: uppercase;
      letter-spacing: 1px; }
  .checkout-store-search__location {
    line-height: 36px;
    height: 36px;
    font-size: 24px;
    border: none;
    padding: 0 10px;
    background: transparent;
    cursor: pointer; }
    .checkout-store-search__location:hover {
      background: #d1cbe5; }

.checkout-map {
  margin-top: 6px;
  height: 270px; }

.checkout-map-info {
  background: #000000;
  color: white;
  line-height: 1.3;
  font-size: 14px;
  padding: 15px; }
  .checkout-map-info__name {
    font-weight: 600; }
  .checkout-map-info__address {
    margin: 5px auto 10px; }

.checkout-store-list {
  max-height: 268px;
  overflow: auto;
  margin-top: 6px;
  border: 1px solid #d1cbe5; }

.checkout-store-item {
  border-top: 1px solid #d1cbe5;
  display: flex;
  padding: 12px 12px 12px 55px;
  justify-content: space-between;
  align-items: center;
  background-image: url(/_ui/responsive/theme-igc/images/store/map-marker-active.png);
  background-repeat: no-repeat;
  background-position: 15px 50%;
  background-size: 22px;
  cursor: pointer; }
  .checkout-store-item:first-child {
    border-top: none; }
  .checkout-store-item:hover {
    background-color: #d1cbe5; }
  .checkout-store-item__icon {
    visibility: hidden;
    font-size: 22px;
    margin-left: 10px; }
  .checkout-store-item__input {
    display: none; }
    .checkout-store-item__input:checked ~ .checkout-store-item__icon {
      visibility: visible; }
  .checkout-store-item__text {
    line-height: 1.3;
    max-width: 100%;
    flex-shrink: 1;
    overflow: hidden; }
  .checkout-store-item__name {
    font-weight: 600;
    font-size: 12px; }
  .checkout-store-item__address {
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis; }

.checkout-menu__header {
  display: flex; }

.checkout-menu__title {
  font-size: 16px;
  text-transform: uppercase; }

.checkout-menu__content {
  box-sizing: border-box;
  height: 0;
  overflow: hidden;
  transition: height 350ms ease-out;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain; }

.order-confirmation {
  margin-top: 50px;
  margin-bottom: 50px;
  font-size: 14px; }
  @media (max-width: 767px) {
    .order-confirmation {
      margin: 0; } }
  .order-confirmation__row {
    padding: 20px 0;
    border-bottom: 1px solid #ccb3d1; }
    .order-confirmation__row:last-of-type {
      border: none; }
    @media (min-width: 768px) {
      .order-confirmation__row {
        max-width: 600px;
        margin: 0 auto; } }
  .order-confirmation__title {
    width: 100%;
    font-weight: 500; }
    @media (max-width: 767px) {
      .order-confirmation__title {
        display: none; } }
  .order-confirmation__subtitle {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 1px; }
    .order-confirmation__subtitle .icon {
      position: relative;
      top: 3px;
      margin-right: 4px;
      font-size: 32px; }
    @media (max-width: 767px) {
      .order-confirmation__subtitle {
        width: 100%;
        margin-bottom: 20px;
        padding-bottom: 30px;
        border-bottom: 1px solid #ccb3d1; } }
  .order-confirmation__order-no {
    display: flex;
    flex-direction: column;
    text-align: right; }
    @media (max-width: 767px) {
      .order-confirmation__order-no {
        width: 100%;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        font-size: 16px; } }
    @media (min-width: 768px) {
      .order-confirmation__order-no img {
        padding-top: 6px; } }
  .order-confirmation__text {
    margin-bottom: 15px;
    line-height: 19px; }
    @media (max-width: 767px) {
      .order-confirmation__text {
        margin-bottom: 35px; } }
  @media (min-width: 768px) {
    .order-confirmation__form--right {
      text-align: right; } }
  .order-confirmation__header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 767px) {
      .order-confirmation__header {
        flex-wrap: wrap; } }
  .order-confirmation__footer {
    display: flex;
    width: 100%;
    align-items: center; }
    .order-confirmation__footer .order-confirmation__form {
      width: 215px; }
    @media (max-width: 767px) {
      .order-confirmation__footer {
        flex-wrap: wrap; }
        .order-confirmation__footer .order-confirmation__form {
          width: 100%;
          text-align: center; }
          .order-confirmation__footer .order-confirmation__form .button {
            min-width: 215px; } }
  @media (min-width: 768px) {
    .order-confirmation-container {
      border: 1px solid #d1d1d1;
      padding: 30px 60px; } }
  .order-confirmation-banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 210px;
    padding: 40px 35px;
    box-sizing: border-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    line-height: 1.25; }
    @media (max-width: 767px) {
      .order-confirmation-banner {
        margin: 0 -11px;
        padding: 40px 20px; } }
    .order-confirmation-banner__title {
      margin-bottom: 10px;
      font-size: 20px;
      text-transform: uppercase;
      letter-spacing: 2px; }
    .order-confirmation-banner__subtitle {
      margin-bottom: 10px;
      font-size: 16px; }
    .order-confirmation-banner__text {
      margin-bottom: 20px;
      font-size: 12px;
      line-height: 16px; }
      @media (max-width: 767px) {
        .order-confirmation-banner__text {
          font-size: 14px; } }
    .order-confirmation-banner .button {
      max-width: 150px;
      font-size: 12px;
      color: #000000; }
    .order-confirmation-banner form {
      text-align: center; }
  .order-confirmation-password, .order-confirmation-loyalty {
    margin-bottom: 20px; }
    .order-confirmation-password__title, .order-confirmation-loyalty__title {
      font-size: 20px;
      margin-bottom: 20px; }
  .order-confirmation-password__row {
    display: flex;
    width: 100%; }
    @media (max-width: 767px) {
      .order-confirmation-password__row {
        flex-wrap: wrap; } }
  .order-confirmation-password__cell:first-of-type {
    flex-grow: 1;
    padding-right: 8px; }
    @media (max-width: 767px) {
      .order-confirmation-password__cell:first-of-type {
        padding: 0; } }
  .order-confirmation-password__cell:last-of-type {
    width: 215px; }
    @media (max-width: 767px) {
      .order-confirmation-password__cell:last-of-type {
        width: 100%; } }
  .order-confirmation-password__cell .button {
    margin-top: 19px; }
  .order-confirmation-password__cell label {
    margin-bottom: 0; }
  .order-confirmation-password__hint {
    margin-top: -5px;
    padding: 4px 6px;
    border-radius: 3px;
    background: #e4e4e4;
    color: #484848;
    font-size: 11px;
    font-style: italic; }
  .order-confirmation-password__link {
    position: relative;
    top: -3px;
    color: black;
    font-size: 13px;
    text-decoration: none; }
    .order-confirmation-password__link:hover {
      text-decoration: underline; }
  @media (max-width: 767px) {
    .order-confirmation-password__hint, .order-confirmation-password__link {
      margin: 0;
      top: 0;
      font-size: 14px; } }
  .order-confirmation-password + .order-confirmation-loyalty {
    margin-top: 40px; }
  .order-confirmation-loyalty .input-checkbox__wrapper {
    margin-bottom: 15px; }
    .order-confirmation-loyalty .input-checkbox__wrapper:last-of-type {
      margin-bottom: 0; }
  .order-confirmation-social-sharing {
    flex-grow: 1; }
    @media (max-width: 767px) {
      .order-confirmation-social-sharing {
        margin: 20px 0 35px;
        text-align: center; } }
    .order-confirmation-social-sharing__item {
      display: inline-block;
      margin-right: 8px; }
      .order-confirmation-social-sharing__item:last-of-type {
        margin-right: 0; }
    .order-confirmation-social-sharing__link {
      text-decoration: none; }
      .order-confirmation-social-sharing__link .icon {
        color: #484848;
        font-size: 20px; }
  .order-confirmation .button {
    max-width: 215px;
    padding: 8px 10px;
    font-weight: bold; }

/**

    .is-limit-reached - modifier for container, added when amount of selected items equals free samples limit

    .is-selected - modifier for item, added when current item has been selected

*/
.free-sample {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .free-sample-wrapper .glide__arrow {
    font-size: 20px; }
  .free-sample__name {
    margin-top: 20px;
    font-size: 20px; }
  .free-sample__checkbox {
    position: absolute;
    top: 0;
    right: 60px; }
  .is-limit-reached .free-sample:not(.is-selected) {
    opacity: .5; }

.gift-wrap {
  margin-bottom: 40px; }
  .gift-wrap__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding: 12px 15px;
    border: 1px solid #d1d1d1; }
  .gift-wrap__summary {
    height: auto;
    padding: 0; }
  .gift-wrap__price {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold; }
  .gift-wrap__checkbox {
    display: inline-block;
    position: relative;
    height: 16px;
    min-width: 16px;
    margin-left: 20px;
    vertical-align: middle; }
  .gift-wrap__title {
    display: block;
    font-size: 20px;
    font-weight: bold; }
  .gift-wrap__textarea {
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    resize: vertical;
    margin: 8px 0;
    padding: 5px; }
  .gift-wrap__button {
    display: none;
    margin-top: 10px; }
  .gift-wrap__content.is-collapsed {
    display: none; }
  .gift-wrap__description {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #a3a3a3; }
  .gift-wrap__maxlength {
    font-style: italic; }
  .gift-wrap .icon-giftwrap {
    margin-right: 12px;
    font-size: 20px;
    color: #81438e; }

.forgot-password {
  max-width: 450px;
  margin: 0 auto; }
  .forgot-password__description {
    margin-bottom: 35px;
    line-height: 1.5;
    text-align: center; }
  .forgot-password__form {
    max-width: 340px;
    margin: 0 auto 65px; }

.reset-password {
  max-width: 620px;
  margin: 0 auto;
  padding: 60px 0 120px;
  box-sizing: border-box;
  text-align: center;
  line-height: 1.3; }
  @media (min-width: 768px) {
    .reset-password {
      min-height: 430px;
      padding-bottom: 60px; } }
  .reset-password__title {
    margin-bottom: 25px;
    font-size: 60px;
    font-weight: bold;
    line-height: 1;
    vertical-align: middle; }
    .reset-password__title .icon {
      position: relative;
      top: 6px;
      margin-left: 25px;
      font-size: 46px; }
    @media (max-width: 767px) {
      .reset-password__title {
        font-size: 40px; }
        .reset-password__title .icon {
          margin-left: 15px;
          font-size: 36px; } }
  .reset-password__description {
    font-size: 16px; }

.free-item {
  border: 1px solid #d1d1d1;
  padding: 10px;
  text-align: center;
  margin: 0 8px; }
  .free-item__label {
    display: block;
    position: relative;
    cursor: pointer; }
  .free-item__checkbox-wrapper {
    position: absolute;
    top: 0;
    right: 17px; }
  .free-item__image img {
    display: block;
    max-width: 100%;
    margin-bottom: 10px; }
  .free-item__brand-name, .free-item__range-name, .free-item__name, .free-item__free-text {
    font-size: 14px;
    line-height: 1.3;
    margin-top: 5px; }
  .free-item__brand-name {
    color: #484848;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none; }
    .free-item__brand-name:hover {
      color: #d1d1d1; }
  .free-item__free-text {
    font-weight: bold; }

#privacy_cookie_footer_wrapper {
  cursor: pointer; }

#cto_cookies_header_message, #cto_cookies_ack_header_message {
  top: auto;
  position: fixed;
  left: 0;
  width: 100%;
  bottom: 0; }

#truste-consent-track {
  z-index: 100000;
  background-color: rgba(0, 0, 0, 0.8);
  height: 175px;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0; }
  @media (min-width: 768px) {
    #truste-consent-track {
      height: 75px; } }

#truste-consent-content {
  box-sizing: border-box;
  padding-right: 25px;
  padding-left: 25px;
  font-weight: bold; }
  @media (min-width: 768px) {
    #truste-consent-content {
      display: flex;
      position: relative;
      margin: 12px auto;
      height: 35px;
      width: 768px; } }
  @media (min-width: 1024px) {
    #truste-consent-content {
      margin: 20px auto;
      width: 1024px; } }

#truste-consent-text {
  font-family: "Raleway", sans-serif;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1;
  display: flex;
  color: #fff;
  font-size: 8px;
  height: 60px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  line-height: 1; }
  @media (min-width: 768px) {
    #truste-consent-text {
      display: inline-block;
      font-weight: normal;
      font-size: 13px;
      width: 50%;
      height: auto; } }

@media (min-width: 768px) {
  #truste-consent-buttons {
    display: inline-block;
    width: 50%;
    text-align: right; } }

#truste-consent-button {
  background-color: #fff;
  color: #000000;
  cursor: pointer;
  position: relative;
  border: none;
  border-radius: 2px;
  line-height: normal;
  font-size: 12px;
  font-weight: bold;
  width: 100%;
  padding: 10px 5px;
  margin: auto;
  text-align: center; }
  @media (min-width: 768px) {
    #truste-consent-button {
      width: 48%;
      margin-right: 10px; } }

#truste-show-consent {
  background-color: #e6e7e8;
  color: #54575a;
  cursor: pointer;
  position: relative;
  border: none;
  border-radius: 2px;
  margin: 9px auto;
  line-height: normal;
  font-size: 12px;
  font-weight: bold;
  width: 100%;
  padding: 10px 5px;
  text-align: center; }
  @media (min-width: 768px) {
    #truste-show-consent {
      width: 48%;
      margin: 0; } }

#truste-cookie-button {
  font-family: "Raleway", sans-serif;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1;
  height: 22px;
  display: flex;
  color: #fff;
  font-size: 8px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  cursor: pointer; }
  @media (min-width: 768px) {
    #truste-cookie-button {
      position: absolute;
      left: 25px;
      font-weight: normal;
      font-size: 13px;
      top: 30px; } }
  @media (min-width: 1024px) {
    #truste-cookie-button {
      top: 20px; } }

.payu-confirmation {
  text-align: center; }
  .payu-confirmation__content {
    padding: 60px; }
    @media (max-width: 1023px) {
      .payu-confirmation__content {
        padding: 40px 20px; } }
  .payu-confirmation__header {
    margin-bottom: 20px;
    font-size: 40px;
    font-weight: bold; }
  .payu-confirmation__order {
    margin-bottom: 20px;
    font-size: 18px; }
  .payu-confirmation__message {
    margin: 20px 0;
    font-style: italic; }

.payu-waiting {
  padding: 60px;
  text-align: center; }
  @media (max-width: 1023px) {
    .payu-waiting {
      padding: 20px; } }
  .payu-waiting__spinner {
    margin-top: 20px; }

.waiting {
  display: flex;
  min-height: 800px;
  background-size: cover; }
  .waiting__content {
    margin: auto;
    width: 650px;
    padding: 60px 50px 70px;
    background: rgba(0, 0, 0, 0.85);
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-variant-numeric: lining-nums;
    font-feature-settings: "lnum" 1;
    line-height: 1.5;
    color: #fff; }
  .waiting__header {
    display: inline-block;
    padding-bottom: 6px;
    border-bottom: 1px solid currentColor;
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase; }
  .waiting__description {
    margin: 32px 0;
    font-size: 16px; }
  .waiting-hint {
    font-size: 18px;
    font-style: italic; }
    .waiting-hint__title {
      display: inline;
      font-weight: bold; }
      .waiting-hint__title::after {
        content: ':'; }
    .waiting-hint__message {
      display: inline; }
  .waiting__logo {
    display: block;
    margin: auto; }
  .waiting__footer {
    margin-top: 40px; }

.personalized-component--hidden .peerius-carousel__title, .personalized-component--loading .peerius-carousel__title {
  display: none; }

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); }

.flatpickr-calendar.open, .flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible; }

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999; }

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px; }

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px); }

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block; }

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6; }

.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0; }

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6; }

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto; }

.flatpickr-calendar:before, .flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px; }

.flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px; }

.flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%; }

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px; }

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px; }

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  bottom: 100%; }

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6; }

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff; }

.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  top: 100%; }

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6; }

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff; }

.flatpickr-calendar:focus {
  outline: 0; }

.flatpickr-wrapper {
  position: relative;
  display: inline-block; }

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9); }

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none; }

.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
  position: relative; }

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
      /*rtl:begin:ignore*/
  left: 0; }

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
      /*rtl:begin:ignore*/
  right: 0; }

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9; }

.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747; }

.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px; }

.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill .1s;
  transition: fill .1s;
  fill: inherit; }

.numInputWrapper {
  position: relative;
  height: auto; }

.numInputWrapper input, .numInputWrapper span {
  display: inline-block; }

.numInputWrapper input {
  width: 100%; }

.numInputWrapper input::-ms-clear {
  display: none; }

.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none; }

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1); }

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2); }

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute; }

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0; }

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%; }

.numInputWrapper span.arrowDown {
  top: 50%; }

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%; }

.numInputWrapper span svg {
  width: inherit;
  height: auto; }

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5); }

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05); }

.numInputWrapper:hover span {
  opacity: 1; }

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: .5ch;
  padding: 0; }

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05); }

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block; }

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9); }

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9); }

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 .5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield; }

.flatpickr-current-month input.cur-year:focus {
  outline: 0; }

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none; }

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 .5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto; }

.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none; }

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05); }

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0; }

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px; }

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder; }

.dayContainer, .flatpickr-weeks {
  padding: 1px 0 0 0; }

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px; }

.flatpickr-days:focus {
  outline: 0; }

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1; }

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6; }

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center; }

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6; }

.flatpickr-day.today {
  border-color: #959ea9; }

.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff; }

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7; }

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px; }

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0; }

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7; }

.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px; }

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6; }

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default; }

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1); }

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7; }

.flatpickr-day.hidden {
  visibility: hidden; }

.rangeMode .flatpickr-day {
  margin-top: 1px; }

.flatpickr-weekwrapper {
  float: left; }

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6; }

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px; }

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none; }

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden; }

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both; }

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left; }

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939; }

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939; }

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%; }

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%; }

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield; }

.flatpickr-time input.flatpickr-hour {
  font-weight: bold; }

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: 400; }

.flatpickr-time input:focus {
  outline: 0;
  border: 0; }

.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center; }

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400; }

.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
  background: #eee; }

.flatpickr-input[readonly] {
  cursor: pointer; }

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.flatpickr-input[readonly] {
  background-color: initial; }

.mpay24 {
  font-family: 'Open Sans', sans-serif; }
  .mpay24-label {
    margin-top: 10px;
    margin-bottom: 5px;
    outline: initial;
    color: #000000;
    position: static;
    font-size: 16px; }
  .mpay24-input {
    height: 38px;
    padding: 6px 10px;
    font-size: 16px;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    width: 100%;
    max-width: 300px; }
  .mpay24 .icon-correct, .mpay24 .icon-wrong {
    top: 31px;
    right: 10px; }

.egift-card-form__currency {
  margin-top: 28px;
  display: block;
  text-align: center; }

@media (min-width: 768px) {
  .egift-card-form__amount-divider {
    margin-top: 28px;
    display: block;
    text-align: center; } }

.click-and-collect {
  padding: 25px 0 0; }
  .click-and-collect__form {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin: 0 0 15px 0;
    height: 50px; }
    @media (max-width: 1023px) {
      .click-and-collect__form {
        flex-direction: column;
        height: 110px; } }
    .click-and-collect__form .col-lg-11 {
      padding: 0; }
    .click-and-collect__form .col-lg-5 {
      padding-right: 0; }
    @media (max-width: 1023px) {
      .click-and-collect__form .col-md {
        height: 50px;
        padding: 0; } }
  .click-and-collect__input-holder {
    background: #eeeeee;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 5px; }
  .click-and-collect__input {
    background: transparent;
    border: none;
    -webkit-appearance: none;
    flex-grow: 1;
    line-height: 36px;
    height: 36px;
    padding: 0 0 0 15px;
    color: #a3a3a3;
    font-size: 14px; }
    .click-and-collect__input:not(empty) {
      color: #000000; }
  .click-and-collect__button {
    height: 100%;
    width: 100%;
    max-width: none; }
  .click-and-collect__server-message {
    margin-bottom: 15px; }
    .click-and-collect__server-message--no-results {
      margin-bottom: 0; }
  .click-and-collect__store-list {
    display: flex;
    flex-direction: column; }
  .click-and-collect__store-item {
    border-top: 1px solid #000000; }

.click-and-collect-store__holder {
  display: flex;
  margin: 15px 0;
  cursor: pointer; }

.click-and-collect-store__icon {
  margin-bottom: 5px; }

.click-and-collect-store__distance {
  font-size: 12px;
  text-align: center; }

.click-and-collect-store__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start; }

.click-and-collect-store__name {
  font-size: 14px;
  line-height: 1.3;
  font-weight: bold;
  text-transform: uppercase; }

.click-and-collect-store__address {
  font-size: 12px;
  line-height: 1.3; }

.click-and-collect-store__status {
  font-weight: bold;
  font-size: 12px; }
  .click-and-collect-store__status.available {
    color: #4cd35f; }
  .click-and-collect-store__status.not-available {
    color: #cc061f; }

.click-and-collect-store__unavailable-product {
  display: none; }

.click-and-collect-store__expand {
  display: flex;
  justify-content: center;
  align-items: center; }
  @media (max-width: 1023px) {
    .click-and-collect-store__expand {
      align-items: flex-start; } }

.click-and-collect-store .icon {
  font-size: 25px; }

.click-and-collect-store .icon-arrow-top {
  display: none; }

.click-and-collect-store.is-open .icon-arrow-down {
  display: none; }

.click-and-collect-store.is-open .icon-arrow-top {
  display: block; }

.click-and-collect-store.is-open .click-and-collect-store__unavailable-product {
  display: block;
  margin: 0 9% 0 21%;
  padding: 0; }
  @media (max-width: 767px) {
    .click-and-collect-store.is-open .click-and-collect-store__unavailable-product {
      padding: 0 5px; } }

.click-and-collect-store__store-actions {
  display: none;
  padding-left: 70px;
  margin: 15px 0; }
  @media (max-width: 1023px) {
    .click-and-collect-store__store-actions {
      padding-left: 0; } }
  .is-open .click-and-collect-store__store-actions {
    display: block; }

.click-and-collect-store__store-actions-list {
  display: flex;
  flex-direction: column; }
  .click-and-collect-store__store-actions-list .button {
    margin-bottom: 15px; }
    .click-and-collect-store__store-actions-list .button:last-of-type {
      margin-bottom: 0; }

.click-and-collect-store__store-schedule {
  display: none;
  padding-left: 70px;
  margin: 15px 0; }
  @media (max-width: 1023px) {
    .click-and-collect-store__store-schedule {
      padding-left: 0; } }
  .click-and-collect-store__store-schedule.is-open {
    display: block; }

.store-schedule {
  display: flex;
  justify-content: center; }
  .store-schedule__list {
    display: flex;
    flex-direction: column;
    width: 260px;
    box-sizing: border-box; }
  .store-schedule__item {
    display: flex;
    padding: 5px 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #e1e1e1;
    font-weight: bold;
    font-size: 12px; }
    .store-schedule__item.today {
      background: #ccb3d1; }
  .store-schedule__day {
    width: 50%; }
  .store-schedule__time {
    flex: 0 0 110px; }

.store-icon {
  display: block;
  content: '';
  height: 38px;
  background: url(/_ui/responsive/theme-igc/images/store/map-marker-active.png) center center no-repeat; }

.os-heading {
  margin: 40px auto;
  text-align: center;
  font-size: 22px;
  color: #000000;
  text-transform: uppercase; }
  .os-heading__inner {
    display: inline-block;
    padding-bottom: 14px;
    border-bottom: 1px solid currentColor; }

.os-about {
  margin: 40px 0; }
  .os-about__text {
    margin: 40px 0; }
    .os-about__text p {
      margin: 1em 0;
      font-size: 14px;
      line-height: 1.65; }
  .os-about-gallery {
    margin: 40px 0; }
    .os-about-gallery__list {
      display: flex;
      justify-content: space-between; }
      @media (max-width: 767px) {
        .os-about-gallery__list {
          flex-direction: column; } }
    .os-about-gallery__item {
      width: 33.3%;
      max-width: 284px;
      margin: 0 18px; }
      .os-about-gallery__item:first-child {
        margin-left: 0; }
      .os-about-gallery__item:last-child {
        margin-right: 0; }
      @media (max-width: 767px) {
        .os-about-gallery__item {
          position: relative;
          width: 100%;
          max-width: none;
          margin: 24px 0 0;
          padding-bottom: 100%;
          overflow: hidden; } }
    .os-about-gallery__image {
      max-width: 100%;
      height: auto;
      object-fit: cover; }
      @media (max-width: 767px) {
        .os-about-gallery__image {
          width: 100%;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translateX(-50%) translateY(-50%); } }

.os-section {
  width: 926px;
  margin: auto; }
  @media (max-width: 1023px) {
    .os-section {
      box-sizing: border-box;
      width: 100%;
      padding: 0 25px; } }

.os-banner {
  min-width: 100%;
  overflow: hidden;
  position: relative;
  color: #fff; }
  .os-banner__image-wrapper {
    height: 100%;
    background-position: right center;
    width: 100%;
    background-size: cover;
    padding: 25px 0;
    margin-bottom: 15px;
    min-height: 570px; }
    @media (min-width: 768px) {
      .os-banner__image-wrapper {
        margin-bottom: 0;
        min-height: auto;
        background-position: center; } }
  .os-banner__holder {
    position: relative;
    z-index: 1; }
  .os-banner__title {
    font-size: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 15px;
    text-align: center;
    height: auto; }
    @media (min-width: 768px) {
      .os-banner__title {
        text-align: left; } }
    .os-banner__title span {
      display: inline-block; }
  .os-banner__sub-title {
    font-size: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 30px;
    text-align: center;
    color: #000000;
    height: auto; }
    @media (min-width: 768px) {
      .os-banner__sub-title {
        color: #fff;
        text-align: left; } }
    .os-banner__sub-title span {
      display: inline-block; }
  .os-banner__text {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 22px;
    max-width: 530px; }
    .os-banner__text p {
      margin-bottom: 20px;
      color: #000000; }
      @media (min-width: 768px) {
        .os-banner__text p {
          color: #fff; } }
      .os-banner__text p:last-of-type {
        margin-bottom: 0; }
  .os-banner__logo-image {
    margin: 0 auto;
    max-width: 356px;
    display: block;
    width: 100%; }
    @media (min-width: 768px) {
      .os-banner__logo-image {
        max-width: 470px;
        margin: 0 0 20px 0; } }
  .os-banner__button-holder {
    display: flex;
    margin-bottom: 35px;
    justify-content: flex-start;
    flex-direction: column-reverse; }
    @media (min-width: 768px) {
      .os-banner__button-holder {
        flex-direction: row; } }
  .os-banner__button {
    margin: 0 auto 10px;
    width: 100%; }
    @media (min-width: 768px) {
      .os-banner__button {
        margin: 0 10px 0 0; }
        .os-banner__button:last-of-type {
          margin-right: 0; } }

.os-article {
  position: relative;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  min-height: 500px;
  padding: 20px 0;
  background-position: center;
  background-size: cover;
  color: #fff; }
  .os-article.is-blackout-gradient::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0; }
    @media (max-width: 1023px) {
      .os-article.is-blackout-gradient::before {
        content: none; } }
  .os-article.is-blackout-gradient.is-content-oriented-left::before {
    left: 0;
    right: 10%;
    background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.87)); }
  .os-article.is-blackout-gradient.is-content-oriented-right::before {
    left: 10%;
    right: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.87)); }
  @media (max-width: 1023px) {
    .os-article {
      display: block;
      height: 536px;
      min-height: auto;
      margin-bottom: 30px;
      padding: 0; } }
  .os-article__inner {
    display: flex;
    position: relative;
    width: 1050px;
    margin: auto; }
    .is-content-oriented-left .os-article__inner {
      justify-content: flex-start; }
    .is-content-oriented-right .os-article__inner {
      justify-content: flex-end; }
    @media (max-width: 1023px) {
      .os-article__inner {
        display: block;
        position: static;
        width: auto;
        padding: 0 25px; } }
  .os-article__content {
    width: 500px;
    text-align: left; }
    @media (max-width: 1023px) {
      .os-article__content {
        position: absolute;
        width: auto;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 15px 25px 0;
        background: #fff; } }
  .os-article-quote__text {
    margin-bottom: 32px;
    font-size: 26px;
    line-height: 1.2;
    font-weight: bold;
    font-style: italic; }
    .os-article-quote__text::before, .os-article-quote__text::after {
      content: '"';
      display: inline; }
  .os-article-quote__author {
    margin-bottom: 32px;
    line-height: 1.4; }
  @media (max-width: 1023px) {
    .os-article-quote {
      display: none; } }

.os-donate-banner__image-holder {
  position: relative;
  margin-bottom: 20px; }

.os-donate-banner__image {
  width: 100%;
  height: auto;
  display: block; }

.os-donate-banner__title {
  top: 25px;
  position: absolute;
  width: 100%;
  font-size: 34px;
  line-height: 26px;
  color: #fff;
  font-style: italic;
  text-align: center; }

.os-donate-banner__description {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 23px;
  color: #000000;
  text-align: center; }

.os-donate-form__header {
  margin-bottom: 32px;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase; }

.os-donate-form__cell {
  margin-top: 26px; }

@media (min-width: 768px) {
  .os-donate-form__input-label {
    max-width: 335px; } }

.os-donate-form__textarea {
  box-sizing: border-box;
  width: 100%;
  height: 140px;
  resize: vertical; }

.os-donate-form-range__label {
  margin-bottom: 20px;
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
  color: #81438e;
  text-transform: uppercase;
  text-overflow: ellipsis; }

.os-donate-form-range .noUi-connect {
  height: 4px;
  background: #81438e; }

.os-donate-form-range .noUi-base {
  height: 4px;
  background: #d1d1d1; }

.os-donate-form-range .noUi-handle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #81438e; }

@media (min-width: 768px) {
  .os-donate-form-range .noUi-horizontal {
    max-width: 335px; } }

.os-donate-confirm__header {
  margin-bottom: 32px;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase; }

.os-donate-confirm__row {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  border-bottom: 1px solid #484848; }

.os-donate-confirm__item, .os-donate-confirm__value {
  padding: 10px 0;
  font-size: 16px; }

.os-donate-confirm__text {
  margin-top: 36px;
  font-size: 14px; }

.os-donate-confirm__footer {
  margin-top: 40px; }
  @media (min-width: 768px) {
    .os-donate-confirm__footer {
      display: flex; } }

.os-donate-confirm__button-container {
  margin-top: 20px; }
  @media (min-width: 768px) {
    .os-donate-confirm__button-container {
      margin-top: 0;
      flex-basis: calc(50% - 10px); }
      .os-donate-confirm__button-container:first-child {
        margin-right: 20px; } }

.os-donated__logos-holder {
  display: flex;
  margin-bottom: 40px;
  justify-content: center; }

.os-donated__image-holder {
  margin-right: 25px;
  flex: 0 1 auto; }
  @media (min-width: 768px) {
    .os-donated__image-holder {
      margin-right: 35px; } }
  .os-donated__image-holder:last-of-type {
    margin-right: 0; }

.os-donated__image {
  height: auto;
  max-width: 100%;
  width: auto;
  display: block; }

.os-donated__title {
  font-size: 28px;
  letter-spacing: 2px;
  line-height: 22px;
  color: #484848;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  height: auto;
  margin-bottom: 25px;
  text-transform: uppercase; }

.os-donated__text {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 23px;
  color: #000000;
  text-align: center;
  margin-bottom: 30px; }

.os-donated__button-holder {
  display: flex;
  justify-content: center; }

.os-donated__button {
  margin: 0; }

.os-no-card__logos-holder {
  display: flex;
  margin-bottom: 40px;
  justify-content: center; }

.os-no-card__image {
  height: auto;
  max-width: 100%;
  width: auto;
  display: block;
  margin: 0 auto; }

.os-no-card__title {
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 22px;
  color: #484848;
  font-weight: 700;
  height: auto;
  margin-bottom: 25px;
  text-transform: uppercase; }

.os-no-card__text {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 23px;
  color: #000000;
  text-align: left;
  margin-bottom: 20px; }

.os-no-card__button-holder {
  display: flex;
  justify-content: center; }
  @media (min-width: 768px) {
    .os-no-card__button-holder {
      justify-content: flex-start; } }

.os-no-card__button {
  margin: 0;
  width: 100%; }

.os-no-card__card {
  display: flex;
  margin-bottom: 30px;
  flex-direction: column; }
  @media (min-width: 768px) {
    .os-no-card__card {
      margin-right: 35px;
      flex-direction: row; } }

.os-no-card__image-holder {
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .os-no-card__image-holder {
      margin-bottom: 0; } }

.os-no-card__aspects-item {
  font-size: 18px;
  line-height: 24px;
  color: #494949;
  font-weight: 700;
  display: flex;
  align-items: center;
  margin-bottom: 6px; }
  .os-no-card__aspects-item:last-of-type {
    margin-bottom: 0; }
  .os-no-card__aspects-item .icon {
    color: #bf90c0;
    margin-right: 10px;
    font-size: 40px; }

.os-login__title {
  font-size: 28px;
  letter-spacing: 2px;
  line-height: 22px;
  color: #484848;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  height: auto;
  margin-bottom: 25px;
  text-transform: uppercase; }

.os-login__text {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 23px;
  color: #000000;
  text-align: center;
  margin-bottom: 30px; }

.os-login__button-holder {
  display: flex;
  justify-content: center; }
  @media (min-width: 768px) {
    .os-login__button-holder {
      justify-content: flex-start; } }

.os-login__button {
  margin: 0; }

.os-login__link {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 33px;
  color: #5a5a5a;
  text-align: center;
  text-decoration: none; }

.os-login__link-inner {
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 1px solid currentColor; }