/*.modal-content{
    width: 100% !important;
    margin: 0 auto;
    max-width: 1000px !important;
}*/
body.modal[style] {
    padding-left: 0px !important;
}
.modal-body{
    padding: 0 !important;
}
.modal-large{
    width: 100%;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.no-overflow{
    overflow-y: hidden !important;
}
.modal-header{
    border-bottom : 0 !important;
}
label{
    font-weight: inherit !important;
}
.nl-label {
    line-height: 18px;
    margin-bottom: 5px;
}
.children-box-component .child-form-container .bottom-section .bttn {
    cursor: pointer;
    float: left;
    text-decoration: underline;
}
.children-box-component .child-form-container .bottom-section .bttn.remove-btn {
    float: right;
}
.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.newsletterabonnieren{
    cursor: pointer;
    color: #999999;
    padding-top: 3px;
}
.nl-abo-footer-icon{
    width: 24px !important;
    margin-left: 5px;
}
.newsletter-checkbox{
    display: none;
}
.top-cname {
    top: 10px;
}
.top-label {
    top: 45px !important;
}
/*
.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;
    border: 1px solid #bc0e5e;
}


.left-section{
    padding: 35px;
    padding-bottom: 10px;
    width: 65%;
}
.left-section .title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 15px;
}
.left-section .intro {
    font-weight: 600;
    margin-bottom: 18px;
}
.newsletter-registration.icons-container{
    overflow: hidden;
    position: relative;
}
.newsletter-registration.icons-container:before{
    background-color: #cccccc;
    content: '';
    display: block;
    height: 1px;
    left: 67px;
    position: absolute;
    top: 18px;
    width: calc(100% - (2 * 67px));
}
.newsletter-registration .icons-container .icon {
    float: left;
    width: 33%;
}
.newsletter-registration .icons-container .icon:nth-of-type(1) div{
    background-image: url(../image/newsletter-active.svg);
    background-size: 30px;
}
.newsletter-registration .icons-container .icon:nth-of-type(2) div{
    background-image: url(../image/newsletter-mail.svg);
    background-size: 38px;
}
.newsletter-registration .icons-container .icon:nth-of-type(3) div{
    background-image: url(../image/newsletter-success.svg);
    background-size: 38px;
}
.newsletter-registration .form-container{
    padding: 10px 0;
}
.newsletter-registration .form-section{
    float: left;
    width: 50%;
}
.newsletter-registration .salutation-container{
    margin-bottom: 15px;
}
.newsletter-registration .salutation-container div{
    display: inline-block;
    margin-right: 5px;
}
.popup-wrapper .input-wrapper{
    margin-bottom: 15px;
    position: relative;
}
newsletter-registration .input-wrapper input{
    border-color: #cccccc;
    width: 100%;
}

*/

html {  }
body {font: 12px Roboto, Arial, sans-serif;background-color: #000;color: #fff;height: 100%;width: 100%;position: absolute;margin: 0;padding: 0;
    }
#player {width: 100%;height: 100%;}
h1 {text-align: center;color: #fff;}.hid {display: none;}
h3 {margin-top: 6px;margin-bottom: 3px;}.player-unavailable {position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 25px;font-size: 13px;}
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 */
    box-sizing: content-box;
    /* 2 */
}

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

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

.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;
    }
}
@media only screen and (min-width: 1024px) {
    .first-level-li.last-child {
        border-right: 0;
    }
}
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;
    }
}

.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: #fff4f4;
    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 {
    display: none;
}

@media only screen and (min-width: 601px) {
    .sidebar {
        display: block;
    }
}

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

[inline-svg] svg {
    height: 100%;
    width: 100%;
}

/* 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;
}
body {
    font-family: Open Sans, Helvetica Neue, Helvetica, Roboto, sans-serif;
}

.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: 20px;
}

.header-cookie-info-box {
    background-color: #666666;
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 2000;
}

.header-cookie-info-box .cookie-container {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    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: -webkit-box;
    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: -webkit-box;
    display: flex;
    -webkit-box-flex: 0;
    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 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }

    .header-cookie-info-box .cookie-container .cookie-close {
        -webkit-box-pack: center;
        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: -webkit-box;
    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-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: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    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 {
        -webkit-box-align: center;
        align-items: center;
        display: -webkit-box;
        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 50px 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-button {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-left: 0;
    height: 36px;
    margin: 0;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    width: 45px;
    z-index: 1;
}

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

@media only screen and (max-width: 767px) {
    .mob-search-close {
        cursor: pointer;
        display: block;
        height: 30px;
        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: 30px;
        position: fixed;
        right: 10px;
        top: 15px;
    }

    .mob-search-close:before,
    .mob-search-close: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: 30px;
    }

    .mob-search-close:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .mob-search-close:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

.search-list {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 1000;
}

.search-list.old {
    border-top: 0;
    max-height: 185px;
    overflow: scroll;
}

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

.search-list .search-list-item.active {
    background-color: #eeeeee;
}

.search-list:not(.old) {
    overflow-y: scroll;
    padding: 0 5px;
    width: 100%;
}

@media all and (min-width: 768px) {
    .search-list:not(.old) {
        width: 30%;
    }

    .search-list:not(.old).wide {
        width: 620px;
    }
}

.search-list .search-result-items.left,
.search-list .search-result-items.right {
    float: left;
    /*overflow: hidden;*/
    padding-left: 10px;
    padding-right: 10px;
}

.search-list .search-result-items.left {
    padding-right: 10px;
    width: 40%;
}

.search-list .search-result-items.left p {
    margin-bottom: 5px;
}

.search-list .search-result-items.right {
    width: 60%;
}

.search-list .search-result-items a {
    width: 100%;
}

.search-list .search-result-items b {
    color: #bc0e5e;
    font-weight: 600;
}

@media only screen and (max-width: 767px) {
    .search-list .search-result-items.left,
    .search-list .search-result-items.right {
        /*overflow: hidden;*/
        width: 100%;
    }

    .search-list .search-result-items .brand-items,
    .search-list .search-result-items .categorie-items {
        float: left;
    }

    .search-list .search-result-items .brand-items .brand-link,
    .search-list .search-result-items .brand-items .categorie-link,
    .search-list .search-result-items .categorie-items .brand-link,
    .search-list .search-result-items .categorie-items .categorie-link {
        display: none;
    }

    .search-list .search-result-items .brand-items .brand-link:nth-child(-n+5),
    .search-list .search-result-items .brand-items .categorie-link:nth-child(-n+5),
    .search-list .search-result-items .categorie-items .brand-link:nth-child(-n+5),
    .search-list .search-result-items .categorie-items .categorie-link:nth-child(-n+5) {
        display: block;
    }

    .search-list .search-result-items .brand-items {
        width: 35%;
    }

    .search-list .search-result-items .categorie-items {
        width: 65%;
    }

    .search-list .search-result-items .categorie-items p {
        padding-right: 5px;
    }
}

.search-list .search-result-items .headline {
    font-size: 15px;
    font-weight: 400;
}

.search-list .search-result-items .search-result-product {
    min-height: 65px;
    /*overflow: hidden;*/
    padding: 5px 0;
}

.search-list .search-result-items .search-result-product:not(:last-child) {
    border-bottom: 1px solid #cccccc;
}

.search-list .search-result-items .search-result-product .search-item-to-cart {
    display: none;
}

.search-list .search-result-items .search-item-image {
    float: left;
    text-align: center;
    width: 15%;
}

.search-list .search-result-items .search-item-image img {
    max-height: 45px;
}

.search-list .search-result-items .search-item-data {
    float: left;
    padding-left: 10px;
    width: 80%;
}

.search-list .search-result-items .search-item-data p {
    margin: 0;
}

.search-list .search-result-items .search-item-data .product-name {
    color: #999999;
}

.search-list .search-result-items .search-item-data .price-per-unit {
    color: #999999;
    display: none;
}

.search-list .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/906baa8d52e93531e14503cd844d1315-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 {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    float: right;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding-right: 15px;
    width: 36%;
}

@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: -webkit-box;
    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: 30%;
}

@media only screen and (max-width: 767px) {
    .header-search-container {
        height: 60px;
        width: 100%;
        -webkit-box-align: center;
        align-items: center;
        background-color: #f3f3f3;
        left: 0;
        margin: 0;
        -webkit-box-ordinal-group: 4;
        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 {
        margin-top: 12px;
        width: calc(100% - 50px);
    }
}

@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 {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    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/de02061c98e33914c72098ab8c81c571-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 {
    -webkit-box-align: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    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 {
    -webkit-box-align: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    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: -webkit-box;
    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 {
    -webkit-box-align: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    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 {
    -webkit-box-align: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    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: -webkit-box;
    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: #eeeeee;
        display: table;
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%;
        z-index: 101;
    }

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

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

    .first-level .first-level-li > a {
        display: table;
        height: 60px;
        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: 0 10px;
        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: #ffffff;
        border-color: #ffffff;
    }

    .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: -webkit-box;
        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;
    }
}

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

.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 {
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    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) {
    .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) {
    .header-info-link .header-info-link-name {
        display: none;
    }

    .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: -webkit-box;
    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: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1;
    flex-wrap: wrap;
    height: 25px;
    margin: 5px 0;
    /*overflow: hidden;*/
}

.promotion-area .promotion-area-item {
    display: -webkit-box;
    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%;
    line-height: 25px;
    margin: 0;
}

.promotion-area .promotion-area-item p a {
    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;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
}

.promotion-area .promotion-area-item .prom-area-icon img {
    max-height: 100%;
    max-width: 100%;
}

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

@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(../image/newsletter-neutral.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 {
    -webkit-box-align: start;
    align-items: flex-start;
    background-color: #eeeeee;
    display: -webkit-box;
    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: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}

.footer-main-box .footer-main-container .f-second-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    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 {
        -webkit-box-pack: center;
        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 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

.footer-main-box .footer-payment-methods {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    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: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin: 0 10px 10px;
}

.footer-main-box .footer-help-links .info-help-link {
    -webkit-box-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: flex;
    height: 30px;
    line-height: 30px;
    margin: 0 8px 10px;
    white-space: nowrap;
}

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

.footer-main-box .footer-help-links .info-help-link p {
    display: inline-block;
    line-height: 30px;
}

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

.footer-main-box .footer-icon-container {
    display: inline-block;
    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: -webkit-box;
    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: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        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: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    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: -webkit-box;
    display: flex;
}

@media only screen and (max-width: 600px) {
    .footer-our-shops-box .our-shops-logos {
        -webkit-box-pack: center;
        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;
    }
}

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

.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(../image/newsletter-female.svg);
}

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

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

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

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

.children-box-component .child-form-container .bottom-section .gender-container .gender.unknown.active {
    background-image: url(../image/newsletter-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;
}

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

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

.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(../image/error-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;
}

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

.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: -webkit-box;
    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(../image/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(../image/newsletter-mail.svg);
    background-size: 38px;
}

.popup-wrapper .popup.popup-newsletter-registration .icons-container .icon:nth-of-type(3) div {
    background-image: url(../image/newsletter-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% - 134px);
}

.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(../image/newsletter-nakiki.svg);
}

.popup-wrapper .popup.popup-newsletter-registration .form-section .newsletter-checkbox span.windeln_de_newsletter {
    background-image: url(../image/newsletter-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(../image/newsletter-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;
}

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