/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 *  Remove default search cancel button in Internet Explorer
 */

input::-ms-clear {
  display: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}

body {
  color: #666666;
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
}

* {
  outline: 0;
}

img {
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

select {
  text-transform: none;
}

button {
  overflow: visible;
}

button,
input,
select,
textarea {
  border-radius: 0;
  max-width: 100%;
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  cursor: pointer;
}

html {
  box-sizing: border-box;
}

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

[type='search'] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

svg:not(:root) {
  overflow: hidden;
}

p {
  margin: 0 0 13px;
}

a {
  background-color: transparent;
  color: #666666;
  text-decoration: none;
}

a:focus,
a:hover,
a:active {
  outline: 0;
}

ul,
ol {
  margin: 0 0 15px;
  padding: 0;
}

ul {
  list-style: none;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin: 0 0 0 10px;
}

input:focus,
[type='date']:focus,
[type='time']:focus,
[type='datetime-local']:focus,
[type='week']:focus,
[type='month']:focus,
[type='text']:focus,
[type='email']:focus,
[type='url']:focus,
[type='password']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='number']:focus,
textarea:focus {
  outline: 0;
}
* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.cm-element {
  clear: both;
  transition: color .1s ease-out, background-color .2s ease-in 100ms, opacity .2s ease-in 100ms, content .2s ease-in 100ms, -webkit-filter .2s ease-in 100ms;
  transition: color .1s ease-out, background-color .2s ease-in 100ms, opacity .2s ease-in 100ms, filter .2s ease-in 100ms, content .2s ease-in 100ms;
  transition: color .1s ease-out, background-color .2s ease-in 100ms, opacity .2s ease-in 100ms, filter .2s ease-in 100ms, content .2s ease-in 100ms, -webkit-filter .2s ease-in 100ms;
}

.main-wrapper .cm-content,
.main-header .buttons-group-box {
  margin: 0 12px 20px;
}

@media only screen and (min-width: 1024px) {
  .main-wrapper .cm-content,
  .main-header .buttons-group-box {
    margin: 0 0 20px;
  }
}
* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

h1 {
  font-size: 22px;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 13px;
}

@media only screen and (max-width: 600px) {
  h1 {
    font-size: 18px;
  }

  h2 {
    font-size: 16px;
  }

  h3 {
    font-size: 14px;
  }

  h4 {
    font-size: 14px;
  }

  h5 {
    font-size: 14px;
  }

  h6 {
    font-size: 14px;
  }
}
* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.main-wrapper,
.message-container {
  margin: 0 auto;
  max-width: 1000px;
  position: relative;
  width: 100%;
}

.main-wrapper:after,
.message-container:after {
  clear: both;
  content: '';
  display: table;
}

body {
  background-attachment: fixed;
  background-color: ;
  background-position: center top;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 1024px) {
  body {
    background-image: none;
  }
}

.main-content {
  width: 100%;
}

@media only screen and (min-width: 601px) and (max-width: 1024px) {
  .main-content.large-18 {
    width: 100%;
  }
}

@media only screen and (min-width: 1025px) {
  .main-content.main-content-with-sidebar {
    float: right;
    width: 75%;
  }
}

.sidebar {
  height: 0;
  visibility: hidden;
}

@media only screen and (min-width: 601px) {
  .sidebar {
    height: auto;
    visibility: visible;
  }
}

@media only screen and (min-width: 1025px) {
  .sidebar {
    float: right;
    margin-right: 4%;
    width: 21%;
  }
}

[inline-svg] svg {
  height: 100%;
  width: 100%;
}
.iobserver-fade-in {
  -webkit-animation-duration: .7s;
          animation-duration: .7s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0, 0.4, 1);
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OX-hpKKSTj5PW.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OVuhpKKSTj5PW.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXuhpKKSTj5PW.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUehpKKSTj5PW.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXehpKKSTj5PW.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXOhpKKSTj5PW.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUuhpKKSTjw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01m4X0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5UYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAoX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEEYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSg7aC6SjiAOpAWOKfJDfVRY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShdwxCXfZpKo5kWAx_74bHs.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSp6vnaPZw6nYDxM4SVEMFKg.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSvy1_HTwRwgtl1cPga3Fy3Y.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSvgrLsWo7Jk1KvZser0olKY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSojoYw3YTyktCCer_ilOlhE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBvZraR2Tg8w2lzm7kLNL0-w.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBl4sYYdJg5dU2qzJEVSuta0.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBlBW26QxpSj-_ZKm_xT4hWw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBgt_Rm691LTebKfY2ZkKSmI.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBtDiNsR5a-9Oe_Ivpu8XWlY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBqE8kM4xWR1_1bYURRojRGc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBogp9Q8gbYrhqGlRav_IXfk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
  font-family: 'fontello';
  src: url(/resources/assets/other/c20ab09d16064e08e973d892838ca7bf-fontello.eot);
  src: url(/resources/assets/other/c20ab09d16064e08e973d892838ca7bf-fontello.eot#iefix) format('embedded-opentype'),
       url(/resources/assets/other/eb08d395ffc350824ce3d0560bca792c-fontello.woff2) format('woff2'),
       url(/resources/assets/other/186bb665256569e1f42eb4e54500e25a-fontello.woff) format('woff'),
       url(/resources/assets/other/59196c50d2fd693e9ef9cc5aa33304c2-fontello.ttf) format('truetype'),
       url(/resources/assets/other/46661d6d65debc63884004fed6e37e5c-fontello.svg#fontello) format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?39646102#fontello') format('svg');
  }
}
*/
 
 [class^="fontello-"]:before, [class*=" fontello-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  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;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* 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;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.fontello-th-1:before { content: '\E800'; } /* '' */
.fontello-cancel-circled2:before { content: '\E801'; } /* '' */
.fontello-cancel-circled:before { content: '\E802'; } /* '' */
.fontello-angle-circled-left:before { content: '\E803'; } /* '' */
.fontello-angle-circled-right:before { content: '\E804'; } /* '' */
.fontello-angle-circled-up:before { content: '\E805'; } /* '' */
.fontello-angle-circled-down:before { content: '\E806'; } /* '' */
.fontello-info-circled:before { content: '\E807'; } /* '' */
.fontello-ok:before { content: '\E808'; } /* '' */
.fontello-clock:before { content: '\E809'; } /* '' */
.fontello-pencil:before { content: '\E80A'; } /* '' */
.fontello-trash:before { content: '\E80B'; } /* '' */
.fontello-facebook-squared:before { content: '\E80C'; } /* '' */
.fontello-facebook-squared-1:before { content: '\E80D'; } /* '' */
.fontello-cancel:before { content: '\E80E'; } /* '' */
.fontello-clock-1:before { content: '\E80F'; } /* '' */
.fontello-menu:before { content: '\E810'; } /* '' */
.fontello-zoom-in:before { content: '\E811'; } /* '' */
.fontello-menu-1:before { content: '\E812'; } /* '' */
.fontello-th-thumb:before { content: '\E813'; } /* '' */
.fontello-th-thumb-empty:before { content: '\E814'; } /* '' */
.fontello-th-list:before { content: '\E815'; } /* '' */
.fontello-th-large:before { content: '\E816'; } /* '' */
.fontello-search:before { content: '\E817'; } /* '' */
.fontello-video-alt:before { content: '\E818'; } /* '' */
.fontello-help-circled:before { content: '\E819'; } /* '' */
.fontello-ok-circled:before { content: '\E81A'; } /* '' */
.fontello-spin5:before { content: '\E81B'; } /* '' */
.fontello-angle-down:before { content: '\E81C'; } /* '' */
.fontello-angle-up:before { content: '\E81D'; } /* '' */
.fontello-angle-right:before { content: '\E81E'; } /* '' */
.fontello-angle-left:before { content: '\E81F'; } /* '' */
.fontello-dot-3:before { content: '\E820'; } /* '' */
.fontello-user:before { content: '\E821'; } /* '' */
.fontello-basket:before { content: '\E822'; } /* '' */
.fontello-googleplus:before { content: '\E823'; } /* '' */
.fontello-gplus:before { content: '\E824'; } /* '' */
.fontello-youtube-squared:before { content: '\E825'; } /* '' */
.fontello-youtube:before { content: '\E826'; } /* '' */
.fontello-twitter:before { content: '\E827'; } /* '' */
.fontello-pinterest-circled:before { content: '\E828'; } /* '' */
.fontello-pinterest:before { content: '\E829'; } /* '' */
.fontello-instagram:before { content: '\E82A'; } /* '' */
.fontello-gplus-squared:before { content: '\E82B'; } /* '' */
.fontello-twitter-squared:before { content: '\E82C'; } /* '' */
.fontello-pinterest-squared:before { content: '\E82D'; } /* '' */
.fontello-menu-outline:before { content: '\E82E'; } /* '' */
.fontello-truck:before { content: '\E82F'; } /* '' */
.fontello-post:before { content: '\E830'; } /* '' */
.fontello-phone-squared:before { content: '\E831'; } /* '' */
.fontello-chat-empty:before { content: '\E832'; } /* '' */
.fontello-tags:before { content: '\E833'; } /* '' */
.fontello-lock:before { content: '\E834'; } /* '' */
.fontello-phone:before { content: '\E835'; } /* '' */
.fontello-mail:before { content: '\E836'; } /* '' */
.fontello-info:before { content: '\E837'; } /* '' */
.fontello-star:before { content: '\E838'; } /* '' */
.fontello-whatsapp:before { content: '\E839'; } /* '' */
.fontello-facebook-official:before { content: '\E83A'; } /* '' */
.fontello-blogger-rect:before { content: '\E83B'; } /* '' */
.fontello-right-dir:before { content: '\E83C'; } /* '' */
.fontello-location:before { content: '\E83D'; } /* '' */
.fontello-cancel-1:before { content: '\E83E'; } /* '' */
.fontello-left-open:before { content: '\E83F'; } /* '' */
.fontello-right-open:before { content: '\E840'; } /* '' */
.fontello-globe:before { content: '\E841'; } /* '' */
.fontello-attention-circled:before { content: '\E842'; } /* '' */
.fontello-comment:before { content: '\E843'; } /* '' */
.fontello-down-open-big:before { content: '\E844'; } /* '' */
.fontello-up-open-big:before { content: '\E845'; } /* '' */
.fontello-heart:before { content: '\E846'; } /* '' */
.fontello-right-big:before { content: '\E847'; } /* '' */
.fontello-chat:before { content: '\E848'; } /* '' */
.fontello-emo-happy:before { content: '\E849'; } /* '' */
.fontello-emo-unhappy:before { content: '\E84A'; } /* '' */
.fontello-eye:before { content: '\E84B'; } /* '' */
.fontello-eye-off:before { content: '\E84C'; } /* '' */
.fontello-download-alt:before { content: '\E84D'; } /* '' */
.fontello-neutral:before { content: '\E84E'; } /* '' */
.fontello-male:before { content: '\E84F'; } /* '' */
.fontello-female:before { content: '\E850'; } /* '' */
.fontello-plus-circled:before { content: '\E851'; } /* '' */
.fontello-right-circled:before { content: '\F0A9'; } /* '' */
.fontello-filter:before { content: '\F0B0'; } /* '' */
.fontello-info-1:before { content: '\F129'; } /* '' */
.fontello-file-pdf:before { content: '\F1C1'; } /* '' */
/*
   Animation example, for spinners
*/
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

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

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

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

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

body {
  font-family: Open Sans, Helvetica Neue, Helvetica, Roboto, sans-serif;
}
* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

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

@media only screen and (min-width: 768px) {
  .main-header {
    margin: 0 0 15px;
  }
}

.main-header .buttons-group-box {
  display: none;
}

.page-type-static .main-header .buttons-group-box {
  display: block;
  margin-bottom: 0;
  margin-top: 10px;
}

@media only screen and (min-width: 768px) {
  .page-type-static .main-header .buttons-group-box {
    margin-bottom: -15px;
  }
}
.header-cookie-info-box {
  background-color: #666666;
  bottom: 0;
  position: fixed;
  width: 100%;
  z-index: 2000;
}

.header-cookie-info-box .cookie-container {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1000px;
  min-height: 36px;
  padding: 12px 12px;
  position: relative;
}

.header-cookie-info-box .cookie-container .cookie-text-block {
  color: #f3f3f3;
  display: flex;
  font-size: 16px;
}

.header-cookie-info-box .cookie-container .cookie-text-block a {
  color: #ffffff;
  text-decoration: underline;
}

.header-cookie-info-box .cookie-container .cookie-text-block p {
  margin: auto 0;
  padding-right: 15px;
}

.header-cookie-info-box .cookie-container .cookie-text-block ul {
  list-style-type: disc;
  margin-bottom: 0;
}

.header-cookie-info-box .cookie-container .cookie-close {
  border: 2px solid #ffffff;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  font-size: 16px;
  line-height: 36px;
  min-width: 30px;
  padding: 0 10px;
}

.header-cookie-info-box .cookie-container .cookie-close span {
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
  .header-cookie-info-box .cookie-container {
    flex-direction: column;
  }

  .header-cookie-info-box .cookie-container .cookie-close {
    justify-content: center;
    margin-top: 10px;
    width: 100%;
  }
}

@media only screen and (min-width: 1024px) {
  .header-cookie-info-box .cookie-container {
    padding: 12px 0;
  }
}
.header-common-info-box {
  color: #666666;
  font-size: 12px;
}

.header-common-info-box .common-info-top-panel {
  background-color: #eeeeee;
}

.header-common-info-box .common-info-top-panel-content {
  height: 32px;
  line-height: 32px;
  margin: 0 auto;
  max-width: 1000px;
  padding: 0 12px;
  position: relative;
}

.header-common-info-box .common-info-top-panel-content .common-info-toggle-button {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: block;
  font-weight: bold;
  position: absolute;
  right: 12px;
  text-align: right;
}

.header-common-info-box .common-info-top-panel-content .common-info-toggle-button .fontello-down-open-big {
  font-size: 13px;
  margin-left: 5px;
}

.header-common-info-box .common-info-top-panel-content .common-info-items {
  display: flex;
  justify-content: space-around;
  width: calc(100% - 110px);
}

.header-common-info-box .common-info-top-panel-content .common-info-items .common-info-item {
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  margin: 4px 12px 4px 0;
  overflow: hidden;
  position: relative;
}

.header-common-info-box .common-info-top-panel-content .common-info-items .common-info-item .text-mobile {
  display: none;
}

.header-common-info-box .common-info-top-panel-content .common-info-items .common-info-item i {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  float: left;
  height: 100%;
  margin-right: 5px;
}

.header-common-info-box .common-info-top-panel-content .common-info-items .common-info-item.common-info-phone i {
  background-image: url(/resources/assets/other/5e35b53bb1df6e411044b2860eb8e755-icon_phone.svg);
  width: 12px;
}

.header-common-info-box .common-info-top-panel-content .common-info-items .common-info-item.common-info-delivery i {
  background-image: url(//windeln-assets.windeln-static.net/content/1000.WgLDhTauMUcF1eAu/delivery.svg);
  width: 22px;
}

.header-common-info-box .common-info-top-panel-content .common-info-items .common-info-item.common-info-alipay i {
  background-image: url(/resources/assets/other/59712cc9a2e5c229d1f03385982de508-icon_alipay.svg);
  width: 22px;
}

.header-common-info-box .common-info-top-panel-content .common-info-items .common-info-item.common-info-brand-authentication i {
  background-image: url(/resources/assets/other/64f645dcf456e9f30bea72518e7ff873-icon_brand.svg);
  width: 22px;
}

.header-common-info-box .common-info-top-panel-content .common-info-items .common-info-item.common-info-support i {
  background-image: url(/resources/assets/other/5b4da04190427f3a868cf363e7117342-icon_support.svg);
  width: 22px;
}

.header-common-info-box .common-info-container {
  display: none;
  margin: 0 auto;
  max-width: 1000px;
  padding: 0 12px;
}

.header-common-info-box .common-info-container .common-info-description {
  margin: 20px 0;
  overflow: hidden;
  position: relative;
}

.header-common-info-box .common-info-container .common-info-description .common-info-title {
  color: #666666;
  font-size: 15px;
  font-weight: bold;
}

.header-common-info-box .common-info-container .common-info-description .common-info-text ul {
  list-style-type: disc;
  padding-left: 20px;
}

.header-common-info-box .common-info-container .common-info-description .common-info-text a {
  color: #5394b0;
  text-decoration: underline;
}

@media only screen and (min-width: 601px) {
  .header-common-info-box .common-info-container .common-info-description {
    padding-left: calc(30% + 15px);
  }

  .header-common-info-box .common-info-container .common-info-description:before {
    bottom: auto;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: 30%;
    z-index: 0;
    background-image: url(//windeln-assets.windeln-static.net/content/1000.WgLDmTauMUcF1eAw/descrioption.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

@media only screen and (min-width: 1024px) {
  .header-common-info-box .common-info-top-panel-content {
    padding: 0;
  }

  .header-common-info-box .common-info-top-panel-content .common-info-toggle-button {
    right: 0;
  }

  .header-common-info-box .common-info-container {
    padding: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .header-common-info-box .common-info-top-panel-content .common-info-items .common-info-item {
    font-size: 12px;
  }
}

@media only screen and (max-width: 767px) {
  .header-common-info-box .common-info-top-panel-content .common-info-items {
    width: calc(100% - 40px);
  }

  .header-common-info-box .common-info-top-panel-content .common-info-items .common-info-item .text-mobile,
  .header-common-info-box .common-info-top-panel-content .common-info-toggle-button .text-mobile {
    display: inline-block;
  }

  .header-common-info-box .common-info-top-panel-content .common-info-items .common-info-item .text,
  .header-common-info-box .common-info-top-panel-content .common-info-toggle-button .text {
    display: none;
  }

  .header-common-info-box .common-info-container {
    font-size: 12px;
  }

  .header-common-info-box .common-info-container .common-info-description .common-info-title {
    font-size: 13px;
  }
}

@media only screen and (max-width: 419px) {
  .header-common-info-box .common-info-top-panel-content .common-info-items {
    font-size: 10px;
    width: calc(100% - 30px);
  }
}
.header-shops-container {
  display: flex;
  justify-content: flex-end;
  padding: 0 12px;
}

@media only screen and (min-width: 1024px) {
  .header-shops-container {
    padding: 0;
  }
}

.header-shops {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .header-shops {
    margin-right: -7px;
  }
}

@media only screen and (min-width: 768px) {
  .header-shops {
    display: block;
    position: relative;
    z-index: 210;
  }

  .header-shops:after {
    clear: both;
    content: '';
    display: table;
  }

  .header-shops .header-shop-title {
    background-color: #ffffff;
    color: #999999;
    cursor: pointer;
    display: block;
    font-size: 13px;
    line-height: 36px;
    padding: 0 50px 0 10px;
    position: relative;
    transition: all 0.2s ease-in;
  }

  .header-shops .header-shop-title:after {
    border: solid #666666;
    border-width: 0 1px 1px 0;
    display: inline-block;
    height: 0;
    padding: 4px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 66.66667% 66.66667%;
            transform-origin: 66.66667% 66.66667%;
    width: 0;
    bottom: auto;
    content: '';
    display: block;
    height: 0;
    left: auto;
    position: absolute;
    right: calc(10px + 4px);
    top: calc(50% - 4px - 4px / 2);
    width: 0;
    z-index: 0;
    pointer-events: none;
    transition: all 0.2s ease-in;
  }

  .header-shops .our-shops-flyout {
    bottom: auto;
    display: block;
    height: auto;
    left: auto;
    position: absolute;
    right: 0;
    top: 100%;
    width: 430px;
    opacity: 0;
    visibility: hidden;
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    padding: 20px 25px 25px;
    transition: all 0.2s ease-in;
  }

  .header-shops .our-shops-flyout:after {
    bottom: -2px;
    content: '';
    display: block;
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -2px;
    width: calc(100% + 4px);
    z-index: 0;
    border: 1px solid #ffffff;
    pointer-events: none;
    z-index: 0;
  }

  .header-shops .our-shops-flyout h3 {
    color: #5394b0;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 0;
  }

  .header-shops .our-shops-flyout .our-shops-container {
    padding: 15px 0 0;
  }

  .header-shops .our-shops-flyout .this-shop-container {
    align-items: center;
    display: flex;
    margin-bottom: 25px;
  }

  .header-shops .our-shops-flyout .this-shop-logo {
    width: 40%;
  }

  .header-shops .our-shops-flyout .this-shop-logo img {
    width: 100%;
  }

  .header-shops .our-shops-flyout .this-shop-description {
    padding-left: 30px;
    width: 60%;
  }

  .header-shops .our-shops-flyout .list-our-shops p {
    margin: 0;
    padding: 0;
  }

  .header-shops .our-shops-flyout .list-our-shops p a {
    color: #5394b0;
  }

  .header-shops.expand-our-shops .header-shop-title {
    background-color: #bc0e5e;
    color: #ffffff;
  }

  .header-shops.expand-our-shops .header-shop-title:after {
    border-color: #ffffff;
  }

  .header-shops.expand-our-shops .our-shops-flyout {
    opacity: 1;
    visibility: visible;
  }
}
.header-search-form {
  display: block;
  position: relative;
}

.header-search-form .header-search-field {
  position: relative;
  text-align: left;
  width: 100%;
}

.header-search-form .header-search-field input,
.header-search-form .header-search-field input:focus {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #cccccc;
  border-radius: 0;
  border-right: 0;
  height: 36px;
  margin: 0;
  padding: 0 70px 0 10px;
  width: 100%;
}

.header-search-form .header-search-field input::-webkit-input-placeholder,
.header-search-form .header-search-field input:focus::-webkit-input-placeholder {
  color: #cccccc;
}

.header-search-form .header-search-field input:-ms-input-placeholder,
.header-search-form .header-search-field input:focus:-ms-input-placeholder {
  color: #cccccc;
}

.header-search-form .header-search-field input::placeholder,
.header-search-form .header-search-field input:focus::placeholder {
  color: #cccccc;
}

.header-search-form .header-search-field .header-search-field-loupe-icon {
  display: none;
}

.header-search-form .header-search-cancel-button {
  cursor: pointer;
  display: block;
  height: 12px;
  position: relative;
  transition: -webkit-transform .25s ease-in-out;
  transition: transform .25s ease-in-out;
  transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
  width: 12px;
  display: none;
  padding: 18px;
  position: absolute;
  right: 36px;
  z-index: 1;
}

.header-search-form .header-search-cancel-button:before,
.header-search-form .header-search-cancel-button:after {
  border-top: 1px solid #666666;
  bottom: 0;
  content: '';
  display: block;
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 12px;
}

.header-search-form .header-search-cancel-button:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.header-search-form .header-search-cancel-button:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media only screen and (max-width: 767px) {
  .header-search-form .header-search-field input,
  .header-search-form .header-search-field input:focus {
    border: 1px solid #cccccc;
    padding-left: 28px;
    padding-right: 36px;
  }

  .header-search-form .header-search-field .header-search-field-loupe-icon {
    display: block;
  }

  .header-search-form .header-search-field .header-search-field-loupe-icon svg {
    height: 16px;
    left: 8px;
    position: absolute;
    top: 10px;
    width: 16px;
  }

  .header-search-form .header-search-cancel-button {
    right: 80px;
  }

  .header-search-form .header-search-button {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .header-search-form .header-search-button {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-left: 0;
    height: 36px;
    margin: 0;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    width: 36px;
    z-index: 1;
  }

  .header-search-form .header-search-button .search-icon {
    height: 24px;
    width: 100%;
    display: block;
  }
}

@media only screen and (min-width: 768px) {
  .mob-search-close {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .mob-search-close {
    cursor: pointer;
    float: left;
    margin-top: 12px;
    padding: 9px 0;
    text-align: center;
    width: 80px;
  }
}

.toggle-feature-ff-suggest-enabled {
  background-color: #ffffff;
  display: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 1000;
}

.toggle-feature-ff-suggest-enabled.old {
  border-top: 0;
  max-height: 185px;
  overflow: scroll;
}

.toggle-feature-ff-suggest-enabled .search-list-item {
  cursor: pointer;
  line-height: 15px;
  padding: 5px 10px;
  text-align: left;
}

.toggle-feature-ff-suggest-enabled .search-list-item.active {
  background-color: #eeeeee;
}

@media all and (min-width: 768px) {
  .toggle-feature-ff-suggest-enabled.wide {
    width: 620px;
  }

  .toggle-feature-ff-suggest-enabled #ffSuggestContainerWrapper {
    width: 620px;
  }
}

.toggle-feature-ff-suggest-enabled .search-result-items.left,
.toggle-feature-ff-suggest-enabled .search-result-items.right {
  overflow: hidden;
  padding-left: 10px;
  padding-right: 10px;
}

.toggle-feature-ff-suggest-enabled .search-result-items.left {
  float: left;
  padding-right: 10px;
  width: 100%;
}

.toggle-feature-ff-suggest-enabled .search-result-items.left p {
  margin-bottom: 5px;
}

.toggle-feature-ff-suggest-enabled .search-result-items.right {
  float: right;
  width: 100%;
}

.toggle-feature-ff-suggest-enabled .search-result-items a {
  width: 100%;
}

.toggle-feature-ff-suggest-enabled .search-result-items b {
  color: #bc0e5e;
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .toggle-feature-ff-suggest-enabled .search-result-items.left,
  .toggle-feature-ff-suggest-enabled .search-result-items.right {
    overflow: hidden;
    width: 100%;
  }

  .toggle-feature-ff-suggest-enabled .search-result-items .brand-items,
  .toggle-feature-ff-suggest-enabled .search-result-items .categorie-items,
  .toggle-feature-ff-suggest-enabled .search-result-items .search-term-items {
    float: left;
  }

  .toggle-feature-ff-suggest-enabled .search-result-items .brand-items .brand-link,
  .toggle-feature-ff-suggest-enabled .search-result-items .brand-items .categorie-link,
  .toggle-feature-ff-suggest-enabled .search-result-items .brand-items .search-term-link,
  .toggle-feature-ff-suggest-enabled .search-result-items .categorie-items .brand-link,
  .toggle-feature-ff-suggest-enabled .search-result-items .categorie-items .categorie-link,
  .toggle-feature-ff-suggest-enabled .search-result-items .categorie-items .search-term-link,
  .toggle-feature-ff-suggest-enabled .search-result-items .search-term-items .brand-link,
  .toggle-feature-ff-suggest-enabled .search-result-items .search-term-items .categorie-link,
  .toggle-feature-ff-suggest-enabled .search-result-items .search-term-items .search-term-link {
    display: none;
  }

  .toggle-feature-ff-suggest-enabled .search-result-items .brand-items .brand-link:nth-child(-n+5),
  .toggle-feature-ff-suggest-enabled .search-result-items .brand-items .categorie-link:nth-child(-n+5),
  .toggle-feature-ff-suggest-enabled .search-result-items .brand-items .search-term-link:nth-child(-n+5),
  .toggle-feature-ff-suggest-enabled .search-result-items .categorie-items .brand-link:nth-child(-n+5),
  .toggle-feature-ff-suggest-enabled .search-result-items .categorie-items .categorie-link:nth-child(-n+5),
  .toggle-feature-ff-suggest-enabled .search-result-items .categorie-items .search-term-link:nth-child(-n+5),
  .toggle-feature-ff-suggest-enabled .search-result-items .search-term-items .brand-link:nth-child(-n+5),
  .toggle-feature-ff-suggest-enabled .search-result-items .search-term-items .categorie-link:nth-child(-n+5),
  .toggle-feature-ff-suggest-enabled .search-result-items .search-term-items .search-term-link:nth-child(-n+5) {
    display: block;
  }

  .toggle-feature-ff-suggest-enabled .search-result-items .brand-items,
  .toggle-feature-ff-suggest-enabled .search-result-items .search-term-items {
    width: 35%;
  }

  .toggle-feature-ff-suggest-enabled .search-result-items .categorie-items {
    width: 65%;
  }

  .toggle-feature-ff-suggest-enabled .search-result-items .categorie-items p {
    padding-right: 5px;
  }
}

.toggle-feature-ff-suggest-enabled .search-result-items .headline {
  font-size: 15px;
  font-weight: 400;
}

.toggle-feature-ff-suggest-enabled .search-result-items .search-result-product {
  border-bottom: 1px solid #cccccc;
  min-height: 65px;
  overflow: hidden;
  padding: 5px 0;
}

.toggle-feature-ff-suggest-enabled .search-result-items .search-result-product .search-item-to-cart {
  display: none;
}

.toggle-feature-ff-suggest-enabled .search-result-items .search-item-image {
  float: left;
  text-align: center;
  width: 15%;
}

.toggle-feature-ff-suggest-enabled .search-result-items .search-item-image img {
  max-height: 45px;
}

.toggle-feature-ff-suggest-enabled .search-result-items .search-item-data {
  float: left;
  padding-left: 10px;
  width: 80%;
}

.toggle-feature-ff-suggest-enabled .search-result-items .search-item-data p {
  margin: 0;
}

.toggle-feature-ff-suggest-enabled .search-result-items .search-item-data .product-name {
  color: #999999;
}

.toggle-feature-ff-suggest-enabled .search-result-items .search-item-data .price-per-unit {
  color: #999999;
  display: none;
}

.toggle-feature-ff-suggest-enabled .search-result-items .check-all-products {
  cursor: pointer;
  float: right;
  margin: 10px;
}

@media only screen and (max-width: 767px) {
  .toggle-feature-ff-suggest-enabled .search-result-items .check-all-products {
    align-items: center;
    display: flex;
    font-size: 16px;
    justify-content: center;
    width: 100%;
  }
}

.toggle-feature-ff-suggest-enabled .style-scope {
  background-color: #ffffff;
}

.toggle-feature-ff-suggest-enabled .style-scope .ff-suggest {
  border: 1px solid #cccccc;
}

.toggle-feature-ff-suggest-enabled .style-scope .ff-suggest ff-suggest-item .query {
  color: #bc0e5e;
  font-weight: 600;
}

.toggle-feature-ff-suggest-enabled .style-scope .blockLayout {
  display: block;
}

.toggle-feature-ff-suggest-enabled .style-scope .blockLayout .searchTermContainer {
  float: left;
  width: 40%;
}

.toggle-feature-ff-suggest-enabled .style-scope .blockLayout .productsContainer {
  float: right;
  width: 60%;
}

.toggle-feature-ff-suggest-enabled .style-scope .listLayout .searchTermContainer {
  width: 100%;
}

.toggle-feature-ff-suggest-enabled .style-scope .listLayout .productsContainer {
  width: 100%;
}

.toggle-feature-ff-suggest-enabled .style-scope .ff-highlight-suggest-item {
  background-color: #cccccc;
}

@media only screen and (max-width: 767px) {
  .toggle-feature-ff-suggest-enabled .style-scope {
    width: 100vw;
  }

  .toggle-feature-ff-suggest-enabled .style-scope .brand-items,
  .toggle-feature-ff-suggest-enabled .style-scope .category-items,
  .toggle-feature-ff-suggest-enabled .style-scope .search-term-items {
    margin-right: 5px;
  }
}

.toggle-feature-ff-suggest-disabled {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  display: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 1000;
}

.toggle-feature-ff-suggest-disabled.old {
  border-top: 0;
  max-height: 185px;
  overflow: scroll;
}

.toggle-feature-ff-suggest-disabled .search-list-item {
  cursor: pointer;
  line-height: 15px;
  padding: 5px 10px;
  text-align: left;
}

.toggle-feature-ff-suggest-disabled .search-list-item.active {
  background-color: #eeeeee;
}

.toggle-feature-ff-suggest-disabled:not(.old) {
  overflow-y: scroll;
  padding: 0 5px;
  width: 100%;
}

@media all and (min-width: 768px) {
  .toggle-feature-ff-suggest-disabled:not(.old) {
    width: 30%;
  }

  .toggle-feature-ff-suggest-disabled:not(.old).wide {
    width: 620px;
  }
}

.toggle-feature-ff-suggest-disabled .search-result-items.left,
.toggle-feature-ff-suggest-disabled .search-result-items.right {
  float: left;
  overflow: hidden;
  padding-left: 10px;
  padding-right: 10px;
}

.toggle-feature-ff-suggest-disabled .search-result-items.left {
  padding-right: 10px;
  width: 40%;
}

.toggle-feature-ff-suggest-disabled .search-result-items.left p {
  margin-bottom: 5px;
}

.toggle-feature-ff-suggest-disabled .search-result-items.right {
  width: 60%;
}

.toggle-feature-ff-suggest-disabled .search-result-items a {
  width: 100%;
}

.toggle-feature-ff-suggest-disabled .search-result-items b {
  color: #bc0e5e;
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .toggle-feature-ff-suggest-disabled .search-result-items.left,
  .toggle-feature-ff-suggest-disabled .search-result-items.right {
    overflow: hidden;
    width: 100%;
  }

  .toggle-feature-ff-suggest-disabled .search-result-items .brand-items,
  .toggle-feature-ff-suggest-disabled .search-result-items .categorie-items,
  .toggle-feature-ff-suggest-disabled .search-result-items .search-term-items {
    float: left;
  }

  .toggle-feature-ff-suggest-disabled .search-result-items .brand-items .brand-link,
  .toggle-feature-ff-suggest-disabled .search-result-items .brand-items .categorie-link,
  .toggle-feature-ff-suggest-disabled .search-result-items .brand-items .search-term-link,
  .toggle-feature-ff-suggest-disabled .search-result-items .categorie-items .brand-link,
  .toggle-feature-ff-suggest-disabled .search-result-items .categorie-items .categorie-link,
  .toggle-feature-ff-suggest-disabled .search-result-items .categorie-items .search-term-link,
  .toggle-feature-ff-suggest-disabled .search-result-items .search-term-items .brand-link,
  .toggle-feature-ff-suggest-disabled .search-result-items .search-term-items .categorie-link,
  .toggle-feature-ff-suggest-disabled .search-result-items .search-term-items .search-term-link {
    display: none;
  }

  .toggle-feature-ff-suggest-disabled .search-result-items .brand-items .brand-link:nth-child(-n+5),
  .toggle-feature-ff-suggest-disabled .search-result-items .brand-items .categorie-link:nth-child(-n+5),
  .toggle-feature-ff-suggest-disabled .search-result-items .brand-items .search-term-link:nth-child(-n+5),
  .toggle-feature-ff-suggest-disabled .search-result-items .categorie-items .brand-link:nth-child(-n+5),
  .toggle-feature-ff-suggest-disabled .search-result-items .categorie-items .categorie-link:nth-child(-n+5),
  .toggle-feature-ff-suggest-disabled .search-result-items .categorie-items .search-term-link:nth-child(-n+5),
  .toggle-feature-ff-suggest-disabled .search-result-items .search-term-items .brand-link:nth-child(-n+5),
  .toggle-feature-ff-suggest-disabled .search-result-items .search-term-items .categorie-link:nth-child(-n+5),
  .toggle-feature-ff-suggest-disabled .search-result-items .search-term-items .search-term-link:nth-child(-n+5) {
    display: block;
  }

  .toggle-feature-ff-suggest-disabled .search-result-items .brand-items,
  .toggle-feature-ff-suggest-disabled .search-result-items .search-term-items {
    width: 35%;
  }

  .toggle-feature-ff-suggest-disabled .search-result-items .categorie-items {
    width: 65%;
  }

  .toggle-feature-ff-suggest-disabled .search-result-items .categorie-items p {
    padding-right: 5px;
  }
}

.toggle-feature-ff-suggest-disabled .search-result-items .headline {
  font-size: 15px;
  font-weight: 400;
}

.toggle-feature-ff-suggest-disabled .search-result-items .search-result-product {
  min-height: 65px;
  overflow: hidden;
  padding: 5px 0;
}

.toggle-feature-ff-suggest-disabled .search-result-items .search-result-product:not(:last-child) {
  border-bottom: 1px solid #cccccc;
}

.toggle-feature-ff-suggest-disabled .search-result-items .search-result-product .search-item-to-cart {
  display: none;
}

.toggle-feature-ff-suggest-disabled .search-result-items .search-item-image {
  float: left;
  text-align: center;
  width: 15%;
}

.toggle-feature-ff-suggest-disabled .search-result-items .search-item-image img {
  max-height: 45px;
}

.toggle-feature-ff-suggest-disabled .search-result-items .search-item-data {
  float: left;
  padding-left: 10px;
  width: 80%;
}

.toggle-feature-ff-suggest-disabled .search-result-items .search-item-data p {
  margin: 0;
}

.toggle-feature-ff-suggest-disabled .search-result-items .search-item-data .product-name {
  color: #999999;
}

.toggle-feature-ff-suggest-disabled .search-result-items .search-item-data .price-per-unit {
  color: #999999;
  display: none;
}

.toggle-feature-ff-suggest-disabled .search-result-items .check-all-products {
  cursor: pointer;
  float: right;
  margin-top: 15px;
}

.search-icon-fill {
  fill: #666666;
}

@media only screen and (min-width: 768px) {
  .search-icon-fill {
    fill: #bc0e5e;
  }
}
.header-reduced {
  padding-top: 10px;
}

.header-reduced:after {
  clear: both;
  content: '';
  display: table;
}

@media only screen and (max-width: 1023px) {
  .header-reduced {
    padding: 10px 12px;
  }
}

.header-reduced .main-logo-container {
  float: left;
  width: 50%;
}

@media only screen and (min-width: 1024px) {
  .header-reduced .main-logo-container {
    bottom: auto;
    float: left;
    max-width: 250px;
    padding: 0;
    position: relative;
    width: 25%;
  }
}

.header-reduced .comodo-block {
  float: right;
  height: 100%;
  max-height: 50px;
  max-width: 160px;
  width: 30%;
}

@media only screen and (min-width: 1024px) {
  .header-reduced .comodo-block {
    width: 25%;
  }
}

.header-reduced .comodo-block span {
  padding-top: 33.33333%;
  position: relative;
  background-image: url(/resources/assets/other/fa9171665441ebf750f4352a6f49efd3-comodo_logo.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  font-size: 0;
}

.header-reduced .middle-part-reduced-header {
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 0;
}

.header-reduced .middle-part-reduced-header span {
  display: inline-block;
  font-size: 15px;
  line-height: 30px;
  position: static;
}

.header-reduced .middle-part-reduced-header span i {
  font-style: normal;
}

@media only screen and (min-width: 768px) {
  .header-reduced .middle-part-reduced-header span {
    bottom: -30px;
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    right: auto;
    top: auto;
    width: 100%;
    padding-left: 25%;
    padding-right: 25%;
    text-align: center;
  }
}
.header-navigation-box .second-level-li.promotion-banners,
.header-main-box .second-level-li.promotion-banners {
  display: block;
}

.header-navigation-box .second-level-li.promotion-banners .third-level-li a,
.header-main-box .second-level-li.promotion-banners .third-level-li a {
  margin-bottom: 15px;
}

.header-navigation-box .second-level-li.promotion-banners .third-level-li a[href=''],
.header-main-box .second-level-li.promotion-banners .third-level-li a[href=''] {
  cursor: default;
}

.header-navigation-box .second-level-li.promotion-banners .third-level-li .third-level-image-container img,
.header-main-box .second-level-li.promotion-banners .third-level-li .third-level-image-container img {
  width: 100%;
}

.header-navigation-box .second-level-li.promotion-banners .third-level-li .third-level-menu-text,
.header-main-box .second-level-li.promotion-banners .third-level-li .third-level-menu-text {
  display: none;
}

@media only screen and (max-width: 1023px) {
  .header-navigation-box .second-level-li.promotion-banners,
  .header-main-box .second-level-li.promotion-banners {
    display: none;
  }
}
.header-main-box {
  margin: 0 auto;
  max-width: 1000px;
  padding-top: 10px;
}

@media only screen and (max-width: 767px) {
  .header-main-box {
    padding-top: 0;
  }
}

.header-main-box .mob-nav-location-detector {
  clear: both;
  height: 0;
  width: 100%;
}

@media only screen and (min-width: 1024px) {
  .header-main-box .mob-nav-location-detector {
    left: 0;
    pointer-events: none;
    position: absolute;
    z-index: -1;
  }
}

.header-info-block {
  align-items: center;
  display: flex;
  flex-direction: row;
  float: right;
  justify-content: flex-end;
  padding-right: 15px;
  width: 21%;
}

@media only screen and (max-width: 767px) {
  .header-info-block {
    padding-right: 6px;
    position: relative;
    width: 60%;
    z-index: 1;
  }
}

.header-info-and-mob-nav {
  clear: both;
  display: flex;
  flex-wrap: wrap;
  padding: 5px 12px;
  transition: -webkit-transform .25s linear;
  transition: transform .25s linear;
  transition: transform .25s linear, -webkit-transform .25s linear;
}

.header-info-and-mob-nav:after {
  clear: both;
  content: '';
  display: table;
}

@media only screen and (min-width: 1024px) {
  .header-info-and-mob-nav {
    padding: 10px 0  0;
  }
}

@media only screen and (max-width: 1023px) {
  .header-info-and-mob-nav {
    border-bottom: 1px solid #cccccc;
  }

  .header-info-and-mob-nav.fixed-nav-panel {
    background-color: #ffffff;
    border-bottom: 1px solid #cccccc;
    max-width: 1000px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
  }
}

.header-info-inner {
  position: relative;
  z-index: 200;
}

.header-search-container {
  margin: 10px 2% 0;
  width: 45%;
}

@media only screen and (max-width: 767px) {
  .header-search-container {
    height: 60px;
    width: 100%;
    align-items: center;
    background-color: #f3f3f3;
    left: 0;
    margin: 0;
    order: 3;
    padding-left: 12px;
    position: fixed;
    top: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    z-index: 2;
  }

  .fixed-nav-panel .header-search-container:after {
    bottom: -1px;
    content: '';
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    right: auto;
    top: auto;
    width: 100%;
    z-index: 0;
    border-bottom: 1px solid #cccccc;
  }

  .header-search-container:after {
    bottom: -1px;
    content: '';
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: auto;
    width: 100%;
    z-index: 0;
    border-bottom: 1px solid #cccccc;
  }

  .header-search-container .header-search-form {
    float: left;
    margin-top: 12px;
    position: static;
    width: calc(100% - 80px);
  }
}

@media only screen and (max-width: 767px) {
  .state-search-open {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }

  .state-search-open .mob-hidden-close-search {
    bottom: auto;
    left: -40px;
    position: absolute;
    right: auto;
    top: 0;
    width: 40px;
    background-color: transparent;
    cursor: pointer;
    display: block;
    height: 100%;
  }
}

.main-logo-container {
  height: 50px;
  width: 30%;
}

.main-logo-container a {
  display: block;
  height: 100%;
  position: relative;
}

.main-logo-container a span {
  align-items: center;
  display: flex;
  height: 100%;
  left: 0;
  position: absolute;
  transition: opacity .25s linear;
  width: 100%;
}

.main-logo-container a img {
  max-height: 100%;
  max-width: 100%;
}

.main-logo-container a .main-logo-small {
  opacity: 0;
  visibility: hidden;
}

@media only screen and (max-width: 767px) {
  .main-logo-container {
    width: 40%;
  }
}

@media only screen and (max-width: 480px) {
  .fixed-nav-panel .main-logo-container .main-logo {
    opacity: 0;
    visibility: hidden;
  }

  .fixed-nav-panel .main-logo-container .main-logo-small {
    opacity: 1;
    visibility: visible;
  }
}

.ts-logo {
  height: 48px;
  width: 48px;
  background-image: url(/resources/assets/other/85d84212646fcb4350a968d47b6b3c4f-trusted_shop.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .25s linear;
}

@media only screen and (max-width: 1023px) {
  .ts-logo {
    display: none;
  }

  .fixed-nav-panel .ts-logo {
    height: 30px;
    width: 30px;
    display: block;
  }
}
.header-navigation-box .second-level-li.image-boxes-text-block .third-level .third-level-li .third-level-image-container .third-level-image {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.header-navigation-box .second-level-li.image-boxes-text-block .third-level .third-level-li .third-level-image-container .third-level-image > img {
  width: 100%;
}

.header-navigation-box .second-level-li.image-boxes-text-block .third-level .third-level-li .third-level-image-container .third-level-image {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.header-navigation-box .second-level-li.image-boxes-text-block .third-level .third-level-li .third-level-image-container .third-level-image > img {
  width: 100%;
}

.header-navigation-box .second-level-li.image-boxes-text-block .third-level {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  position: relative;
}

.header-navigation-box .second-level-li.image-boxes-text-block .third-level .third-level-li a {
  display: block;
  line-height: 1;
  padding: 15px 0 0;
}

.header-navigation-box .second-level-li.image-boxes-text-block .third-level .third-level-li .third-level-image-container {
  padding-top: 69.9187%;
  position: relative;
  display: block;
}

.header-navigation-box .second-level-li.image-boxes-text-block .third-level .third-level-li .third-level-menu-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #5394b0;
  line-height: 2;
}

@media only screen and (max-width: 1023px) {
  .header-navigation-box .second-level-li.image-boxes-text-block {
    width: 100%;
  }

  .header-navigation-box .second-level-li.image-boxes-text-block .third-level {
    margin: 0 12px;
  }

  .header-navigation-box .second-level-li.image-boxes-text-block .third-level .third-level-li {
    margin: 0 10px 10px 0;
    width: calc((100% - (3 - 1) * 10px) / 3);
  }

  .header-navigation-box .second-level-li.image-boxes-text-block .third-level .third-level-li:nth-of-type(3n + 3),
  .header-navigation-box .second-level-li.image-boxes-text-block .third-level .third-level-li:last-of-type {
    margin-right: 0;
  }

  .header-navigation-box .second-level-li.image-boxes-text-block .third-level .third-level-li:nth-child(4n+4):before {
    bottom: auto;
    content: '';
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: auto;
    width: 100%;
    z-index: 0;
    border-bottom: 1px dotted #5394b0;
  }

  .header-navigation-box .second-level-li.image-boxes-text-block .third-level .third-level-li a {
    border: 0;
    padding: 15px 0 0;
  }

  .header-navigation-box .second-level-li.image-boxes-text-block .third-level .third-level-li .third-level-menu-text {
    font-size: 12px;
    font-weight: normal;
  }
}

@media only screen and (min-width: 1024px) {
  .header-navigation-box .second-level-li.image-boxes-text-block {
    width: 57%;
  }

  .header-navigation-box .second-level-li.image-boxes-text-block .second-level-header {
    color: #5394b0;
    font-size: 21px;
  }

  .header-navigation-box .second-level-li.image-boxes-text-block .third-level .third-level-li {
    margin: 0 10px 10px 0;
    width: calc((100% - (4 - 1) * 10px) / 4);
  }

  .header-navigation-box .second-level-li.image-boxes-text-block .third-level .third-level-li:nth-of-type(4n + 4),
  .header-navigation-box .second-level-li.image-boxes-text-block .third-level .third-level-li:last-of-type {
    margin-right: 0;
  }

  .header-navigation-box .second-level-li.image-boxes-text-block .third-level .third-level-li:nth-child(5n+5):before {
    bottom: auto;
    content: '';
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: auto;
    width: 100%;
    z-index: 0;
    border-bottom: 1px dotted #5394b0;
  }

  .header-navigation-box .second-level-li.image-boxes-text-block .third-level .third-level-li a {
    border: 0;
    padding: 15px 0 0;
  }

  .header-navigation-box .second-level-li.image-boxes-text-block .third-level .third-level-li .third-level-menu-text {
    font-size: 13px;
    font-weight: bold;
  }
}
.header-navigation-box .second-level-li.image-boxes-block .third-level .third-level-li .third-level-image-container .third-level-image {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.header-navigation-box .second-level-li.image-boxes-block .third-level .third-level-li .third-level-image-container .third-level-image > img {
  width: 100%;
}

.header-navigation-box .second-level-li.image-boxes-block .third-level .third-level-li .third-level-image-container .third-level-image {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.header-navigation-box .second-level-li.image-boxes-block .third-level .third-level-li .third-level-image-container .third-level-image > img {
  width: 100%;
}

.header-navigation-box .second-level-li.image-boxes-block {
  background-color: #cccccc;
}

.header-navigation-box .second-level-li.image-boxes-block .third-level {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  position: relative;
}

.header-navigation-box .second-level-li.image-boxes-block .third-level .third-level-li {
  margin: 0 10px 10px 0;
  width: calc((100% - (3 - 1) * 10px) / 3);
  margin-bottom: 0;
  margin-top: 10px;
}

.header-navigation-box .second-level-li.image-boxes-block .third-level .third-level-li:nth-of-type(3n + 3),
.header-navigation-box .second-level-li.image-boxes-block .third-level .third-level-li:last-of-type {
  margin-right: 0;
}

.header-navigation-box .second-level-li.image-boxes-block .third-level .third-level-li a {
  border: 0;
  display: block;
  line-height: 1;
  margin: 0;
  padding: 0;
}

.header-navigation-box .second-level-li.image-boxes-block .third-level .third-level-li .third-level-image-container {
  padding-top: 62.93103%;
  position: relative;
  display: block;
}

.header-navigation-box .second-level-li.image-boxes-block .third-level .third-level-li .third-level-menu-text {
  display: none;
}

@media only screen and (max-width: 1023px) {
  .header-navigation-box .second-level-li.image-boxes-block {
    width: 100%;
  }

  .header-navigation-box .second-level-li.image-boxes-block .third-level {
    margin: 0 12px;
  }
}

@media only screen and (min-width: 1024px) {
  .header-navigation-box .second-level-li.image-boxes-block {
    width: 43%;
  }

  .header-navigation-box .second-level-li.image-boxes-block .second-level-header {
    font-size: 21px;
  }
}
@media only screen and (max-width: 1023px) {
  .main-navigation {
    bottom: 0;
    display: block;
    height: 100%;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    background-color: #f3f3f3;
    font-size: 13px;
    max-width: 290px;
    padding: 15px;
    position: fixed;
    -webkit-transform: translateX(200%);
            transform: translateX(200%);
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    z-index: 251;
  }

  .first-level {
    bottom: 0;
    display: block;
    height: calc(100% - 45px - 80px);
    left: 0;
    position: absolute;
    right: 0;
    top: 45px;
    width: 100%;
    margin: 0;
    overflow-y: auto;
    padding: 0;
  }

  .first-level-li > a {
    display: block;
    padding: 12px 35px 12px 15px;
    position: relative;
  }

  .first-level-li > a span {
    color: #5394b0;
    font-size: 13px;
  }

  .first-level-li.shop-link {
    display: block;
  }

  .first-level-li.shop-link > a {
    height: 32px;
    padding-bottom: 2px;
    padding-top: 2px;
  }

  .first-level-li.shop-link > a img {
    max-height: 100%;
  }

  .first-level-li.active .second-level-container {
    display: block;
  }

  .second-level-container {
    display: none;
    margin: 0;
    padding: 0;
  }

  .second-level-li.active .third-level {
    display: block;
  }

  .second-level-li-main-link > a,
  .second-level-header {
    color: #161616;
    display: block;
    padding: 8px 35px 8px 30px;
  }

  .second-level-header {
    cursor: pointer;
    position: relative;
  }

  .third-level {
    display: none;
    margin: 0;
    padding: 0;
  }

  .third-level-li a {
    display: block;
    padding: 4px 35px 4px 45px;
  }

  .third-level-li a:hover,
  .third-level-li a:focus,
  .third-level-li a:active {
    color: #bc0e5e;
  }

  .opened-mobile-navigation .main-header:before {
    bottom: 0;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0;
    background-color: #161616;
    opacity: .2;
    z-index: 250;
  }

  .opened-mobile-navigation .main-header .main-navigation {
    right: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  .opened-mobile-navigation,
  .opened-mobile-navigation body {
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    position: fixed;
  }

  .close-nav-icon {
    cursor: pointer;
    display: block;
    height: 26px;
    position: relative;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
    width: 26px;
    float: right;
  }

  .close-nav-icon:before,
  .close-nav-icon:after {
    border-top: 2px solid #666666;
    bottom: 0;
    content: '';
    display: block;
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform-origin: center;
            transform-origin: center;
    width: 26px;
  }

  .close-nav-icon:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  .close-nav-icon:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}

@media only screen and (min-width: 1024px) {
  .main-navigation {
    clear: both;
    margin-top: 20px;
    position: relative;
  }

  .close-nav-icon {
    display: none;
  }

  .first-level {
    background-color: #ffffff;
    display: table;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 101;
  }

  .first-level .first-level-li {
    background-color: transparent;
    border: 1px solid #eeeeee;
    border-left: 0;
    border-right-width: 0px;
    display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align: middle;
  }

  .first-level .first-level-li:last-child {
    border-right: 0;
  }

  .first-level .first-level-li > a {
    display: table;
    width: 100%;
    z-index: 2;
  }

  .first-level .first-level-li > a span {
    color: #5394b0;
    display: table-cell;
    font-size: 14px;
    height: auto;
    line-height: 1.4;
    overflow: auto;
    padding: 11px 5px;
    text-align: center;
    vertical-align: middle;
  }

  .first-level .first-level-li.shop-link {
    display: none;
  }

  .first-level .first-level-li:not(.no-second-level):hover .second-level-container,
  .first-level .first-level-li:not(.no-second-level):focus .second-level-container,
  .first-level .first-level-li.active .second-level-container {
    opacity: 0.99;
    visibility: visible;
  }

  .first-level .first-level-li:hover,
  .first-level .first-level-li:focus,
  .first-level .first-level-li.active {
    background-color: ;
    border-color: #eeeeee;
  }

  .first-level .first-level-li:hover > a span,
  .first-level .first-level-li:focus > a span,
  .first-level .first-level-li.active > a span {
    color: #bc0e5e;
  }

  .second-level-container {
    bottom: auto;
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    right: auto;
    top: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    transition: visibility 0.2s ease-in 200ms, opacity 0.2s ease-in 200ms;
    z-index: 1;
  }

  .second-level-container:after {
    bottom: -2px;
    content: '';
    display: block;
    height: calc(100% + 4px);
    left: 0;
    position: absolute;
    right: 0;
    top: -2px;
    width: 100%;
    z-index: 0;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    pointer-events: none;
  }

  .second-level-container .second-level {
    align-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
  }

  .second-level-container .second-level .second-level-li {
    font-size: 13px;
    padding: 12px;
    position: relative;
    width: calc(100% / 5);
  }

  .second-level-container .second-level .second-level-header,
  .second-level-container .second-level .second-level-header a {
    color: #bc0e5e;
    font-size: 13px;
    font-weight: bold;
  }

  .second-level-container .second-level .second-level-li-main-link {
    display: none;
  }

  .third-level {
    margin: 0;
    padding: 10px 0 0;
  }

  .third-level a {
    color: #666666;
    display: block;
    line-height: 1.4;
    margin-bottom: 7px;
  }

  .third-level a:hover {
    color: #bc0e5e;
  }

  .third-level .throw-error {
    color: #cc0000;
  }
}

@media only screen and (max-width: 1023px) {
  .main-menu-arrow {
    border: solid #5394b0;
    border-width: 0 1px 1px 0;
    display: inline-block;
    height: 0;
    padding: 4px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 66.66667% 66.66667%;
            transform-origin: 66.66667% 66.66667%;
    width: 0;
    bottom: auto;
    left: auto;
    position: absolute;
    right: 22px;
    top: 50%;
    width: 0;
    margin-top: -5px;
  }

  .first-level-li > a .main-menu-arrow {
    margin-top: -7px;
    padding: 5px;
  }

  .first-level-li.active > a .main-menu-arrow,
  .second-level-li.active > span .main-menu-arrow {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }

  .second-level-li .main-menu-arrow {
    border-color: #161616;
  }

  .no-second-level .main-menu-arrow {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {
  .main-menu-arrow {
    display: none;
  }
}
* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.account-dropdown form input {
  border: 0;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  height: 45px;
  line-height: 45px;
  outline: none;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
}

.account-dropdown form input:disabled {
  cursor: default;
  opacity: .3;
}

@media only screen and (max-width: 600px) {
  .account-dropdown form input {
    width: 100%;
  }
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.header-info-item {
  margin-left: 20px;
  position: relative;
}

.header-info-item.info-drop-mob-nav {
  display: none;
}

.header-info-item.info-drop-mob-nav .mob-nav-icon {
  width: 20px;
}

.header-info-item.info-mob-search-icon {
  display: none;
}

@media only screen and (max-width: 767px) {
  .header-info-item.info-mob-search-icon {
    display: block;
    margin-left: 17px;
  }
}

.header-info-item.info-mob-search-icon i {
  height: 23px;
  margin-top: 3px;
  width: 30px;
}

@media only screen and (max-width: 767px) {
  .header-info-item.info-drop-account {
    display: none;
  }
}

@media only screen and (max-width: 1023px) {
  .header-info-item {
    overflow: hidden;
  }

  .header-info-item.info-drop-mob-nav {
    display: block;
  }
}

.header-info-item:hover .header-info-link .header-info-link-name,
.header-info-item:active .header-info-link .header-info-link-name,
.header-info-item:focus .header-info-link .header-info-link-name {
  color: #bc0e5e;
}

.header-info-item:hover .header-info-link .header-info-arrow,
.header-info-item:active .header-info-link .header-info-arrow,
.header-info-item:focus .header-info-link .header-info-arrow {
  border-color: #bc0e5e;
}

@media only screen and (min-width: 1024px) {
  .header-info-item:hover .account-dropdown:not(.no-drop-down),
  .header-info-item:active .account-dropdown:not(.no-drop-down),
  .header-info-item:focus .account-dropdown:not(.no-drop-down) {
    opacity: 1;
    visibility: visible;
  }
}

.header-info-link {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}

.header-info-link .header-info-icon {
  display: block;
  height: 22px;
  margin-top: 5px;
  max-width: 42px;
  text-align: center;
  width: 100%;
}

.header-info-link .header-info-link-name {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-size: 11px;
  line-height: 30px;
  pointer-events: none;
  white-space: nowrap;
}

.header-info-link .header-info-link-name .header-info-arrow {
  border: solid #666666;
  border-width: 0 1px 1px 0;
  display: inline-block;
  height: 0;
  padding: 3px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: 66.66667% 66.66667%;
          transform-origin: 66.66667% 66.66667%;
  width: 0;
  float: right;
  margin: 9px 0 0 9px;
}

@media only screen and (max-width: 1023px) {
  .header-info-link .header-info-link-name {
    display: none;
  }

  .fixed-nav-panel .header-info-link .header-info-link-name {
    display: none;
  }

  .header-info-link .header-info-link-name .header-info-arrow {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .opened-mobile-navigation .main-navigation .header-info-link .header-info-link-name {
    display: block;
  }
}

.header-info-link .cart-count {
  bottom: auto;
  display: block;
  height: 20px;
  left: 50%;
  position: absolute;
  right: auto;
  top: 0;
  width: 20px;
  background-color: #bc0e5e;
  border-radius: 50%;
  color: #ffffff;
  line-height: 20px;
  margin-left: -10px;
  text-align: center;
}

.header-info-link-account .header-info-link-name {
  padding-right: 3px;
}

.header-info-link-account .customer-icon svg {
  height: 22px;
  width: 22px;
}

.header-info-link-account:not(.no-drop-down-arrow) .customer-svg {
  fill: #bc0e5e;
  stroke: #bc0e5e;
}

.header-info-link-cart .cart-icon {
  display: block;
  width: 42px;
}

.main-navigation .mob-cart-accaunt-holder {
  display: none;
}

.opened-mobile-navigation .main-navigation .mob-cart-accaunt-holder {
  bottom: 5px;
  left: 20px;
  position: absolute;
  right: auto;
  top: auto;
  width: auto;
  display: flex;
}

.opened-mobile-navigation .main-navigation .mob-cart-accaunt-holder .header-info-link-account {
  margin-right: 20px;
}

.account-dropdown {
  bottom: auto;
  display: block;
  height: auto;
  left: 50%;
  position: absolute;
  right: auto;
  top: 100%;
  width: 270px;
  opacity: 0;
  visibility: hidden;
  background-color: #ffffff;
  border: 2px solid #f3f3f3;
  margin-left: -135px;
  padding: 20px 25px;
  text-align: left;
  transition: visibility 0.2s ease-in 200ms, opacity 0.2s ease-in 200ms;
  width: 270px;
  z-index: 105;
}

.account-dropdown:after {
  bottom: -4px;
  content: '';
  display: block;
  height: calc(100% + 8px);
  left: -4px;
  position: absolute;
  right: -4px;
  top: -4px;
  width: calc(100% + 8px);
  z-index: 0;
  border: 2px solid #ffffff;
  pointer-events: none;
}

.account-dropdown form {
  margin: 0;
  padding: 0;
}

.account-dropdown form input {
  background-color: #ffffff;
  border: 2px solid #bc0e5e;
  color: #bc0e5e;
  margin-top: 20px;
  width: 100%;
}

.account-dropdown a {
  padding: 5px 0;
  transition: color 0.1s ease-in 100ms;
}

.account-dropdown a,
.account-dropdown input {
  color: #666666;
  display: block;
  font-size: 16px;
}

.account-dropdown a:hover,
.account-dropdown input:hover {
  color: #bc0e5e;
}

@media only screen and (max-width: 1070px) {
  .account-dropdown {
    left: auto;
    right: 0;
  }
}
.promotion-area {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  height: 25px;
  margin: 5px 0;
  overflow: hidden;
}

.promotion-area .promotion-area-item {
  display: flex;
  flex-wrap: nowrap;
  padding-left: 30px;
  padding-right: 20px;
  position: relative;
}

.promotion-area .promotion-area-item p {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  color: #999999;
  line-height: 25px;
  margin: 0;
}

.promotion-area .promotion-area-item p a {
  color: #999999;
  text-decoration: underline;
}

.promotion-area .promotion-area-item .prom-area-icon {
  bottom: auto;
  display: block;
  height: 25px;
  left: 0;
  position: absolute;
  right: auto;
  top: 0;
  width: 25px;
  align-items: center;
  display: flex;
}

.promotion-area .promotion-area-item .prom-area-icon img {
  max-height: 100%;
  max-width: 100%;
}
* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.product-rmb-price {
  display: inline-block;
}

.pdp-rmb-rate-container {
  display: inline-block;
}

.pdp-rmb-rate-container .header-rmb-rate-headline {
  margin-left: 0;
  margin-right: 0;
  position: relative;
  display: inline-block;
  height: 18px;
  padding: 0;
  top: 5px;
  width: 18px;
}

.pdp-rmb-rate-container .header-rmb-rate-headline:before {
  background-image: url(/resources/assets/other/c3e5c76afeee6931a9bc0eb15f2e31dc-info-24px.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  height: 100%;
  position: absolute;
  width: 100%;
}

.pdp-rmb-rate-container .header-rmb-rate-headline:after {
  display: none;
}

.pdp-rmb-rate-container .header-rmb-rate {
  left: 0;
  margin-right: 0;
  margin-top: 2px;
  z-index: 1;
}

@media only screen and (max-width: 1024px) {
  .pdp-rmb-rate-container .header-rmb-rate {
    margin-right: 6px;
  }
}

.header-rmb-rate-container {
  color: #999999;
  display: none;
}

.header-rmb-rate-headline {
  cursor: pointer;
  line-height: 25px;
  padding-right: 40px;
  position: relative;
}

.header-rmb-rate-headline:after {
  border: solid #666666;
  border-width: 0 1px 1px 0;
  display: inline-block;
  height: 0;
  padding: 4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: 66.66667% 66.66667%;
          transform-origin: 66.66667% 66.66667%;
  width: 0;
  content: '';
  position: absolute;
  right: 18px;
  top: 6px;
}

.header-rmb-rate {
  background: #ffffff;
  border: 1px solid #eeeeee;
  border-radius: 2px;
  display: none;
  margin-right: 20px;
  padding: 10px;
  position: absolute;
  z-index: 211;
}

.header-rmb-rate-visible {
  display: block;
}
footer {
  margin: 0 auto;
  max-width: 1000px;
  padding-top: 30px;
}

.links-block-box.cm-content,
.paragraph-box.cm-content,
.footer-our-shops-box.cm-content,
.footer-customer-reviews-box.cm-content {
  margin: 0 12px 20px;
}

@media only screen and (min-width: 1024px) {
  .links-block-box.cm-content,
  .paragraph-box.cm-content,
  .footer-our-shops-box.cm-content,
  .footer-customer-reviews-box.cm-content {
    margin: 0 0 20px;
  }
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

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

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

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(/resources/assets/other/c5cd7f5300576ab4c88202b42f6ded62-ajax-loader.gif) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(/resources/assets/other/ced611daf7709cc778da928fec876475-slick.eot);
    src: url(/resources/assets/other/ced611daf7709cc778da928fec876475-slick.eot?#iefix) format('embedded-opentype'), url(/resources/assets/other/b7c9e1e479de3b53f1e4e30ebac2403a-slick.woff) format('woff'), url(/resources/assets/other/d41f55a78e6f49a5512878df1737e58a-slick.ttf) format('truetype'), url(/resources/assets/other/46661d6d65debc63884004fed6e37e5c-slick.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '\2190';
}
[dir='rtl'] .slick-prev:before
{
    content: '\2192';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '\2192';
}
[dir='rtl'] .slick-next:before
{
    content: '\2190';
}

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

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '\2022';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

@media only screen and (min-width: 601px) {
  .footer-customer-reviews-box {
    padding-bottom: 10px;
  }
}

.footer-customer-reviews-box .idealo-block {
  display: none;
}

@media only screen and (min-width: 768px) {
  .footer-customer-reviews-box .reviews-and-idealo.has-idealo .feedback-slider {
    width: calc(100% - 165px);
  }

  .footer-customer-reviews-box .reviews-and-idealo.has-idealo .idealo-block {
    display: block;
    float: right;
    width: 145px;
  }
}

.footer-customer-reviews-box .feedback-slider:after {
  clear: both;
  content: '';
  display: table;
}

.footer-customer-reviews-box .feedback-slider .slick-dots li button:before {
  background-color: #ffffff;
  border: 1px solid #666666;
  border-radius: 50%;
  content: '';
  height: 14px;
  left: 3px;
  opacity: 1;
  top: 3px;
  width: 14px;
}

.footer-customer-reviews-box .feedback-slider .slick-dots .slick-active button:before {
  background-color: #666666;
}

.footer-customer-reviews-box .feedback-img-name {
  float: left;
  width: 100px;
}

.footer-customer-reviews-box .feedback-img-name img {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  margin-bottom: 10px;
}

.footer-customer-reviews-box .feedback-img-name span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  color: #999999;
  display: block;
  line-height: 18px;
  text-align: center;
}

.footer-customer-reviews-box .feedback-text {
  background: url(/resources/assets/other/23cdede05244cc1dc127f455f80cb635-quote-icon.svg) no-repeat 0 10px;
  background-repeat: no-repeat;
  background-size: 20px;
  color: #999999;
  float: left;
  font-size: 22px;
  height: 100px;
  line-height: 33.33333px;
  margin-left: 25px;
  margin-top: 10px;
  overflow: hidden;
  padding-left: 35px;
  width: calc(100% - 25px - 100px);
}
.footer-main-box .footer-emphasized-info a,
.footer-main-box .footer-newsletter a {
  padding: 0 12px;
  position: relative;
}

.footer-main-box .footer-emphasized-info a:after,
.footer-main-box .footer-newsletter a:after {
  bottom: -2px;
  content: '';
  display: block;
  height: calc(100% + 2 * 2px);
  left: 0;
  position: absolute;
  right: 0;
  top: -2px;
  width: 100%;
  z-index: 0;
  border: 2px solid #999999;
  pointer-events: none;
}

.footer-main-box .footer-main-container {
  align-items: flex-start;
  background-color: #eeeeee;
  display: flex;
  flex-wrap: nowrap;
  margin: 0 auto;
  max-width: 1000px;
  padding: 26px 8px 0;
}

.footer-main-box .footer-main-container .f-first-container {
  display: flex;
  flex-wrap: wrap;
}

.footer-main-box .footer-main-container .f-second-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-end;
  min-width: 26%;
}

@media only screen and (max-width: 768px) {
  .footer-main-box .footer-main-container {
    flex-wrap: wrap;
  }

  .footer-main-box .footer-main-container .f-first-container,
  .footer-main-box .footer-main-container .f-second-container {
    justify-content: space-around;
    width: 100%;
  }

  .footer-main-box .footer-main-container .f-first-container > div,
  .footer-main-box .footer-main-container .f-second-container > div {
    justify-content: center;
  }
}

@media only screen and (max-width: 480px) {
  .footer-main-box .footer-main-container .f-first-container,
  .footer-main-box .footer-main-container .f-second-container {
    flex-direction: column;
  }
}

.footer-main-box .footer-payment-methods {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin: 0 10px 10px;
}

.footer-main-box .footer-payment-methods .payment-icon {
  display: inline-block;
  height: 30px;
  margin: 0 0 10px;
}

.footer-main-box .footer-payment-methods .payment-icon span {
  line-height: 30px;
  margin: 0 5px;
}

.footer-main-box .footer-payment-methods .payment-icon img {
  height: 100%;
  margin: 0 8px;
}

.footer-main-box .footer-payment-methods .payment-icon:not(:last-child) span:after {
  content: '\201A';
  display: inline-block;
  line-height: 30px;
}

.footer-main-box .footer-help-links {
  display: flex;
  flex-wrap: wrap;
  margin: 0 10px 10px;
}

.footer-main-box .footer-help-links .info-help-link {
  align-items: center;
  display: flex;
  margin: 0 8px 10px;
}

.footer-main-box .footer-help-links .info-help-link img {
  height: 30px;
  margin-right: 10px;
}

.footer-main-box .footer-help-links .info-help-link p {
  display: inline-block;
  margin-bottom: 0;
}

.footer-main-box .footer-icons-block {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin: 0 10px 10px;
}

.footer-main-box .footer-icon-container {
  display: inline-block;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  height: 30px;
  line-height: 30px;
  margin: 0 8px 10px;
}

.footer-main-box .footer-icon-container img {
  height: 100%;
  max-width: none;
}

.footer-main-box .footer-links-block {
  display: flex;
  flex-wrap: wrap;
  margin: 0 10px 10px;
}

.footer-main-box .footer-link-container {
  display: inline-block;
  margin: 0 8px 10px;
  position: relative;
}

.footer-main-box .footer-link-container:not(:last-child):before {
  bottom: 0;
  display: block;
  height: 100%;
  left: auto;
  position: absolute;
  right: -11px;
  top: 0;
  width: auto;
  content: '\B7';
  line-height: 30px;
}

.footer-main-box .footer-link-container a {
  display: block;
  line-height: 30px;
}

.footer-main-box .footer-emphasized-info .footer-link-container {
  margin-bottom: 14px;
}

.footer-main-box .footer-emphasized-info .footer-link-container:before {
  display: none;
}

@media only screen and (max-width: 480px) {
  .footer-main-box .footer-emphasized-info .footer-link-container {
    text-align: center;
    width: 100%;
  }
}

.footer-main-box .footer-delivery-methods {
  width: calc(100% - 2 * 10px);
}

.footer-main-box .footer-security-badges .footer-icon-container {
  height: 50px;
}

.footer-main-box .footer-newsletter {
  margin: 0 10px 10px;
}

.footer-main-box .footer-newsletter a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin: 0 10px 8px;
  max-width: 100%;
  padding-left: 50px;
  position: relative;
}

.footer-main-box .footer-newsletter a .footer-newsletter-icon {
  display: block;
  height: 22px;
  left: 12px;
  position: absolute;
  top: 4px;
  width: 32px;
}

.footer-main-box .footer-newsletter a .footer-newsletter-icon img {
  max-height: 100%;
  max-width: 100%;
  vertical-align: top;
}

.footer-main-box .footer-newsletter a span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

@media only screen and (max-width: 480px) {
  .footer-main-box .footer-newsletter a {
    display: flex;
    justify-content: center;
    padding-left: 12px;
    width: 100%;
  }

  .footer-main-box .footer-newsletter a .footer-newsletter-icon {
    left: auto;
    position: relative;
  }

  .footer-main-box .footer-newsletter a span {
    width: auto;
  }
}

.footer-main-box .footer-security-badges,
.footer-main-box .footer-social-block,
.footer-main-box .footer-newsletter {
  display: flex;
  justify-content: flex-end;
}
.footer-our-shops-box {
  margin: 0 auto;
  max-width: 1000px;
  padding: 15px 0 0;
}

.footer-our-shops-box:after {
  clear: both;
  content: '';
  display: table;
}

.footer-our-shops-box .our-shops-block {
  float: left;
  width: 50%;
}

@media only screen and (max-width: 767px) {
  .footer-our-shops-box .our-shops-block {
    width: 60%;
  }
}

@media only screen and (max-width: 600px) {
  .footer-our-shops-box .our-shops-block {
    width: 100%;
  }
}

.footer-our-shops-box .our-shops-logos {
  display: flex;
}

@media only screen and (max-width: 600px) {
  .footer-our-shops-box .our-shops-logos {
    justify-content: center;
  }
}

.footer-our-shops-box .our-shops-logos a {
  display: block;
  height: 36px;
  margin-right: 20px;
}

.footer-our-shops-box .our-shops-logos a img {
  height: 100%;
}

.footer-our-shops-box .our-shops-list {
  float: left;
  width: 50%;
}

@media only screen and (max-width: 767px) {
  .footer-our-shops-box .our-shops-list {
    width: 40%;
  }
}

@media only screen and (max-width: 600px) {
  .footer-our-shops-box .our-shops-list {
    margin-top: 20px;
    text-align: center;
    width: 100%;
  }
}

.footer-our-shops-box h6 {
  font-size: 16px;
  font-weight: normal;
  margin: 0 0 10px;
  padding: 0;
}

@media only screen and (max-width: 600px) {
  .footer-our-shops-box h6 {
    font-size: 14px;
    text-align: center;
  }
}
* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.back-top-button {
  background-color: #bc0e5e;
  bottom: 20px;
  color: #ffffff;
  cursor: pointer;
  display: none;
  font-size: 2rem;
  height: 2.5rem;
  line-height: 1;
  opacity: .3;
  position: fixed;
  right: 0;
  z-index: 100;
}

.back-top-button:hover {
  opacity: .6;
}
* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.children-box-component {
  color: #999999;
}

@media only screen and (max-width: 600px) {
  .children-box-component {
    color: #666666;
  }
}

.children-box-component .select-dropdown + .field-error {
  margin: 0;
}

.children-box-component .hidden {
  display: none;
}

.children-box-component .child-form-container {
  display: none;
}

.children-box-component .child-form-container.active {
  display: block;
}

.children-box-component .child-form-container .mobile-tab {
  background-color: #cccccc;
  background-image: url(/resources/assets/other/221cc94d98a2a307e88ab856aa146de1-plus.svg);
  background-position: 98% center;
  background-repeat: no-repeat;
  background-size: 27px;
  border: 0;
  display: none;
  float: none;
  font-weight: 600;
  height: auto;
  margin-bottom: 10px;
  padding: 13px 10px;
  width: 100%;
}

@media only screen and (max-width: 600px) {
  .children-box-component .child-form-container .mobile-tab {
    display: block;
  }
}

@media only screen and (max-width: 600px) {
  .children-box-component .child-form-container {
    display: block;
    margin-bottom: 10px;
  }

  .children-box-component .child-form-container .first-name,
  .children-box-component .child-form-container .bottom-section {
    display: none;
  }

  .children-box-component .child-form-container.active .first-name,
  .children-box-component .child-form-container.active .bottom-section {
    display: block;
  }

  .children-box-component .child-form-container.active .mobile-tab {
    background-color: #cccccc;
    background-image: url(/resources/assets/other/f19231e00b2b9b2ed44176ec35f61e50-minus.svg);
  }
}

.children-box-component .child-form-container .input-wrapper {
  margin-bottom: 10px;
}

.children-box-component .child-form-container .input-wrapper .float-label {
  font-size: 12px;
}

.children-box-component .child-form-container .first-name {
  margin-top: 10px;
}

.children-box-component .child-form-container .first-name input {
  border-color: #cccccc;
}

.children-box-component .child-form-container .first-name .field-error {
  margin: 0;
}

.children-box-component .child-form-container .bottom-section {
  overflow: hidden;
}

.children-box-component .child-form-container .bottom-section .label {
  line-height: 18px;
  margin-bottom: 5px;
}

.children-box-component .child-form-container .bottom-section .gender-container .gender {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  float: left;
  height: 25px;
  margin-bottom: 25px;
  min-width: 26%;
}

.children-box-component .child-form-container .bottom-section .gender-container .gender span {
  display: block;
  font-size: 10px;
  padding-top: 25px;
  text-align: center;
}

.children-box-component .child-form-container .bottom-section .gender-container .gender.active span {
  color: #bc0e5e;
}

.children-box-component .child-form-container .bottom-section .gender-container .gender.female {
  background-image: url(/resources/assets/other/6c34b2d27854a9e9ee501c841c56f46f-female.svg);
}

.children-box-component .child-form-container .bottom-section .gender-container .gender.female.active {
  background-image: url(/resources/assets/other/2b85b4d568b0c496de3f14247676f3ea-female-active.svg);
}

.children-box-component .child-form-container .bottom-section .gender-container .gender.male {
  background-image: url(/resources/assets/other/a94c4e735d6d60dab3013efe5341958f-male.svg);
}

.children-box-component .child-form-container .bottom-section .gender-container .gender.male.active {
  background-image: url(/resources/assets/other/821217e1e0627976deaed57c56d08376-male-active.svg);
}

.children-box-component .child-form-container .bottom-section .gender-container .gender.unknown {
  background-image: url(/resources/assets/other/8804c7e6535642bab515bc0599308a4e-neutral.svg);
}

.children-box-component .child-form-container .bottom-section .gender-container .gender.unknown.active {
  background-image: url(/resources/assets/other/75011d6a14ceefe72e32c5de8e3d6390-neutral-active.svg);
}

.children-box-component .child-form-container .bottom-section .btn-container {
  clear: both;
  overflow: hidden;
}

.children-box-component .child-form-container .bottom-section .select-dropdown {
  border: 0;
  margin-bottom: 10px;
}

@media only screen and (max-width: 600px) {
  .children-box-component .child-form-container .bottom-section .select-dropdown {
    width: auto;
  }
}

.children-box-component .child-form-container .bottom-section .select-dropdown select {
  background: #eeeeee;
  height: 43px;
  padding: 3px 36px 3px 10px;
}

@media only screen and (max-width: 600px) {
  .children-box-component .child-form-container .bottom-section .select-dropdown select {
    background: #cccccc;
  }
}

.children-box-component .child-form-container .bottom-section .btn {
  cursor: pointer;
  float: left;
  text-decoration: underline;
}

.children-box-component .child-form-container .bottom-section .btn.remove-btn {
  float: right;
}

.children-box-component .tabs-section {
  overflow: hidden;
}

@media only screen and (max-width: 600px) {
  .children-box-component .tabs-section {
    display: none;
  }
}

.children-box-component .tabs-section div {
  background-color: #eeeeee;
  border: 1px solid #eeeeee;
  cursor: pointer;
  float: left;
  height: 30px;
  margin: 0 2px 2px 0;
  overflow: hidden;
  padding: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc((100% - 4px)/3);
}

.children-box-component .tabs-section div:nth-of-type(3n) {
  margin-right: 0;
}

.children-box-component .tabs-section div.active {
  border-color: #bc0e5e;
  color: #bc0e5e;
}
* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.popup-wrapper .button {
  border: 0;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  height: 45px;
  line-height: 45px;
  outline: none;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
}

.popup-wrapper .button:disabled {
  cursor: default;
  opacity: .3;
}

@media only screen and (max-width: 600px) {
  .popup-wrapper .button {
    width: 100%;
  }
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.popup-wrapper .input-wrapper input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #ffffff;
  border: 1px solid #999999;
  border-radius: 0;
  color: #999999;
  padding: 12px 18px;
  width: auto;
}

.popup-wrapper .input-wrapper input:disabled,
.popup-wrapper .input-wrapper input[disabled],
.popup-wrapper .input-wrapper input[readonly] {
  background-color: #eeeeee;
  cursor: default;
}

.popup-wrapper .input-wrapper input:invalid + .float-label {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.popup-wrapper .input-wrapper input:focus + .float-label {
  -webkit-transform: translateY(-21px);
          transform: translateY(-21px);
}

.popup-wrapper .float-label {
  background: #ffffff;
  color: #cccccc;
  left: 20px;
  padding: 0 2px;
  pointer-events: none;
  position: absolute;
  top: 13px;
  -webkit-transform: translateY(-21px);
          transform: translateY(-21px);
  transition: -webkit-transform 40ms ease;
  transition: transform 40ms ease;
  transition: transform 40ms ease, -webkit-transform 40ms ease;
  z-index: 2;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.popup-wrapper .message-container .error,
.popup-wrapper .message-container .success,
.popup-wrapper .field-error {
  border: 1px solid;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 13px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px;
  padding-left: 36px;
  position: relative;
}

.popup-wrapper .message-container .error:before,
.popup-wrapper .message-container .success:before,
.popup-wrapper .field-error:before {
  background-color: #bc0e5e;
  background-image: url(/resources/assets/other/afe74238fad1c3099b7f9ba6664ea948-x.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 8px;
  border-radius: 50%;
  content: '';
  display: block;
  height: 16px;
  left: 10px;
  margin: 0;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
}

@media only screen and (min-width: 1025px) {
  .popup-wrapper .message-container .error,
  .popup-wrapper .message-container .success,
  .popup-wrapper .field-error {
    margin-left: 0;
    margin-right: 0;
  }
}

.popup-wrapper .message-container .error {
  border-color: #bc0e5e;
  color: #bc0e5e;
}

.popup-wrapper .message-container .success {
  border-color: #9bb154;
  color: #9bb154;
}

.popup-wrapper .message-container .success:before {
  background-color: #9bb154;
  background-image: url(/resources/assets/other/f5e2af3b4f64f3dedca24db4a43b1901-checked.svg);
}

.popup-wrapper .field-error {
  border: 0;
  color: #bc0e5e;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 0;
  padding: 5px 0;
}

.popup-wrapper .field-error:before {
  display: block;
  float: left;
  left: 0;
  margin-right: 5px;
  margin-top: 0;
  position: static;
}

* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.popup-wrapper .select-dropdown {
  background-color: #ffffff;
  border: 1px solid #999999;
  color: #666666;
  cursor: pointer;
  display: inline-block;
  line-height: 1.5;
  margin-bottom: 15px;
  position: relative;
}

.popup-wrapper .select-dropdown select::-ms-expand {
  display: none;
}

.popup-wrapper .select-dropdown:before {
  border: solid #666666;
  border-width: 0 1px 1px 0;
  display: inline-block;
  height: 0;
  padding: 4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: 66.66667% 66.66667%;
          transform-origin: 66.66667% 66.66667%;
  width: 0;
  content: '';
  margin-top: -6px;
  pointer-events: none;
  position: absolute;
  right: 18px;
  top: 50%;
}

.popup-wrapper .select-dropdown select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  font-weight: normal;
  min-width: 60px;
  padding: 12px 50px 12px 15px;
  width: 100%;
}

@media only screen and (max-width: 600px) {
  .popup-wrapper .select-dropdown select {
    min-width: 75px;
  }
}

.popup-wrapper .small-select.select-dropdown:before {
  right: 10px;
}

.popup-wrapper .small-select.select-dropdown select {
  padding: 3px 25px 3px 10px;
}

.popup-wrapper .select-dropdown + .field-error {
  margin-bottom: 15px;
  margin-top: -15px;
}

@media only screen and (max-width: 600px) {
  .popup-wrapper .select-dropdown {
    width: 100%;
  }
}

.main-wrapper {
  position: relative;
}

.popup-backdrop {
  background-color: #ffffff;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: visibility .4s linear, opacity .4s linear;
  visibility: hidden;
  z-index: 1001;
}

.popup-backdrop.active {
  opacity: .9;
  visibility: visible;
}

.popup-wrapper .hidden {
  display: none;
}

.popup-wrapper .button {
  background-color: #bc0e5e;
  font-size: 12px;
  min-width: 170px;
}

.popup-wrapper .input-wrapper {
  margin-bottom: 15px;
  position: relative;
}

.popup-wrapper .input-wrapper input {
  width: 100%;
}

.popup-wrapper .popup {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  color: #666666;
  font-size: 13px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1002;
}

.popup-wrapper .popup li {
  list-style: none;
  padding-left: 32px;
  position: relative;
}

.popup-wrapper .popup li:before {
  background-image: url(/resources/assets/other/b7e6b1036dd9ff23a7c94d6cf9ea4c1c-checked.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  height: 14px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 26px;
}

.popup-wrapper .popup .popup-inner {
  overflow: hidden;
  padding: 30px 18px 15px 25px;
  position: relative;
}

.popup-wrapper .popup .popup-inner .close-btn {
  display: inline-block;
  height: 23px;
  margin-left: calc((23px - 1px)/2);
  position: relative;
  text-align: center;
  width: 23px;
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 3;
}

.popup-wrapper .popup .popup-inner .close-btn:before,
.popup-wrapper .popup .popup-inner .close-btn:after {
  border: 1px solid #bc0e5e;
  content: '';
  height: 23px;
  margin: -1px;
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.popup-wrapper .popup .popup-inner .close-btn:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.popup-wrapper .popup .pdp-popup-headline:before {
  background-image: url(/resources/assets/other/1bc33b280d78840bcd331887eeceed96-info-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  padding-left: 40px;
  padding-top: 5px;
}

@media only screen and (max-width: 600px) {
  .popup-wrapper .popup {
    border-width: 2px;
  }

  .popup-wrapper .popup .pdp-popup-headline {
    margin-top: 30px;
    padding-right: 30px;
    text-align: center;
  }

  .popup-wrapper .popup .pdp-popup-headline:before {
    background-image: url(/resources/assets/other/1bc33b280d78840bcd331887eeceed96-info-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    padding-left: 25px;
    padding-right: 5px;
    padding-top: 1px;
  }

  .popup-wrapper .popup .popup-inner {
    padding: 5px;
  }

  .popup-wrapper .popup .popup-inner .close-btn {
    right: 5px;
    top: 5px;
  }
}

.popup-wrapper .popup.popup-lost-password {
  display: none;
}

.popup-wrapper .popup.popup-reset-password,
.popup-wrapper .popup.popup-lost-password {
  max-width: 592px;
}

@media only screen and (min-width: 601px) {
  .popup-wrapper .popup.popup-reset-password,
  .popup-wrapper .popup.popup-lost-password {
    left: 50%;
    margin-left: -296px;
  }
}

.popup-wrapper .popup.popup-reset-password button,
.popup-wrapper .popup.popup-lost-password button {
  background-color: #bc0e5e;
  font-size: 12px;
  font-weight: 600;
  line-height: 40px;
  padding: 0;
  width: 100%;
}

.popup-wrapper .popup.popup-reset-password button[disabled],
.popup-wrapper .popup.popup-lost-password button[disabled] {
  opacity: .5;
}

.popup-wrapper .popup.popup-reset-password .popup-step input,
.popup-wrapper .popup.popup-lost-password .popup-step input {
  height: 40px;
  line-height: 40px;
  padding-right: 30px;
}

.popup-wrapper .popup.popup-reset-password .popup-step .title,
.popup-wrapper .popup.popup-lost-password .popup-step .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  padding-bottom: 22px;
}

.popup-wrapper .popup.popup-reset-password .popup-step .text,
.popup-wrapper .popup.popup-lost-password .popup-step .text {
  padding-bottom: 36px;
}

.popup-wrapper .popup.popup-reset-password .popup-step .label,
.popup-wrapper .popup.popup-lost-password .popup-step .label {
  line-height: 40px;
}

.popup-wrapper .popup.popup-reset-password .popup-step .left-section,
.popup-wrapper .popup.popup-lost-password .popup-step .left-section {
  float: left;
  width: calc(100% - 330px);
}

.popup-wrapper .popup.popup-reset-password .popup-step .right-section,
.popup-wrapper .popup.popup-lost-password .popup-step .right-section {
  float: right;
  text-align: center;
  width: 300px;
}

.popup-wrapper .popup.popup-reset-password .popup-step .right-section .label,
.popup-wrapper .popup.popup-lost-password .popup-step .right-section .label {
  display: none;
}

.popup-wrapper .popup.popup-reset-password .popup-step .error-field,
.popup-wrapper .popup.popup-lost-password .popup-step .error-field {
  color: #fc0000;
  display: none;
  padding-bottom: 10px;
}

.popup-wrapper .popup.popup-reset-password .popup-step .error-field i,
.popup-wrapper .popup.popup-lost-password .popup-step .error-field i {
  border: 1px solid #fc0000;
  border-radius: 9px;
  display: inline-block;
  font-size: 9px;
  height: 18px;
  margin-right: 5px;
  width: 18px;
}

.popup-wrapper .popup.popup-reset-password .popup-step .error-field i.fontello-emo-happy,
.popup-wrapper .popup.popup-lost-password .popup-step .error-field i.fontello-emo-happy {
  border: 1px solid #9bb154;
}

.popup-wrapper .popup.popup-reset-password .popup-step .error-field .success,
.popup-wrapper .popup.popup-lost-password .popup-step .error-field .success {
  display: none;
}

.popup-wrapper .popup.popup-reset-password .popup-step .error-field.valid,
.popup-wrapper .popup.popup-lost-password .popup-step .error-field.valid {
  color: #9bb154;
}

.popup-wrapper .popup.popup-reset-password .popup-step .error-field.valid .error,
.popup-wrapper .popup.popup-lost-password .popup-step .error-field.valid .error {
  display: none;
}

.popup-wrapper .popup.popup-reset-password .popup-step .error-field.valid .success,
.popup-wrapper .popup.popup-lost-password .popup-step .error-field.valid .success {
  display: block;
}

.popup-wrapper .popup.popup-reset-password .popup-step .info,
.popup-wrapper .popup.popup-lost-password .popup-step .info {
  color: #5394b0;
  display: none;
}

.popup-wrapper .popup.popup-reset-password .popup-step .info i,
.popup-wrapper .popup.popup-lost-password .popup-step .info i {
  color: #5394b0;
  display: block;
  float: left;
  font-size: 20px;
  line-height: 1;
}

.popup-wrapper .popup.popup-reset-password .popup-step .info i:before,
.popup-wrapper .popup.popup-lost-password .popup-step .info i:before {
  margin-left: 0;
  margin-right: 8px;
  width: 8px;
}

.popup-wrapper .popup.popup-reset-password .popup-step .info div,
.popup-wrapper .popup.popup-lost-password .popup-step .info div {
  font-weight: 600;
  line-height: 20px;
}

.popup-wrapper .popup.popup-reset-password .popup-step .info .small,
.popup-wrapper .popup.popup-lost-password .popup-step .info .small {
  display: inline-block;
  font-size: 9px;
  line-height: normal;
  padding-left: 16px;
}

.popup-wrapper .popup.popup-reset-password .reset-password-step .input-wrapper,
.popup-wrapper .popup.popup-lost-password .reset-password-step .input-wrapper {
  margin-bottom: 10px;
}

.popup-wrapper .popup.popup-reset-password .reset-password-step .input-wrapper i,
.popup-wrapper .popup.popup-lost-password .reset-password-step .input-wrapper i {
  color: #999999;
  cursor: pointer;
  font-size: 20px;
  position: absolute;
  right: 5px;
  top: 10px;
}

.popup-wrapper .popup.popup-reset-password .login-step,
.popup-wrapper .popup.popup-lost-password .login-step {
  display: none;
}

.popup-wrapper .popup.popup-reset-password .login-step .error-field-email,
.popup-wrapper .popup.popup-reset-password .login-step .error-field-password,
.popup-wrapper .popup.popup-lost-password .login-step .error-field-email,
.popup-wrapper .popup.popup-lost-password .login-step .error-field-password {
  display: none;
}

.popup-wrapper .popup.popup-reset-password .login-step .label,
.popup-wrapper .popup.popup-reset-password .login-step .right-section input,
.popup-wrapper .popup.popup-lost-password .login-step .label,
.popup-wrapper .popup.popup-lost-password .login-step .right-section input {
  margin-bottom: 10px;
}

.popup-wrapper .popup.popup-reset-password .login-step button,
.popup-wrapper .popup.popup-lost-password .login-step button {
  margin-top: 35px;
}

.popup-wrapper .popup.popup-reset-password .login-step .title,
.popup-wrapper .popup.popup-lost-password .login-step .title {
  background-image: url(/resources/assets/other/b7e6b1036dd9ff23a7c94d6cf9ea4c1c-checked.svg);
  background-position: 0 3px;
  background-repeat: no-repeat;
  padding-left: 29px;
}

.popup-wrapper .popup.popup-reset-password .reset-step .title,
.popup-wrapper .popup.popup-lost-password .reset-step .title {
  font-weight: bold;
}

.popup-wrapper .popup.popup-reset-password .reset-step .title.warning,
.popup-wrapper .popup.popup-lost-password .reset-step .title.warning {
  color: #bc0e5e;
  margin-bottom: 22px;
  padding-bottom: 0;
  padding-left: 40px;
  position: relative;
}

.popup-wrapper .popup.popup-reset-password .reset-step .close-icon,
.popup-wrapper .popup.popup-lost-password .reset-step .close-icon {
  background-color: #bc0e5e;
  border-radius: 15px;
  display: inline-block;
  height: 30px;
  left: 0;
  margin-top: -15px;
  padding: 6px;
  position: absolute;
  top: 50%;
  width: 30px;
}

.popup-wrapper .popup.popup-reset-password .reset-step .close-icon span,
.popup-wrapper .popup.popup-lost-password .reset-step .close-icon span {
  display: inline-block;
  height: 16px;
  margin-left: calc((16px - 1px)/2);
  position: relative;
  text-align: center;
  width: 16px;
}

.popup-wrapper .popup.popup-reset-password .reset-step .close-icon span:before,
.popup-wrapper .popup.popup-reset-password .reset-step .close-icon span:after,
.popup-wrapper .popup.popup-lost-password .reset-step .close-icon span:before,
.popup-wrapper .popup.popup-lost-password .reset-step .close-icon span:after {
  border: 1px solid #ffffff;
  content: '';
  height: 16px;
  margin: -1px;
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.popup-wrapper .popup.popup-reset-password .reset-step .close-icon span:before,
.popup-wrapper .popup.popup-lost-password .reset-step .close-icon span:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media only screen and (max-width: 600px) {
  .popup-wrapper .popup.popup-reset-password .popup-step .input-wrapper input,
  .popup-wrapper .popup.popup-lost-password .popup-step .input-wrapper input {
    height: 45px;
    line-height: 45px;
  }

  .popup-wrapper .popup.popup-reset-password .popup-step .input-wrapper i,
  .popup-wrapper .popup.popup-lost-password .popup-step .input-wrapper i {
    top: 13px;
  }

  .popup-wrapper .popup.popup-reset-password .popup-step .title,
  .popup-wrapper .popup.popup-reset-password .popup-step .text,
  .popup-wrapper .popup.popup-reset-password .popup-step .right-section,
  .popup-wrapper .popup.popup-reset-password .popup-step .left-section,
  .popup-wrapper .popup.popup-lost-password .popup-step .title,
  .popup-wrapper .popup.popup-lost-password .popup-step .text,
  .popup-wrapper .popup.popup-lost-password .popup-step .right-section,
  .popup-wrapper .popup.popup-lost-password .popup-step .left-section {
    float: none;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }

  .popup-wrapper .popup.popup-reset-password .popup-step .title,
  .popup-wrapper .popup.popup-lost-password .popup-step .title {
    padding-bottom: 15px;
    padding-top: 32px;
  }

  .popup-wrapper .popup.popup-reset-password .popup-step .text,
  .popup-wrapper .popup.popup-lost-password .popup-step .text {
    padding-bottom: 28px;
  }

  .popup-wrapper .popup.popup-reset-password .popup-step .info,
  .popup-wrapper .popup.popup-lost-password .popup-step .info {
    margin: 0 auto;
    padding-top: 20px;
    width: 200px;
  }

  .popup-wrapper .popup.popup-reset-password .popup-step button,
  .popup-wrapper .popup.popup-lost-password .popup-step button {
    line-height: 45px;
    margin-bottom: 0;
  }

  .popup-wrapper .popup.popup-reset-password .popup-step .left-section,
  .popup-wrapper .popup.popup-lost-password .popup-step .left-section {
    background-color: #f3f3f3;
    padding-bottom: 27px;
  }

  .popup-wrapper .popup.popup-reset-password .popup-step .left-section .label,
  .popup-wrapper .popup.popup-lost-password .popup-step .left-section .label {
    display: none;
  }

  .popup-wrapper .popup.popup-reset-password .popup-step .right-section,
  .popup-wrapper .popup.popup-lost-password .popup-step .right-section {
    background-color: #f3f3f3;
  }

  .popup-wrapper .popup.popup-reset-password .popup-step .right-section .label,
  .popup-wrapper .popup.popup-lost-password .popup-step .right-section .label {
    display: block;
    font-weight: 600;
    line-height: 25px;
    padding-top: 15px;
    text-align: left;
  }

  .popup-wrapper .popup.popup-reset-password .popup-step.reset-step button,
  .popup-wrapper .popup.popup-reset-password .popup-step.login-step button,
  .popup-wrapper .popup.popup-lost-password .popup-step.reset-step button,
  .popup-wrapper .popup.popup-lost-password .popup-step.login-step button {
    margin-bottom: 30px;
    margin-top: 0;
  }

  .popup-wrapper .popup.popup-reset-password .popup-step.login-step .title,
  .popup-wrapper .popup.popup-lost-password .popup-step.login-step .title {
    background-position: 10px 34px;
    font-weight: 500;
    padding-left: 39px;
  }

  .popup-wrapper .popup.popup-reset-password .popup-step.reset-step .title.warning,
  .popup-wrapper .popup.popup-lost-password .popup-step.reset-step .title.warning {
    margin-top: 32px;
    padding-left: 50px;
    padding-top: 0;
  }

  .popup-wrapper .popup.popup-reset-password .popup-step.reset-step .close-icon,
  .popup-wrapper .popup.popup-lost-password .popup-step.reset-step .close-icon {
    left: 12px;
  }
}

.popup-wrapper .popup.popup-newsletter-registration {
  display: none;
}

.popup-wrapper .popup.popup-newsletter-registration.active {
  display: flex;
  flex-wrap: wrap;
}

.popup-wrapper .popup.popup-newsletter-registration .input-wrapper input {
  border-color: #cccccc;
}

.popup-wrapper .popup.popup-newsletter-registration.step-1 .step-2-section,
.popup-wrapper .popup.popup-newsletter-registration.step-1 .step-3-section {
  display: none;
}

@media only screen and (max-width: 600px) {
  .popup-wrapper .popup.popup-newsletter-registration.step-1 .icons-container {
    margin-bottom: 10px;
  }
}

.popup-wrapper .popup.popup-newsletter-registration.step-1 .newsletter-view-link {
  color: #999999;
  cursor: pointer;
  margin-bottom: 10px;
  text-align: right;
  text-decoration: underline;
}

@media only screen and (max-width: 600px) {
  .popup-wrapper .popup.popup-newsletter-registration.step-1 .newsletter-view-link {
    text-align: left;
  }
}

.popup-wrapper .popup.popup-newsletter-registration.step-2 .step-1-section,
.popup-wrapper .popup.popup-newsletter-registration.step-2 .step-3-section {
  display: none;
}

.popup-wrapper .popup.popup-newsletter-registration.step-2 .info-container {
  background-color: #eeeeee;
  margin: 10px 0;
  padding: 16px 23px;
}

.popup-wrapper .popup.popup-newsletter-registration.step-2 .info-container span {
  background-color: #cccccc;
  border-radius: 11px;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  margin-right: 10px;
  text-align: center;
  width: 22px;
}

.popup-wrapper .popup.popup-newsletter-registration.step-2 .post-container a {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 32px;
  margin-right: 40px;
}

.popup-wrapper .popup.popup-newsletter-registration.step-2 .post-container a.gmx-box {
  background-image: url(/resources/assets/other/b7bd7016de3b66f8927f5bb8be835372-logo-GMX.svg);
  width: 54px;
}

.popup-wrapper .popup.popup-newsletter-registration.step-2 .post-container a.web-box {
  background-image: url(/resources/assets/other/4d47b82849720c1a436a24dba98c1fa3-logo-web-de.svg);
  width: 42px;
}

.popup-wrapper .popup.popup-newsletter-registration.step-2 .post-container a.gmail-box {
  background-image: url(/resources/assets/other/1ec8e846f4545a37b3fed7a188284396-logo-gmail.svg);
  width: 36px;
}

.popup-wrapper .popup.popup-newsletter-registration.step-2 .post-container a.telekom-box {
  background-image: url(/resources/assets/other/5b272ed039bd123781a84eb888eb4c93-logo-telekom.svg);
  width: 64px;
}

.popup-wrapper .popup.popup-newsletter-registration.step-2 .resend-email-link {
  display: inline-block;
  font-size: 15px;
  margin: 15px 0;
  text-decoration: underline;
}

.popup-wrapper .popup.popup-newsletter-registration.step-2 .icons-container span {
  background-color: #bc0e5e;
  content: '';
  display: block;
  height: 1px;
  left: 67px;
  position: absolute;
  top: 18px;
  width: calc(50% - 67px);
}

@media only screen and (max-width: 600px) {
  .popup-wrapper .popup.popup-newsletter-registration.step-2 .icons-container span {
    height: 2px;
  }
}

.popup-wrapper .popup.popup-newsletter-registration.step-2 .icons-container .icon:nth-of-type(2) div {
  background-image: url(/resources/assets/other/d7e10740fe7446829fbc1f2d3ff6d735-mail-active.svg);
}

.popup-wrapper .popup.popup-newsletter-registration.step-2 .icons-container .icon:nth-of-type(2) p {
  color: #bc0e5e;
  font-weight: 600;
}

.popup-wrapper .popup.popup-newsletter-registration.step-3 .step-1-section,
.popup-wrapper .popup.popup-newsletter-registration.step-3 .step-2-section,
.popup-wrapper .popup.popup-newsletter-registration.step-3 .step-1-2-section {
  display: none;
}

.popup-wrapper .popup.popup-newsletter-registration.step-3 .title {
  background-image: url(/resources/assets/other/b7e6b1036dd9ff23a7c94d6cf9ea4c1c-checked.svg);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 30px;
}

@media only screen and (max-width: 600px) {
  .popup-wrapper .popup.popup-newsletter-registration.step-3 .title {
    background-image: none;
  }
}

.popup-wrapper .popup.popup-newsletter-registration.step-3 .info {
  margin-top: 20px;
}

.popup-wrapper .popup.popup-newsletter-registration.step-3 .icons-container:before {
  background-color: #bc0e5e;
}

.popup-wrapper .popup.popup-newsletter-registration.step-3 .icons-container .icon p {
  color: #bc0e5e;
  font-weight: 600;
}

.popup-wrapper .popup.popup-newsletter-registration.step-3 .icons-container .icon:nth-of-type(2) div {
  background-image: url(/resources/assets/other/d7e10740fe7446829fbc1f2d3ff6d735-mail-active.svg);
}

.popup-wrapper .popup.popup-newsletter-registration.step-3 .icons-container .icon:nth-of-type(3) div {
  background-image: url(/resources/assets/other/42093f7d725db4d3a9ba53c51260aeb0-success-active.svg);
}

.popup-wrapper .popup.popup-newsletter-registration .close-btn {
  display: inline-block;
  height: 23px;
  margin-left: calc((23px - 1px)/2);
  position: relative;
  text-align: center;
  width: 23px;
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 3;
}

.popup-wrapper .popup.popup-newsletter-registration .close-btn:before,
.popup-wrapper .popup.popup-newsletter-registration .close-btn:after {
  border: 1px solid #bc0e5e;
  content: '';
  height: 23px;
  margin: -1px;
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.popup-wrapper .popup.popup-newsletter-registration .close-btn:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.popup-wrapper .popup.popup-newsletter-registration .left-section,
.popup-wrapper .popup.popup-newsletter-registration .right-section {
  float: left;
}

.popup-wrapper .popup.popup-newsletter-registration .icons-container {
  overflow: hidden;
  position: relative;
}

.popup-wrapper .popup.popup-newsletter-registration .icons-container .icon {
  float: left;
  width: 33%;
}

.popup-wrapper .popup.popup-newsletter-registration .icons-container .icon p {
  color: #666666;
  font-weight: 400;
  margin-bottom: 0;
  text-align: center;
}

.popup-wrapper .popup.popup-newsletter-registration .icons-container .icon div {
  background-color: #ffffff;
  background-position: center;
  background-repeat: no-repeat;
  height: 35px;
  margin: 0 auto;
  position: relative;
  width: 70px;
}

.popup-wrapper .popup.popup-newsletter-registration .icons-container .icon:nth-of-type(1) div {
  background-image: url(/resources/assets/other/ee683ba2f751722012b5c30745dcdab7-newsletter-active.svg);
  background-size: 30px;
}

.popup-wrapper .popup.popup-newsletter-registration .icons-container .icon:nth-of-type(1) p {
  color: #bc0e5e;
  font-weight: 600;
}

.popup-wrapper .popup.popup-newsletter-registration .icons-container .icon:nth-of-type(2) div {
  background-image: url(/resources/assets/other/ccff2f923e9986471bd346cabc91e9f8-mail.svg);
  background-size: 38px;
}

.popup-wrapper .popup.popup-newsletter-registration .icons-container .icon:nth-of-type(3) div {
  background-image: url(/resources/assets/other/f313ee118afabc3a17690662befa902e-success.svg);
  background-size: 35px;
}

.popup-wrapper .popup.popup-newsletter-registration .icons-container:before {
  background-color: #cccccc;
  content: '';
  display: block;
  height: 1px;
  left: 67px;
  position: absolute;
  top: 18px;
  width: calc(100% - (2 * 67px));
}

.popup-wrapper .popup.popup-newsletter-registration .salutation-container {
  margin-bottom: 15px;
}

.popup-wrapper .popup.popup-newsletter-registration .salutation-container div {
  display: inline-block;
  margin-right: 5px;
}

.popup-wrapper .popup.popup-newsletter-registration .button-container {
  clear: both;
  overflow: hidden;
  text-align: right;
}

.popup-wrapper .popup.popup-newsletter-registration .button-container .button {
  float: right;
  margin-bottom: 20px;
}

@media only screen and (min-width: 601px) {
  .popup-wrapper .popup.popup-newsletter-registration .button-container .button {
    margin-bottom: 0;
    width: calc(50% - 20px);
  }
}

@media only screen and (min-width: 601px) {
  .popup-wrapper .popup.popup-newsletter-registration .form-section {
    float: left;
    width: 50%;
  }

  .popup-wrapper .popup.popup-newsletter-registration .form-section:nth-of-type(2) {
    padding-left: 20px;
  }
}

.popup-wrapper .popup.popup-newsletter-registration .form-section .sub-title {
  margin: 15px 0;
}

.popup-wrapper .popup.popup-newsletter-registration .form-section .newsletter-checkbox label {
  display: inline-block;
  height: 20px;
  position: relative;
  width: 100%;
}

.popup-wrapper .popup.popup-newsletter-registration .form-section .newsletter-checkbox label input {
  position: absolute;
  top: 10px;
}

.popup-wrapper .popup.popup-newsletter-registration .form-section .newsletter-checkbox span {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 20px;
  margin-left: 20px;
  margin-top: 3px;
  width: 60%;
}

.popup-wrapper .popup.popup-newsletter-registration .form-section .newsletter-checkbox span.bebitus_es_newsletter {
  background-image: url(/resources/assets/other/d48d34d0982ef9a908458469c95f1b69-bebitus_com_logo.svg);
}

.popup-wrapper .popup.popup-newsletter-registration .form-section .newsletter-checkbox span.bebitus_fr_newsletter {
  background-image: url(/resources/assets/other/fe938aa29de3cb094780859826611b71-bebitus_fr_logo.svg);
}

.popup-wrapper .popup.popup-newsletter-registration .form-section .newsletter-checkbox span.bebitus_pt_newsletter {
  background-image: url(/resources/assets/other/0a4f4c62a8073cd519cd18ef9f5aaa9b-bebitus_pt_logo.svg);
}

.popup-wrapper .popup.popup-newsletter-registration .form-section .newsletter-checkbox span.toys_ch_newsletter {
  background-image: url(/resources/assets/other/efbc41a9fe19995eedf72909c6699b28-toys_ch.svg);
}

.popup-wrapper .popup.popup-newsletter-registration .form-section .newsletter-checkbox span.windeln_ch_newsletter {
  background-image: url(/resources/assets/other/0c3954ac4f72740afc64c7f5f4e02189-windeln_ch.svg);
}

.popup-wrapper .popup.popup-newsletter-registration .form-section .newsletter-checkbox span.kindertraum_ch_newsletter {
  background-image: url(/resources/assets/other/5b2975da7a5f9d5c1d62d9897a3608a4-kindertraum_ch.svg);
}

.popup-wrapper .popup.popup-newsletter-registration .form-section .newsletter-checkbox span.windeln_it_newsletter {
  background-image: url(/resources/assets/other/e5a7970616cb7135991968b79c1ef9c4-pannolini.svg);
}

.popup-wrapper .popup.popup-newsletter-registration .form-section .newsletter-checkbox span.windelbar_it_newsletter,
.popup-wrapper .popup.popup-newsletter-registration .form-section .newsletter-checkbox span.windelbar_newsletter {
  background-image: url(/resources/assets/other/d4b33a125b842b13fb2033e5661c1af0-nakiki.svg);
}

.popup-wrapper .popup.popup-newsletter-registration .form-section .newsletter-checkbox span.windeln_de_newsletter {
  background-image: url(/resources/assets/other/82a479e5fab15f14d642cead75d55aa1-windeln_de.svg);
}

.popup-wrapper .popup.popup-newsletter-registration .form-section.newsletter-view .newsletter-section {
  display: block;
}

.popup-wrapper .popup.popup-newsletter-registration .form-section.newsletter-view .children-section .expanded-section {
  margin-top: 5px;
}

.popup-wrapper .popup.popup-newsletter-registration .form-section.newsletter-view .children-section .expanded-section .main-section {
  display: none;
}

.popup-wrapper .popup.popup-newsletter-registration .form-section.children-view .newsletter-section {
  display: none;
}

.popup-wrapper .popup.popup-newsletter-registration .form-section.children-view .children-section .expanded-section {
  margin-top: 15px;
}

@media only screen and (max-width: 600px) {
  .popup-wrapper .popup.popup-newsletter-registration .form-section.children-view .children-section .expanded-section {
    margin-left: 20px;
  }
}

.popup-wrapper .popup.popup-newsletter-registration .form-section.children-view .children-section .expanded-section .main-section {
  display: block;
}

@media only screen and (max-width: 600px) {
  .popup-wrapper .popup.popup-newsletter-registration .form-section.newsletter-view .newsletter-section,
  .popup-wrapper .popup.popup-newsletter-registration .form-section.newsletter-view .children-section .expanded-section .main-section,
  .popup-wrapper .popup.popup-newsletter-registration .form-section.children-view .newsletter-section,
  .popup-wrapper .popup.popup-newsletter-registration .form-section.children-view .children-section .expanded-section .main-section {
    display: block;
  }

  .popup-wrapper .popup.popup-newsletter-registration .form-section.newsletter-view .children-section .expanded-section,
  .popup-wrapper .popup.popup-newsletter-registration .form-section.children-view .children-section .expanded-section {
    margin-left: 20px;
    margin-top: 15px;
  }

  .popup-wrapper .popup.popup-newsletter-registration .form-section .newsletter-view-link {
    display: none;
  }
}

.popup-wrapper .popup.popup-newsletter-registration .form-section .section {
  margin-bottom: 15px;
  overflow: hidden;
}

.popup-wrapper .popup.popup-newsletter-registration .form-section .section.children-section label:not(.float-label) {
  color: #999999;
}

.popup-wrapper .popup.popup-newsletter-registration .form-section .section.children-section [type='checkbox'] {
  margin-right: 6px;
}

.popup-wrapper .popup.popup-newsletter-registration .form-container {
  padding: 10px 0;
}

.popup-wrapper .popup.popup-newsletter-registration .left-section {
  padding: 35px;
  padding-bottom: 10px;
  width: 65%;
}

.popup-wrapper .popup.popup-newsletter-registration .left-section .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 15px;
}

.popup-wrapper .popup.popup-newsletter-registration .left-section .intro {
  font-weight: 600;
  margin-bottom: 18px;
}

.popup-wrapper .popup.popup-newsletter-registration .left-section .info {
  color: #666666;
  font-size: 9px;
  line-height: 1.5;
}

.popup-wrapper .popup.popup-newsletter-registration .right-section {
  background-color: #eeeeee;
  width: 35%;
}

.popup-wrapper .popup.popup-newsletter-registration .right-section .image {
  padding-top: 93.18182%;
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
}

.popup-wrapper .popup.popup-newsletter-registration .right-section .image-step-3 {
  padding-top: 164.77273%;
  position: relative;
}

.popup-wrapper .popup.popup-newsletter-registration .text-section {
  font-size: 16px;
  padding: 25px;
  padding-right: 20px;
}

.popup-wrapper .popup.popup-newsletter-registration .text-section .header {
  font-weight: 600;
  margin-bottom: 16px;
}

.popup-wrapper .popup.popup-newsletter-registration .text-section .text {
  font-weight: 300;
  line-height: 1.5;
}

.popup-wrapper .popup.popup-newsletter-registration .text-section .text li {
  list-style: none;
  margin-bottom: 5px;
  padding-left: 32px;
  position: relative;
}

.popup-wrapper .popup.popup-newsletter-registration .text-section .text li:before {
  background-image: url(/resources/assets/other/b7e6b1036dd9ff23a7c94d6cf9ea4c1c-checked.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  height: 14px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 26px;
}

@media only screen and (max-width: 768px) {
  .popup-wrapper .popup.popup-newsletter-registration .right-section {
    display: none;
  }

  .popup-wrapper .popup.popup-newsletter-registration.active {
    display: block;
  }

  .popup-wrapper .popup.popup-newsletter-registration .left-section {
    float: none;
    width: 100%;
  }

  .popup-wrapper .popup.popup-newsletter-registration .icons-container .icon div {
    width: 105px;
  }
}

@media only screen and (max-width: 600px) {
  .popup-wrapper .popup.popup-newsletter-registration .left-section {
    padding: 32px 0;
  }

  .popup-wrapper .popup.popup-newsletter-registration .left-section .intro,
  .popup-wrapper .popup.popup-newsletter-registration .left-section .info {
    display: none;
  }

  .popup-wrapper .popup.popup-newsletter-registration .left-section .title {
    font-size: 13px;
    font-weight: 400;
    padding: 0 10px;
  }

  .popup-wrapper .popup.popup-newsletter-registration .left-section .title span {
    display: block;
    font-size: 16px;
    font-weight: 600;
  }

  .popup-wrapper .popup.popup-newsletter-registration .icons-container {
    padding: 0 10px;
  }

  .popup-wrapper .popup.popup-newsletter-registration .icons-container .icon div {
    width: 85px;
  }

  .popup-wrapper .popup.popup-newsletter-registration .icons-container .icon:nth-of-type(3) div {
    background-size: 30px;
  }

  .popup-wrapper .popup.popup-newsletter-registration .icons-container .icon p {
    font-size: 8px;
    font-weight: 400;
    line-height: 10px;
  }

  .popup-wrapper .popup.popup-newsletter-registration .icons-container:before {
    height: 2px;
  }

  .popup-wrapper .popup.popup-newsletter-registration .form-container {
    background-color: #f3f3f3;
    padding: 0 10px;
    padding-top: 15px;
  }

  .popup-wrapper .popup.popup-newsletter-registration .salutation-container {
    text-align: right;
  }

  .popup-wrapper .popup.popup-newsletter-registration .salutation-container div {
    float: left;
  }

  .popup-wrapper .popup.popup-newsletter-registration .salutation-container div.salutation {
    float: none;
    margin-left: 15px;
  }

  .popup-wrapper .popup.popup-newsletter-registration .button-container {
    margin-top: 10px;
  }

  .popup-wrapper .popup.popup-newsletter-registration .popup .close-btn {
    display: inline-block;
    height: 23px;
    margin-left: calc((23px - 1px)/2);
    position: relative;
    text-align: center;
    width: 23px;
    right: 10px;
    top: 10px;
  }

  .popup-wrapper .popup.popup-newsletter-registration .popup .close-btn:before,
  .popup-wrapper .popup.popup-newsletter-registration .popup .close-btn:after {
    border: 1px solid #bc0e5e;
    content: '';
    height: 23px;
    margin: -1px;
    position: absolute;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  .popup-wrapper .popup.popup-newsletter-registration .popup .close-btn:before {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}

.button-newsletter-subscription-only {
  background: #bc0e5e;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  line-height: 32px;
  padding: 0 10px;
  text-transform: uppercase;
}

.button-newsletter-subscription-only:after {
  clear: both;
  content: '';
  display: table;
}
.toast-title {
  font-weight: bold;
}

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #ffffff;
}

.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/

button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
}

#toast-container * {
  box-sizing: border-box;
}

#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

#toast-container > div:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.toast {
  background-color: #030303;
}

.toast-success {
  background-color: #51a351;
}

.toast-error {
  background-color: #bd362f;
}

.toast-info {
  background-color: #2f96b4;
}

.toast-warning {
  background-color: #f89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Responsive Design*/

@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }

  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }

  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
.add-to-cart-message {
  display: none;
}

.toast-close-button {
  margin: 0;
  top: 0;
}

@media screen and (min-width: 1024px) {
  .toast-error {
    font-size: 16px;
    line-height: 20px;
  }
}
.spinner-oval-show {
  display: flex;
  margin-right: 8px;
}

.spinner-oval-show svg {
  height: 18px;
  width: 18px;
}

.spinner-oval-hide {
  display: none;
}
* {
  -webkit-tap-highlight-color: transparent;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.wechat-fixed-icon {
  bottom: 0;
  height: 50px;
  position: fixed;
  right: 100px;
  z-index: 100;
}

.wechat-fixed-icon .image {
  background-image: url(/resources/assets/other/948257b01a656772658f90ad4a0d8006-logo-wechat.svg);
  float: left;
  height: 100%;
  width: 50px;
}

.wechat-fixed-icon .text {
  background: #7ee278;
  border-radius: 12px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  height: 100%;
  padding: 13px 20px 13px 60px;
}

.wechat-fixed-icon .desktop {
  display: block;
}

.wechat-fixed-icon .mobile {
  display: none;
}

@media only screen and (max-width: 600px) {
  .wechat-fixed-icon {
    left: 0;
    right: auto;
  }

  .wechat-fixed-icon .desktop {
    display: none;
  }

  .wechat-fixed-icon .mobile {
    display: block;
  }
}