.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
    content: "";
    display: table
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    zoom: 1
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    z-index: 99999;
    display: block
}

.ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-accordion {
    width: 100%
}

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1
}

.ui-accordion .ui-accordion-li-fix {
    display: inline
}

.ui-accordion .ui-accordion-header-active {
    border-bottom: 0 !important
}

.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em .7em
}

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1
}

.ui-accordion .ui-accordion-content-active {
    display: block
}

.ui-autocomplete {
    position: absolute;
    cursor: default
}

* html .ui-autocomplete {
    width: 1px
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left
}

.ui-menu .ui-menu {
    margin-top: -3px
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom: 1
}

.ui-menu .ui-menu-item a.ui-state-active, .ui-menu .ui-menu-item a.ui-state-hover {
    font-weight: 400;
    margin: -1px
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: 1.4
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon, .ui-button-icons-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-icons-only .ui-button-icon-primary, .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary {
    left: .5em
}

.ui-button-icons-only .ui-button-icon-secondary, .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-dialog {
    position: absolute;
    padding: .2em 0;
    width: 300px;
    overflow: hidden
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .1em 0
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0;
    padding: 1px;
    height: 18px
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px
}

.ui-dialog .ui-dialog-titlebar-close:focus, .ui-dialog .ui-dialog-titlebar-close:hover {
    padding: 0
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 0;
    background: 0 0;
    overflow: auto;
    zoom: 1
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0;
    background-image: none;
    margin: .5em 0 0;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 .2em 1px 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    cursor: text
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0 0
}

.ui-tabs .ui-tabs-hide {
    display: none !important
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a, .ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-cover {
    display: none;
    display: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

body {
    background: #fff;
    font-family: NiveaBook, Arial, sans-serif;
    font-size: 12px
}

@font-face {
    font-family: NiveaBold;
    src: url(/resrc/fonts/nivbots-webfont.eot);
    src: local('☺'), url(../fonts/nivbots-webfont.woff) format('woff'), url(../fonts/nivbots-webfont.ttf) format('truetype'), url(../fonts/nivbots-webfont.svg#webfont) format('svg');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: NiveaLight;
    src: url(/resrc/fonts/nivea_light-webfont.eot);
    src: local('☺'), url(../fonts/nivea_light-webfont.woff) format('woff'), url(../fonts/nivea_light-webfont.ttf) format('truetype'), url(../fonts/nivea_light-webfont.svg#webfont) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: NiveaMedium;
    src: url(/resrcfonts/nivea_medium-webfont.eot);
    src: local('☺'), url(../fonts/nivea_medium-webfont.woff) format('woff'), url(../fonts/nivea_medium-webfont.ttf) format('truetype'), url(../fonts/nivea_medium-webfont.svg#webfont) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: NiveaBook;
    src: url(/resrc/fonts/nivea_book-webfont.eot);
    src: local('☺'), url(../fonts/nivea_book-webfont.woff) format('woff'), url(../fonts/nivea_book-webfont.ttf) format('truetype'), url(../fonts/nivea_book-webfont.svg#webfont) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: NiveaBookItalic;
    src: url(/resrc/fonts/niveabookitalic-webfont.eot);
    src: local('☺'), url(/resrc/fonts/niveabookitalic-webfont.woff) format('woff'), url(../fonts/niveabookitalic-webfont.ttf) format('truetype'), url(../fonts/niveabookitalic-webfont.svg#webfont) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: NiveaCremeRegular;
    src: url(../fonts/niveacremeregular-webfont.eot);
    src: local('☺'), url(../fonts/niveacremeregular-webfont.woff) format('woff'), url(../fonts/niveacremeregular-webfont.ttf) format('truetype'), url(../fonts/niveacremeregular-webfont.svg#webfont) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: NiveaBoldTextScreen;
    src: url(../fonts/niveaboldtextscreen-webfont.eot);
    src: local('☺'), url(../fonts/niveaboldtextscreen-webfont.woff) format('woff'), url(../fonts/niveaboldtextscreen-webfont.ttf) format('truetype'), url(../fonts/niveaboldtextscreen-webfont.svg#webfont) format('svg');
    font-weight: 400;
    font-style: normal
}

.sprite {
    background: url(../images/sprite.png) 0 0/1000px 900px no-repeat;
    -moz-background-size: 1000px 900px;
    -webkit-background-size: 1000px 900px
}

.social-wrapper .social-box a:focus, .social-wrapper .social-box a:hover {
    background-position: 0 -23px !important
}

.footer-benefits .benefit-icon {
    width: 61px;
    height: 61px;
    margin: 0 auto;
    background-size: 376px 188px;
    -moz-background-size: 376px 188px;
    -webkit-background-size: 376px 188px;
    background-position: -1px -1px;
    background-repeat: no-repeat
}

.text-help-container.list-help-container.module-list ol > li {
    color: #333;
    font: 700 14px/25px Arial;
    margin-bottom: 12px
}

.text-help-container.list-help-container.module-list ul > li {
    color: #333;
    font: 700 14px/25px Arial
}

.text-help-container.list-help-container.module-list ol > li::before {
    font: 700 14px/19px Arial;
    height: 20px;
    left: -1.4em;
    top: 8px;
    width: 20px
}

.module-list > h3 {
    line-height: 23px;
    margin-bottom: 17px;
    margin-left: 10px
}

.snack-detail-wrapper .list-icon + h1 {
    width: 77.7%;
    float: right;
    font: 700 24px/26px Arial
}

.snack-detail-wrapper .list-icon + h1 + .img-wrapper {
    width: 110px;
    height: 85px;
    float: left
}

.snack-detail-wrapper .list-icon + h1 + .img-wrapper + .list_container {
    margin-bottom: 7px
}

.list_container .text-help-container ul > li {
    font-weight: 700;
    line-height: 25px
}

header .header-search.ecommerce-off {
    width: 415px;
    padding-right: 0
}

.container > .navbar-collapse.header-search.ecommerce-off .navbar-form {
    padding-right: 0
}

.mini-bag-off a.user-icon-anchor, .mini-bag-off a.user-login {
    border-left: 1px solid #2a3a87
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
    .sprite {
        background-image: url(../images/sprite-2x.png)
    }

    .social-wrapper .social-box a {
        background-position: -12px 0 !important;
        background-size: 67px 67px !important;
        -webkit-background-size: 67px 67px !important;
        -moz-background-size: 67px 67px !important
    }

    .social-wrapper .social-box a:hover {
        background-position: -12px -23px !important;
        background-size: 67px 67px !important;
        -webkit-background-size: 67px 67px !important;
        -moz-background-size: 67px 67px !important
    }

    .footer-benefits .benefit-icon {
        background-position: -33px -1px;
        background-size: 188px 94px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .sprite {
        background-image: url(../images/sprite-2x.png)
    }

    .social-wrapper .social-box a {
        background-position: -12px 0 !important;
        background-size: 67px 67px !important;
        -webkit-background-size: 67px 67px !important;
        -moz-background-size: 67px 67px !important
    }

    .social-wrapper .social-box a:hover {
        background-position: -12px -23px !important;
        background-size: 67px 67px !important;
        -webkit-background-size: 67px 67px !important;
        -moz-background-size: 67px 67px !important
    }

    .footer-benefits .benefit-icon {
        background-position: -33px -1px;
        background-size: 188px 94px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 3dppx) {
    .sprite {
        background-image: url(../images/sprite-3x.png)
    }

    .social-wrapper .social-box a {
        background-position: -23px 0 !important;
        background-size: 45px 45px !important;
        -moz-background-size: 45px 45px !important;
        -webkit-background-size: 45px 45px !important
    }

    .social-wrapper .social-box a:hover {
        background-position: -23px -23px !important;
        background-size: 45px 45px !important;
        -moz-background-size: 45px 45px !important;
        -webkit-background-size: 45px 45px !important
    }

    .footer-benefits .benefit-icon {
        background-position: -63px -1px;
        background-size: 125px 62px
    }
}

ol, ul {
    padding-left: 0
}

h1, h2, h3, h4, h5 {
    color: #00136f
}

.pointer {
    cursor: pointer
}

@media (min-width: 768px) {
    .pull-right-sm {
        float: right
    }
}

@media screen and (max-width: 320px) {
    @-ms-viewport {
        width: 320px
    }
}

.col-centered {
    float: none;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0;
    padding-right: 0
}

.col-centered.module-column .slider {
    margin-left: 0;
    margin-right: 0
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none
}

.visually-hidden {
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.body-backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
    opacity: .5;
    display: none
}

.ratings .cxrev-summary-rating {
    font-family: Arial
}

#cookie-band {
    background: #f1f1f1;
    color: #666;
    font-family: NiveaBook;
    display: none
}

#cookie-band .col {
    padding-top: 21px;
    padding-bottom: 21px
}

#cookie-band a {
    color: #666;
    text-decoration: underline
}

#cookie-band .cookie-description {
    font-size: 12px;
    font-family: Arial;
    line-height: 18px
}

#cookie-band .cookie-description .cookie-copy p {
    margin: 0
}

#cookie-band .cookie-description h5 {
    font-size: 12px;
    font-family: NiveaBook;
    text-transform: uppercase;
    color: #00136f
}

#cookie-band .btn-cookie {
    text-transform: uppercase;
    border-radius: 20px;
    border: 0;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#E7E7E7), to(#DBDBDB));
    background: -moz-linear-gradient(top, #E7E7E7 0, #DBDBDB 100%);
    color: #343434;
    padding: 0 15px;
    height: 34px;
    font-family: NiveaBook;
    font-weight: 700;
    font-size: 12px;
    text-decoration: none;
    line-height: 34px
}

#cookie-band .icon-cookie {
    background-position: -72px -246px;
    display: inline-block;
    height: 14px;
    vertical-align: middle;
    width: 14px;
    margin-right: 10px
}

.language-band {
    border-bottom: 0 solid #4d5a9a;
    height: 25px;
    position: absolute;
    width: 100%
}

.language-band a {
    line-height: 25px;
    color: #a3a7c0;
    font-size: 9px;
    font-family: Arial;
    text-transform: uppercase
}

.btn-primary-blue {
    border: 0;
    background: #102381 !important;
    background: -moz-linear-gradient(top, #102381 0, #00136f 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #102381), color-stop(100%, #00136f)) !important;
    background: -webkit-linear-gradient(top, #102381 0, #00136f 100%) !important;
    background: -o-linear-gradient(top, #102381 0, #00136f 100%) !important;
    background: -ms-linear-gradient(top, #102381 0, #00136f 100%) !important;
    background: linear-gradient(to bottom, #102381 0, #00136f 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#102381', endColorstr='#00136f', GradientType=0) !important
}

header, header .navbar-default {
    background: #f2f2f2;
    margin-bottom: 0;
    border: 0
}

header {
    z-index: 1000;
    position: relative;
    height: 147px;
}

#header .navbar-static-top {
    z-index: 0
}

ul.navbar-nav {
    display: none
}

#main-nav .nav > li.active > a {
    color: #fff
}

.accordion_close_ico {
    position: absolute;
    right: 20px;
    top: 18px;
    background-position: -366px -13px;
    height: 25px;
    width: 25px;
    border: none;
    cursor: pointer
}

.snack-detail-wrapper .list-icon + h1 + .img-wrapper + .list_container {
    clear: both
}

#cookie-band .close-cookie-bar {
    position: absolute;
    right: 15px;
    color: #00136f;
    cursor: pointer
}

#cookie-band .close-cookie-bar .sprite {
    background-position: -317px -19px;
    margin-left: 7px;
    width: 20px;
    height: 15px;
    display: inline-block;
    vertical-align: middle
}

#cookie-band .close-cookie-bar .title {
    display: inline-block;
    vertical-align: middle;
    font-family: Arial;
    font-size: 12px
}

.cookie-category .description {
    font-family: Arial;
    font-size: 12px;
    line-height: 25px;
    color: #333
}

@media screen and (max-width: 767px) {
    #cookie-band .cookie-description h5 {
        margin-bottom: 12px;
        margin-top: 15px
    }

    #cookie-band .cookie-button {
        margin-bottom: 22px
    }

    #cookie-band .cookie-description {
        line-height: 16px
    }

    #cookie-band .close-cookie-bar {
        top: 13px
    }

    .accordion_close_ico {
        padding: 0;
        right: 20px !important
    }

    header .menu-utility-user div a, header .menu-utility-user div span {
        color: #fff !important
    }

    header .menu-utility-user {
        width: 100%
    }

    .menu-utility-user .user-logged .user-greeting {
        position: relative;
        top: 0;
        padding-top: 10px
    }

    header .menu-utility-user .user-greeting span.greeting-text {
        float: left
    }

    header .menu-utility-user .user-logged a.user-account {
        margin-left: 10px;
        padding-top: 5px
    }

    header #main-nav .myaccountlinks ul li input[type=submit] {
        background: 0 0;
        border: none;
        outline: 0;
        color: #666;
        font-size: 12px;
        font-family: Arial;
        float: none;
        padding: 20px;
        letter-spacing: normal
    }

    header #main-nav .myaccountlinks ul li:last-child {
        border-bottom: 1px solid #ccc
    }

    header #main-nav .myaccountlinks ul li a {
        letter-spacing: normal
    }

    .navbar .panel-default .visible-xs .menu-utility-user .user-logged .user-greeting, .navbar .panel-default .visible-xs .menu-utility-user .user-logged .user-greeting a {
        line-height: normal !important
    }
}

@media screen and (min-width: 1024px) {
    .headerNavigation .col-md-9 .row .col-lg-4:nth-of-type(4n), .headerNavigation .col-md-9 .row .col-md-4:nth-of-type(4n) {
        clear: both
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .headerNavigation .col-md-9 .row .col-sm-6:nth-of-type(3n) {
        clear: both
    }
}

@media screen and (min-width: 768px) {
    #cookie-band {
        min-height: 125px
    }

    #cookie-band .cookie-description h5 {
        margin-bottom: 25px;
        margin-top: 25px
    }

    #cookie-band .cookie-description .cookie-copy {
        margin-bottom: 20px
    }

    #cookie-band .cookie-button {
        margin-top: 64px
    }

    #cookie-band .close-cookie-bar {
        top: 20px
    }
}

@media screen and (min-width: 1024px) {
    #cookie-band .cookie-description {
        padding-left: 30px
    }

    #cookie-band .cookie-description h5 {
        margin-bottom: 20px;
        margin-top: 25px
    }

    #cookie-band .cookie-description .cookie-copy {
        margin-bottom: 26px
    }

    #cookie-band .cookie-button {
        margin-top: 58px
    }

    #cookie-band .close-cookie-bar {
        top: 20px
    }
}

@media screen and (min-width: 1280px) {
    #cookie-band {
        min-height: 130px
    }

    #cookie-band .cookie-description {
        padding-left: 40px
    }

    #cookie-band .cookie-description h5 {
        margin-bottom: 24px;
        margin-top: 27px
    }

    #cookie-band .cookie-description .cookie-copy {
        margin-bottom: 30px
    }

    #cookie-band .cookie-button {
        margin-top: 66px
    }

    #cookie-band .close-cookie-bar {
        top: 27px
    }
}

.headerNavigation.tempA .col-md-3 a {
    font-family: NiveaBook;
    font-size: 15px;
    text-align: left;
    text-transform: uppercase;
    color: #00136f;
    margin-bottom: 22px;
    display: block
}

.headerNavigation.tempA .col-md-3 a:hover {
    text-decoration: none
}

header .header-nav {
    float: left
}

header .navbar-default .navbar-nav > li > a {
    color: rgba(255, 255, 255, .6);
    text-transform: uppercase;
    font-size: 14px;
    font-family: NiveaBook
}

header .navbar-default .navbar-nav > .active > a, header .navbar-default .navbar-nav > .active > a:focus, header .navbar-default .navbar-nav > .active > a:hover, header .navbar-default .navbar-nav > li > a:focus, header .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #fff
}

#main {
    min-height: 300px
}

#main-nav ul.navbar-nav li div.level-2, .main-item-effect-1 .prod_cat_icon img.active-state {
    display: none
}

.menu-utility-user .user-logged:hover a.greeting-text-wrap, .menu-utility-user .user-logged:hover a.user-account, header .user-logged:hover, header .user-login:hover, header .user-login:hover span {
    color: #fff
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .tempA .nav-category-row div:nth-child(2n+1) {
        clear: both
    }
}

@media screen and (min-width: 1024px) {
    .tempA .nav-category-row div:nth-child(3n+1) {
        clear: both
    }
}

@media screen and (min-width: 1280px) {
    #main-nav ul.navbar-nav li div.level-2 {
        max-width: 1020px;
        left: 50%;
        margin-left: -510px
    }
}

.headerNavigation > .container > .row {
    margin: 0
}

ul.navbar-nav li ul {
    list-style: none
}

#main-nav div.level-2 {
    display: none;
    left: 0;
    margin: 0;
    padding: 0 0 15px;
    position: absolute;
    width: 100%
}

div.level-2 ul.level-2 a {
    color: #323232;
    font-size: 1em;
    font-weight: 700;
    line-height: 18px;
    padding: 0
}

div.level-3 ul.level-3 {
    margin: 0;
    padding: 0
}

#main-nav div.level-3 li {
    float: none;
    padding: 3px 5px;
    width: auto
}

div.level-3 ul.level-3 a {
    color: #3ebaea;
    font-weight: 400;
    text-transform: none
}

div.level-2 ul.level-2 {
    float: left;
    margin: 0;
    padding: 0
}

header .nav.navbar-nav.navbar-right > li {
    border-left: 1px solid #2a3a87;
    height: 44px
}

header .nav.navbar-nav.navbar-right > li:first-child {
    border-left: 0;
    height: 44px
}

header .nav.navbar-nav {
    margin-top: 30px;
    font-size: 16px
}

.navbar-collapse {
    height: auto !important;
    max-height: none !important
}

#search.navbar-collapse {
    max-height: 380px
}

header .header-utilities > div {
    float: left;
    height: 36px
}

header .header-utilities > div:first-child {
    border-left: 0
}

header .menu-utility-user a {
    color: rgba(255, 255, 255, .6);
    font-family: NiveaCremeRegular;
    float: left
}

header .menu-utility-user a.greeting-text-wrap {
    float: none;
    display: block
}

.margin-right-43 {
    margin-right: 43px !important
}

.navbar-default .navbar-toggle {
    border: 0;
    margin: 0;
    padding: 22px 20px 21px
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #e6e8f1
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: 0 0
}

.container > .navbar-collapse.header-search {
    margin-right: 30px;
    margin-left: 21px
}

.close-search:focus, .close-search:hover {
    color: #fff
}

.header-search input[type=submit] {
    background-position: -466px -16px;
    border: 0;
    height: 18px;
    margin: -18px;
    padding: 0;
    text-indent: -999em;
    width: 18px;
    z-index: 20
}

.header-search.search-bar-expanded input[type=submit] {
    background-position: -492px -16px
}

.header-search .searchInput:focus::-webkit-input-placeholder {
    color: transparent
}

.header-search fieldset {
    position: relative
}

.header-search fieldset input[type=submit] {
    position: absolute;
    right: 0;
    top: 10px;
    margin: 0
}

.search-toggle {
    padding: 20px;
    float: left;
    margin-right: 15px;
    margin-top: 17px;
    margin-bottom: 0
}

.search-toggle .search-toggle-icon {
    background-position: -467px -16px;
    border: 0;
    height: 18px;
    padding: 0;
    width: 18px;
    display: block;
    z-index: 20
}

input[type=email], input[type=password], input[type=text], textarea {
    border: 1px solid #AAA;
    padding: .5em 44px .5em .5em;
    text-indent: 0;
    width: 49.5966%
}

.header-search {
    height: 30px;
    vertical-align: middle;
    z-index: 21;
    float: left;
    width: 200px;
    margin-top: 8px
}

.header-search .searchInput {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #33428c;
    border-radius: 0;
    font-size: 12px;
    color: rgba(255, 255, 255, .6);
    margin: 0;
    width: 100%;
    padding-right: 20px;
    font-family: Arial;
    line-height: 22px;
    background-color: transparent;
    position: relative;
    z-index: 10
}

.search-helper {
    border: none !important;
    font-size: 12px;
    color: rgba(255, 255, 255, .5);
    background: #00136F;
    margin: 0;
    width: 100%;
    padding-right: 20px;
    font-family: NiveaBook;
    line-height: 22px;
    position: absolute;
    opacity: 1;
    top: 0;
    left: 0;
    z-index: 1
}

.lt-ie10 .header-search input[type=text] {
    color: #6d89b7;
    opacity: 1
}

.lt-ie10 .header-search.hover input[type=text] {
    color: #fff
}

.header-search legend {
    background: none
}

.header-search input[type=text]:focus {
    outline: 0
}

#mini-cart-wrapper {
    width: 60px
}

#mini-cart {
    margin: 10px auto;
    width: 20px;
    height: 18px;
    display: block;
    background-position: -166px -16px
}

#mini-cart:hover {
    background-position: -198px -16px
}

#mini-cart a {
    color: #3EBAEA;
    display: block
}

#mini-cart .mini-cart-link-cart:hover {
    background: #3d72f6 !important;
    border-color: #3d72f6
}

a.mini-cart-link {
    height: 40px;
    position: relative;
    top: 10px
}

.mini-cart-label {
    visibility: hidden;
    width: 18px;
    display: block;
    height: 18px
}

.header-utilities .mini-cart-label {
    text-indent: -9999px
}

.mini-cart-count {
    text-transform: uppercase;
    background: #3D72F6;
    border-radius: 10px;
    color: #FFF;
    display: block;
    font-size: 10px;
    height: 14px;
    left: 25px;
    line-height: 12px;
    position: absolute;
    text-align: center;
    text-indent: 0;
    top: 12px;
    width: 14px
}

.mini-cart-empty, .mini-cart-total-label {
    display: none
}

.mini-cart-label {
    margin: 0 10px 0 0
}

.mini-cart-total {
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
    left: -18px;
    width: 57px;
    position: relative;
    top: -10px
}

.mini-cart-content {
    background: #fff;
    border: 1px solid #CCC;
    display: none;
    position: absolute;
    right: -1px;
    top: 50px;
    width: 295px;
    z-index: 99999;
    padding: 0
}

div.level-2 .menu-wrapper {
    background: #fff;
    max-width: 1020px;
    margin: 0 auto
}

.mini-cart-header {
    font: 700 14px Arial;
    letter-spacing: 1px;
    margin: 0 13px;
    padding: 12px 0 9px;
    text-transform: uppercase;
    border-bottom: 1px solid #00136F;
    color: #00136F
}

.mini-cart-close {
    background: url(../images/interface/icon-mini-cart-close.png) left top no-repeat;
    display: none;
    height: 20px;
    text-indent: -999em;
    width: 19px
}

.mini-cart-products {
    max-height: 390px;
    overflow: auto;
    padding: 0 2px 0 13px
}

.margin-right-26 {
    margin-right: 26px !important
}

.mini-cart-product {
    background: #FFF;
    border: 1px solid rgba(204, 204, 204, .5);
    border-width: 0 0 1px;
    overflow: hidden;
    padding: 15px 0 0;
    position: relative;
    height: 110px
}

.mini-cart-product:last-child {
    border-bottom: none
}

.mini-cart-product.collapsed {
    background: #E8E8E8
}

.mini-cart-product.collapsed .mini-cart-attributes, .mini-cart-product.collapsed .mini-cart-name, .mini-cart-product.collapsed .mini-cart-pricing, .mini-cart-product.collapsed .product-availability-list {
    width: 90%
}

.mini-cart-image {
    float: left;
    text-align: left;
    padding-top: 0;
    height: 93px;
    width: 93px
}

.mini-cart-name {
    float: left;
    font: 700 12px NiveaBook;
    width: 60%;
    margin-top: 8px;
    padding-bottom: 10px
}

#mini-cart .mini-cart-name a {
    line-height: 13px;
    color: #333
}

.mini-cart-attributes, .mini-cart-product .product-availability-list {
    float: right;
    font-size: .9em;
    font-weight: 700;
    width: 50%
}

.mini-cart-pricing {
    bottom: 8px;
    color: #666;
    font-family: Arial;
    font-size: 12px;
    padding-right: 10px;
    position: absolute;
    right: 2px;
    width: 66%
}

.mini-cart-products.mCustomScrollbar .mini-cart-pricing {
    width: 63%
}

.mini-cart-pricing .label {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    padding-left: 0;
    padding-right: 0
}

.mini-cart-price {
    color: #333;
    font-size: 13px
}

.mini-cart-totals {
    background: rgba(204, 204, 204, .3);
    display: inline-block;
    padding: 18px 13px 15px;
    width: 100%
}

.mini-cart-subtotals {
    font: 700 12px Arial;
    padding: 10px 0 0;
    text-align: left;
    display: inline-block;
    width: 100%
}

.mini-cart-subtotals .label {
    color: #333;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0
}

.mini-cart-subtotals .value {
    font-size: 17px;
    margin-top: -4px
}

.mini-cart-slot {
    display: none;
    background: #E8E8E8;
    border: 1px solid #D0D0D0;
    font-size: .9em;
    font-style: italic;
    margin: 20px;
    padding: 10px;
    text-align: center
}

.mini-cart-link-cart {
    display: block;
    width: 75%;
    border-radius: 35px;
    background: #00136F;
    float: right;
    margin: 36px 0 0;
    cursor: pointer;
    padding: .6em 2em .5em;
    text-align: center;
    text-transform: uppercase
}

.ui-dialog .pdp-main .product-set-col-2-box {
    margin: 4% 0 0 !important;
    padding: 0
}

.ui-dialog .pdp-main .button-fancy-large {
    color: #FFF !important;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    border: 0
}

.ui-dialog .pdp-main .product-add-to-cart button {
    width: auto;
    padding: 0 20px
}

.ui-dialog .pdp-main .product-set .product-add-to-cart .product-price {
    width: 54%
}

.ui-dialog .pdp-main div.quantity label {
    font-weight: 400;
    padding-top: 7px
}

.ui-dialog .pdp-main label {
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    width: auto
}

.ui-dialog .pdp-main .product-set .pset {
    display: none
}

a.mini-cart-link-cart:hover {
    text-decoration: none
}

#mini-cart a.mini-cart-link-cart {
    color: #fff;
    font-size: 14px
}

.scpage .ui-dialog .badge {
    margin-left: 0 !important
}

.quickview .product-image-container, .quickview .product-set .product-image-container {
    padding: 0 !important
}

.quickview .ps-message-show .in-stock-msg, .quickview .ps-message-show .out-of-stock {
    width: 100%;
    padding-top: 9px
}

.promotion-message {
    color: #666;
    font-family: Arial
}

.promotion-message p {
    margin-bottom: 15px
}

.mini-cart-link-checkout {
    clear: both;
    display: block;
    padding: 10px 0 0;
    text-align: right;
    text-transform: uppercase
}

.primary-content a.mini-cart-link-checkout:hover {
    text-decoration: none;
    color: #333
}

.primary-content a.mini-cart-link-checkout {
    color: #666
}

.js .mini-cart-product {
    position: relative
}

.mCSB_dragger {
    height: 100%
}

a.user-account-login {
    font-family: niveabook;
    font-size: 10px;
    margin: 3px 0 0 5px
}

header .user-icon {
    background-position: -5px -244px;
    height: 18px;
    width: 18px;
    display: inline-block;
    margin: 10px 10px 10px 15px;
    vertical-align: middle
}

header .user-logged:hover .user-icon, header .user-login:hover .user-icon {
    background-position: -36px -244px
}

header .menu-utility-user .user-logged {
    position: relative
}

header #user-wrapper .menu-utility-user .user-logged a.user-account span.greeting-text {
    font-family: NiveaCremeRegular;
    font-size: 18px;
    line-height: 20px
}

header #user-wrapper .login-menu-container {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 1
}

header #user-wrapper .login-menu-container ul {
    background: #fff;
    border: 1px solid #ccc;
    width: 310px;
    margin: 0;
    padding: 0;
    z-index: 99999
}

header #user-wrapper .login-menu-container ul li {
    padding: 0;
    list-style-type: none
}

header #user-wrapper .login-menu-container ul li:hover {
    background-color: #e0e0e0
}

header #user-wrapper .login-menu-container ul li a {
    color: #666;
    font-size: 12px;
    font-family: Arial;
    float: none;
    letter-spacing: normal;
    font-weight: 700;
    display: block;
    padding: 25px
}

header #user-wrapper .login-menu-container ul li a:hover {
    text-decoration: none
}

header #user-wrapper .login-menu-container ul li:first-child {
    border-bottom: 1px solid #ccc
}

header #user-wrapper .login-menu-container ul li input[type=submit] {
    background: 0 0;
    border: none;
    outline: 0;
    color: #666;
    font-size: 12px;
    font-family: Arial;
    float: none;
    font-weight: 700;
    padding: 25px;
    display: block;
    width: 100%;
    text-align: left
}

.menu-utility-user .user-logged:hover a.user-account, header .user-logged:hover, header .user-login:hover, header .user-login:hover span {
    color: #fff
}

#user-wrapper .anchor-label {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle
}

.user-wrapper .user-icon-anchor {
    display: inline;
    margin: 0
}

.menu-utility-user {
    color: rgba(255, 255, 255, .6);
    display: inline-block;
    font-size: .8em;
    letter-spacing: 1px;
    padding: 0;
    vertical-align: middle
}

.menu-utility-user .user-logged a.user-account {
    display: block;
    color: rgba(255, 255, 255, .6);
    text-overflow: ellipsis;
    max-width: 84px;
    font-family: NiveaBook;
    top: 0;
    font-size: 12px;
    line-height: 14px;
    position: relative
}

header .menu-utility-user div {
    float: right
}

.menu-utility-user .user-logged a.user-account:hover {
    text-decoration: none
}

.menu-utility-user .user-logged .user-greeting {
    position: relative;
    top: -3px;
    font-family: NiveaCremeRegular;
    font-size: 18px
}

header .menu-utility-user .user-login:hover {
    text-decoration: none
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #00136f;
    color: #fff
}

.container2 {
    width: 100% !important
}

.navbar-nav h2 {
    font-family: NiveaBook;
    letter-spacing: 1px;
    font-size: 16px;
    color: #00136f;
    text-transform: uppercase;
    margin: 45px 0 36px
}

.mar_top {
    margin-top: 50px;
    font-family: NiveaBook;
    color: #666;
    font-size: 12px
}

.main-item-effect-1a .prod_cat_icon.prod_cat_icon_hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.main-item-effect-1 .prod_cat_icon {
    display: table;
    text-align: center;
    line-height: 118px;
    background: rgba(255, 255, 255, .1);
    -webkit-transition: background .2s ease 0s, color .2s ease 0s;
    -moz-transition: background .2s ease 0s, color .2s ease 0s;
    -o-transition: background .2s ease 0s, color .2s ease 0s;
    transition: background .2s ease 0s, color .2s ease 0s
}

.prod_cat_icon {
    border-radius: 50%;
    color: #00136f;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    height: 120px;
    width: 120px;
    position: relative;
    z-index: 1
}

.main-item-effect-1 .prod_cat_icon:after {
    box-shadow: 0 0 0 2px #00136f;
    left: 0;
    top: 0;
    opacity: 0;
    padding: 0;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: -webkit-transform .2s ease 0s, opacity .2s ease 0s;
    -moz-transition: -moz-transform .2s ease 0s, opacity .2s ease 0s;
    -o-transition: -o-transform .2s ease 0s, opacity .2s ease 0s;
    transition: transform .2s ease 0s, opacity .2s ease 0s
}

.main-item-effect-1 .prod_cat_icon img {
    margin: auto;
    vertical-align: middle;
    display: inline-block;
    max-width: 80px
}

.main-item-effect-1 .prod_cat_icon.active, .main-item-effect-1 .prod_cat_icon.active.prod_cat_icon_hover {
    background-color: #00136f;
    outline: 0
}

.main-item-effect-1 .prod_cat_icon.active, .main-item-effect-1 a:focus {
    outline: 0
}

.main-item-effect-1a .prod_cat_icon.active.prod_cat_icon_hover:after {
    opacity: 0;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7)
}

.main-item-effect-1 .prod_cat_icon:active img {
    padding: 0;
    margin: 0
}

.prod_cat_icon:after {
    border-radius: 50%;
    box-sizing: content-box;
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.main-item-effect-1a .prod_cat_icon.prod_cat_icon_hover {
    background: rgba(255, 255, 255, 1);
    color: #41ab6b
}

.headerNavigation p {
    color: #00136f;
    text-transform: uppercase;
    font-size: 14px;
    font-family: NiveaBook;
    padding: 10px 10px 0;
    text-align: center
}

.headerNavigation h5 {
    font-family: NiveaBook;
    font-size: 15px;
    text-align: left;
    text-transform: uppercase;
    color: #00136f
}

.headerNavigation ul {
    margin: 10px 0
}

.headerNavigation ul li {
    text-align: left;
    list-style: none;
    margin: 18px 0;
    word-wrap: break-word
}

.headerNavigation ul li:last-child {
    margin: 10px 0 0
}

.headerNavigation ul li a {
    font-family: Arial;
    font-size: 12px;
    color: #595959
}

.headerNavigation ul li a:hover {
    color: #a2a2a2
}

.headerNavigation .img-wrapper a {
    display: block;
    position: relative
}

.headerNavigation .img-wrapper .hover {
    background: #fff;
    opacity: 0;
    left: 0;
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%
}

.headerNavigation .img-wrapper .hover:hover {
    opacity: .7
}

.headerNavigation ul li.nav-all-subcategory a {
    color: #00136f
}

.nav_close_ico {
    position: absolute;
    right: 28px;
    bottom: 15px;
    cursor: pointer
}

header .dropdown-menu .close-menu {
    float: right;
    position: absolute;
    right: 20px;
    bottom: 20px
}

header .dropdown-menu {
    background-color: #fff;
    border: none;
    border-radius: 0;
    box-shadow: none;
    display: none;
    float: left;
    font-size: 12px;
    left: 0;
    list-style: none;
    position: absolute;
    top: 100%;
    z-index: 1000;
    width: 100%;
    height: auto;
    padding: 0
}

ul.navbar-nav li .col-lg-3.highlights_li {
    width: 20%;
    margin-right: 0
}

.highlights_li h5 {
    background-color: #ff921e !important;
    margin-top: 50px;
    color: #fff !important;
    padding: 6px;
    width: 120px;
    border-bottom: none
}

.highlights_li ul {
    margin-top: -8px
}

.highlights_li ul li a {
    font-family: Arial;
    font-weight: 700
}

.dropdown-menu li {
    background: #fff
}

.headerNavigation {
    background-color: #fff;
    padding-bottom: 35px;
    position: relative
}

.headerNavigation h5 {
    margin: 0 0 26px
}

.headerNavigation h5 a {
    display: block
}

.headerNavigation h5 a:hover {
    color: #767eaf
}

.headerNavigation .nav-special-links ul li a {
    color: #00136f;
    font-family: Arial;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.headerNavigation .nav-special-links ul li a:hover {
    color: #767eaf
}

.headerNavigation .nav-special-links ul li {
    margin-bottom: 12px
}

.nav-special-links ul {
    margin-top: -3px
}

.nav-special-links ul li {
    margin-top: 0
}

.nav-all-products {
    background: #f4f4f4;
    height: 50px;
    text-align: center;
    margin-bottom: -35px
}

.nav-all-products a {
    font-family: NiveaBold;
    font-size: 15px;
    color: #00136f;
    line-height: 50px;
    text-transform: uppercase
}

.headerNavigation ul {
    margin-bottom: 45px
}

.headerNavigation ul li {
    background-color: transparent
}

.nav > li {
    display: block;
    position: static !important
}

.js #quickviewbutton, .js .product-image:hover #quickviewbutton {
    display: block
}

.quickview .callout-msg-noshipping {
    color: #00136f;
    font-size: 12px;
    font-family: arial;
    float: none;
    clear: both;
    padding-top: 4px;
    text-align: left
}

.quickview .callout-msg-noshipping a {
    text-decoration: underline;
    padding-left: 3px;
    clear: both
}

.product-tile .exclusive, .product-tile .promotion {
    background: #ff921e;
    color: #fff;
    font-size: 12px;
    font-family: Arial;
    font-weight: 700;
    padding: 3px 6px 1px;
    width: initial;
    position: absolute;
    top: 10px;
    left: 0
}

.product-tile .promotion {
    background: #fff;
    color: #ff921e;
    border: 1px solid #ff921e
}

ul.search-result-items .grid-tile {
    padding: 0
}

.pdp-main .product-set-quickview.product-set {
    margin-left: 0;
    margin-right: 30px;
    width: 342px;
    padding: 0
}

.ui-dialog .pdp-main .product-set .favorite-ps-padding {
    width: 57%
}

.pdp-main .product-set .favorite-ps-padding {
    padding: 13px 0 0;
    margin: 0;
    float: right
}

.quickview .product-size.product-tin-size.col-xs-5 {
    padding-left: 21px
}

.product-size.product-tin-size.col-xs-5 {
    clear: left !important;
    margin-top: 19px;
    padding: 0;
    text-align: left
}

.pdp-main .design-your-tin {
    clear: both;
    display: block;
    float: right;
    margin: 3% 0 0;
    text-transform: uppercase;
    font-size: 14px;
    color: #00136f;
    border-color: #00136f;
    background-color: transparent
}

.quickview .product-size.col-xs-5 {
    width: 49%
}

.quickview .product-set.photo-tin .add-wrapper .availability-block {
    padding-top: 4px
}

.search-bar-expanded {
    width: 78%;
    float: left
}

.search-bar-expanded input[type=submit] {
    left: 0
}

.header-nav.hide {
    display: none !important
}

.close-search {
    color: rgba(255, 255, 255, .5);
    top: 15px;
    margin: 0;
    position: absolute;
    right: 0;
    display: none;
    font-size: 12px
}

.review-count {
    font: 400 13px/13px Arial;
    color: #3151a0
}

.star-rating {
    background: url(/global/images/stars.png) center -61px no-repeat;
    display: inline-block;
    height: 11px;
    width: 76px
}

.star-five {
    background-position: center -152px
}

.star-four {
    background-position: center 0
}

.star-three {
    background-position: center -17px
}

.star-two {
    background-position: center -32px
}

.star-one {
    background-position: center -47px
}

.star-four-and-half {
    background-position: center -77px
}

.star-three-and-half {
    background-position: center -92px
}

.star-two-and-half {
    background-position: center -108px
}

.star-one-and-half {
    background-position: center -122px
}

.star-half {
    background-position: center -138px
}

.no-star {
    background-position: center -61px
}

.gallery-image {
    background-position: -743px -24px;
    width: 17px;
    height: 10px;
    display: inline-block
}

.article-image {
    background-position: -715px -24px;
    width: 17px;
    height: 10px;
    display: inline-block
}

.list-image {
    background-position: -690px -24px;
    width: 17px;
    height: 10px;
    display: inline-block
}

.video-image {
    background-position: -775px -24px;
    width: 17px;
    height: 10px;
    display: inline-block
}

.article-card .icon-text {
    font-family: NiveaBook;
    font-size: 10px;
    font-weight: 400
}

@media screen and (min-width: 768px) {
    .navbar-nav h2 {
        font-size: 15px;
        margin: 20px 0 7px
    }

    li.first .col-lg-3.col-md-3.col-sm-3.hidden-xs {
        display: none
    }

    li.first .level-2 .col-lg-3.col-md-3.col-sm-3.hidden-xs {
        display: block
    }

    #main-nav div.level-2 {
        top: 107px
    }

    .header-search.hover input[type=submit] {
        background-position: -492px -17px
    }

    .header-search input[type=text]::-ms-input-placeholder {
        color: rgba(255, 255, 255, .5);
        opacity: 1
    }

    .header-search input[type=text]::-webkit-input-placeholder {
        color: rgba(255, 255, 255, .5);
        opacity: 1
    }

    .header-search input[type=text]::-moz-placeholder {
        color: rgba(255, 255, 255, .5);
        opacity: 1
    }

    .header-search.hover input[type=text]::-ms-input-placeholder {
        color: rgba(255, 255, 255, 1);
        opacity: 1
    }

    .header-search.hover input[type=text]::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 1);
        opacity: 1
    }

    .header-search.hover input[type=text]::-moz-placeholder {
        color: rgba(255, 255, 255, 1);
        opacity: 1
    }

    .header-search.hover .searchInput {
        color: rgba(255, 255, 255, 1)
    }

    .headerNavigation {
        margin-bottom: 25px
    }

    .headerNavigation h5 {
        margin: 0 0 15px
    }

    .highlights_li h5 {
        margin-top: -6px;
        font-size: 15px
    }

    .highlights_li ul {
        margin-top: -6px
    }

    .highlights_li li {
        margin: 10px 0 !important
    }

    .headerNavigation ul {
        margin-bottom: 28px
    }

    .nav_close_ico {
        bottom: -35px;
        display: block;
        position: absolute;
        right: 0;
        cursor: pointer;
        opacity: 1;
        color: #fff;
        text-transform: uppercase;
        padding: 10px
    }

    .nav_close_ico .close-img {
        background-position: -36px -354px;
        height: 15px;
        width: 15px;
        display: inline-block;
        margin: -1px 0 0 5px;
        vertical-align: middle
    }

    .nav_close_ico .label {
        vertical-align: middle;
        display: inline-block;
        color: #fff;
        font-size: 15px;
        font-family: NiveaBook;
        padding: 0;
        text-align: left;
        font-weight: 400;
        border-radius: 0
    }

    .nav_close_ico:hover {
        color: #fff;
        opacity: 1
    }

    .nav_close_ico:hover .close-img {
        background-position: -36px -323px
    }

    .nav_close_ico img {
        display: none
    }

    header .header-search {
        width: 173px
    }

    .level-2 .main_items {
        padding-bottom: 18px
    }

    .language-band .additional-links {
        margin-left: 20px;
        clear: both;
        position: relative;
        z-index: 99
    }

    .language-band .additional-links li {
        float: left;
        margin: 0 15px;
        list-style-type: none
    }

    .language-band .additional-links li:last-child {
        margin-right: 0
    }

    .text-help-container > ol + .share-widget {
        margin-left: 8px;
        margin-top: 16px
    }
}

@media screen and (max-width: 767px) {
    #accordion {
        border-top: solid 1px #ccd0e2
    }

    header .menu-utility-user div {
        float: none
    }

    .headerNavigation {
        background-color: #ebebeb
    }

    .headerNavigation ul li a {
        display: block
    }

    .menu-utility-user {
        margin-top: 5px
    }

    .headerNavigation .panel .panel:last-child h5 {
        border: 0
    }

    .categories h2 {
        display: none
    }

    .headerNavigation ul li {
        margin: 0;
        background-color: #ebebeb
    }

    .categories {
        background-color: #fff !important;
        margin-bottom: 10px
    }

    .headerNavigation .mar_top {
        color: #00136f;
        text-transform: uppercase;
        margin: 0
    }

    .headerNavigation ul {
        margin: 0
    }

    .main_items .bor-bot {
        border-bottom: solid 1px #CCC;
        padding: 10px
    }

    .headerNavigation li {
        padding: 0 !important;
        border-bottom: solid 1px #ccc
    }

    .panel-default.main_menu .headerNavigation li a {
        padding: 17px 0 !important;
        display: block
    }

    .headerNavigation li a:hover {
        color: #a2a2a2
    }

    .headerNavigation .language-items h5 {
        padding-top: 23px;
        padding-bottom: 23px
    }

    .headerNavigation li:last-child {
        border-bottom: 0
    }

    .main_items img {
        width: 65%
    }

    #user-wrapper {
        height: 60px
    }

    .country_select {
        color: #666
    }

    #main-nav {
        position: absolute;
        width: 100%;
        left: 0
    }

    #main-nav #accordion .panel-default > .panel-heading {
        padding: 0 20px
    }

    #main-nav .panel-default > .panel-heading {
        cursor: pointer
    }

    #main-nav .panel .panel-default {
        border-bottom: solid 1px #666
    }

    #main-nav .panel .panel-default:last-child {
        border-bottom: 0
    }

    .headerNavigation {
        padding: 0
    }

    .headerNavigation .panel-group .panel {
        margin: 0 20px
    }

    .headerNavigation, .headerNavigation h5 {
        margin: 0;
        color: #d4d5de
    }

    .menu-utility-user .user-logged a {
        display: inline
    }

    header .user-icon {
        margin: 15px 10px 15px 3px
    }

    #main-nav .panel-group .panel + .panel, .panel-default {
        margin: 0
    }

    #main-nav .panel-group .panel .panel {
        margin: 0 20px
    }

    #main-nav .panel-group .panel .panel .panel-heading {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .headerNavigation ul li:last-child {
        margin-top: 0
    }

    #main-nav .panel-collapse .panel-body.nav-teaser-links ul li:first-child, #main-nav .panel-collapse .panel-body.right-col-links ul li:first-child {
        border-top: 0
    }

    #main-nav .panel-group .panel .highlights_li .navi-plus-ico {
        margin-top: 5px
    }

    #main-nav .panel-body {
        padding: 0
    }

    #main-nav .panel-body.language-items, #main-nav .panel-body.sub-categories {
        padding: 0 20px
    }

    .sub-categories .category-item a {
        text-transform: uppercase
    }

    #main-nav .panel-collapse .panel-body ul li {
        padding-left: 0;
        padding-right: 0
    }

    #main-nav .panel-collapse .panel-body ul li:first-child {
        border-top: solid 1px #666
    }

    .bor-bot .col-xs-3 {
        height: 65px
    }

    .highlights_li {
        height: 60px;
        padding-top: 17px !important
    }

    .highlights_li h5 {
        margin-top: 0 !important;
        color: #fff !important;
        float: left;
        padding: 5px 4px 5px 3px;
        width: auto;
        border-bottom: none;
        text-align: center
    }

    .headerNavigation h5 {
        border-bottom: solid 0 #666;
        font-family: niveaBook;
        font-size: 12px;
        color: #00136f;
        padding: 0;
        position: relative
    }

    .headerNavigation h5 a {
        padding: 19px 0;
        display: block
    }

    #main-nav .panel-heading {
        border-bottom: none;
        border-radius: 0;
        padding-bottom: 0
    }

    #main-nav .panel-default > .panel-heading {
        border: none;
        padding: 0 20px
    }

    #main-nav .panel-default .main-items {
        background-color: #00136f;
        border-radius: 0
    }

    #main-nav .panel-default .main-items h5, #main-nav .panel-default .main-items h5 a {
        color: rgba(255, 255, 255, .8)
    }

    #main-nav .panel-default .main-items h5 a {
        padding: 23px 0
    }

    #main-nav .panel-default .main-items h5 a:hover {
        color: #6570aa
    }

    .bor-bot {
        background-color: #fff;
        border-bottom: 1px solid #d6d6d6
    }

    .sub-categories {
        background: #fff
    }

    .sub-categories > .row {
        padding: 0 20px
    }

    .sub-categories > .row > .category-item:last-child {
        border: 0
    }

    .sub-categories .category-item {
        height: 64px;
        margin: 0;
        border-bottom: 1px solid #ccc
    }

    .sub-categories .category-item a {
        display: block
    }

    .sub-categories .category-item a:hover {
        text-decoration: none;
        color: #00136f
    }

    .sub-categories .category-item img {
        padding: 11px 8px;
        width: 52px;
        margin-right: 5px
    }

    #main-nav .panel-group .panel {
        border-radius: 0
    }

    .pad-top {
        padding-top: 10px
    }

    .img-ht {
        height: 30px
    }

    .main-items h5 {
        border: none;
        letter-spacing: 1px
    }

    .main_menu {
        border-bottom: solid 1px #4d5a9a !important
    }

    .headerNavigation .language-arrow {
        background-position: -36px -3px;
        width: 18px;
        height: 16px;
        float: right;
        color: #ccc
    }

    .collapsed .navi-plus-ico {
        background-position: -49px -101px;
        float: right;
        width: 20px;
        height: 12px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -6px
    }

    .navi-plus-ico {
        background-position: -49px -78px;
        float: right;
        width: 20px;
        height: 12px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -6px
    }

    .main-items .navi-plus-ico {
        background-position: 3px -78px;
        float: right;
        width: 20px;
        height: 12px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -6px
    }

    .main-items.collapsed .navi-plus-ico {
        background-position: 3px -101px;
        float: right;
        width: 20px;
        height: 12px
    }

    .header-search input[type=text]::-ms-input-placeholder {
        color: #333;
        opacity: 1
    }

    .header-search input[type=text]::-webkit-input-placeholder {
        color: #333;
        opacity: 1
    }

    .header-search input[type=text]::-moz-placeholder {
        color: #333;
        opacity: 1
    }

    .main_menu.panel-language {
        border-bottom: 1px solid #ccc !important
    }

    .headerNavigation .additional-link-items li {
        padding: 0
    }

    .headerNavigation .additional-link-items li a {
        padding: 20px;
        display: block
    }

    .headerNavigation .language-items ul li {
        padding: 0;
        background: 0 0 !important
    }

    header .menu-utility-user a.greeting-text-wrap {
        float: left
    }

    .menu-utility-user .user-logged .user-greeting {
        position: relative;
        top: 0;
        padding-top: 10px
    }
}

.container[role=main] {
    min-height: 300px
}

footer {
    position: relative
}

.footer-benefits {
    background: #f4f4f4;
    padding-top: 49px;
    padding-bottom: 20px;
    text-align: center;
    color: #666;
    font-family: NiveaBook
}

.footer-benefits h3 {
    color: #3151a0;
    text-transform: uppercase;
    font-size: 12px
}

.footer-benefits .description {
    font-size: 12px;
    color: #666;
    margin-bottom: 12px;
    padding: 0;
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
    font-family: Arial;
    line-height: 18px
}

.footer-benefits a {
    text-decoration: none;
    display: block
}

.footer-benefits a .anchor {
    text-decoration: underline;
    color: #666;
    font-family: NiveaBook
}

.footer-benefits a:hover .anchor {
    color: #333
}

.footer-benefits .benefit-icon img {
    width: 60px;
    height: 60px
}

.footer-benefits .description p {
    margin: 0;
    line-height: 18px
}

.footer-benefits .description small {
    color: #999;
    font-size: 10px
}

.footer-benefits .description strong {
    color: #666;
    font-weight: 400;
    font-size: 14px
}

.footer-benefits .description p a {
    text-decoration: underline;
    font-family: NiveaBook;
    color: #666
}

.footer-benefits .image {
    margin: 12px 0
}

.footer-benefits .image img {
    display: inline
}

.footer-benefits .anchor a {
    color: #666;
    text-decoration: underline;
    text-transform: uppercase
}

.footer-benefits .anchor a:focus, .footer-benefits .anchor a:hover {
    color: #333
}

.footer-benefits .contact {
    margin: 24px 0 0;
    font-weight: 700
}

.footer-slider h3 {
    margin: 15px 0 10px
}

.footer-slider .slick-track {
    margin: 0 auto
}

.footer-slider .col-lg-3.col-md-3.col-sm-3 {
    padding: 0
}

.footer-benefits .small {
    color: #999
}

.description .contact_nos {
    padding-top: 25px;
    font-weight: 700
}

.footer-slider .description p img {
    display: inline;
    margin: 4px 0;
    min-height: 26px
}

.footer-slider .slick-slide img {
    display: inline
}

.social-band {
    background: #00136f;
    border-bottom: 1px solid #4d5a9a;
    padding: 5px 0
}

.footer-nav {
    background: #00136f;
    padding: 16px 0 7px
}

.footer-nav a {
    color: #ccc;
    line-height: 24px;
    font-family: Arial
}

.footer-nav a:focus, .footer-nav a:hover {
    color: #fff;
    text-decoration: none
}

.newsletter-wrapper input::-webkit-input-placeholder {
    color: #fff
}

.newsletter-wrapper input:-moz-placeholder {
    color: #fff
}

.newsletter-wrapper input::-moz-placeholder {
    color: #fff
}

.newsletter-wrapper input:-ms-input-placeholder {
    color: #fff
}

.newsletter-wrapper .hovered input::-webkit-input-placeholder {
    color: #333
}

.newsletter-wrapper .hovered input:-moz-placeholder {
    color: #333
}

.newsletter-wrapper .hovered input::-moz-placeholder {
    color: #333
}

.newsletter-wrapper .hovered input:-ms-input-placeholder {
    color: #333
}

.newsletter-wrapper form input[type=email], .newsletter-wrapper label.hidden-xs {
    vertical-align: middle;
    margin-top: 0;
    border: 0;
    font-family: Arial;
    padding-left: 20px
}

#agree {
    width: 12px;
    padding: 0
}

.newsletter-wrapper form.focused input[type=email], .newsletter-wrapper form.hovered input[type=email] {
    background-color: #fff;
    color: #333;
    outline: 0
}

input[type=email].error.warning-icon, input[type=text].error.warning-icon {
    background: url(../images/input-warning.png) right 22px center no-repeat #fff
}

.newsletter-wrapper #input_newsletter.error {
    border: 1px solid #f33;
    padding-right: 33px
}

.form-group.label-error span:before {
    box-shadow: 0 0 0 1px #f33 !important
}

.newsletter-component label.privary-agreement {
    max-width: 440px;
    font-family: Arial
}

.newsletter-component label.privary-agreement, .newsletter-wrapper label.privary-agreement {
    display: block;
    font-size: 11px;
    margin-bottom: 30px;
    margin-top: 15px;
    padding-right: 0;
    cursor: pointer;
    position: relative
}

.newsletter-component label.privary-agreement input, .newsletter-wrapper label.privary-agreement input, label.nivea-checkbox input[type=checkbox] {
    margin-top: 0;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    opacity: 0;
    position: absolute;
    float: left;
    margin-left: 0;
    top: 0;
    left: 0;
    cursor: pointer
}

.newsletter-wrapper label.privary-agreement a {
    color: rgba(255, 255, 255, .7);
    text-decoration: underline
}

.newsletter-component label.privary-agreement span, .newsletter-wrapper label.privary-agreement span, label.nivea-checkbox span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 19px;
    position: relative;
    white-space: pre-wrap;
    word-wrap: normal;
    padding-left: 24px
}

.newsletter-wrapper .focused label.hidden-xs {
    color: #fff
}

.newsletter-component input[type=email] {
    width: 100%
}

.newsletter-component label.privary-agreement span:before, .newsletter-wrapper label.privary-agreement span:before, label.nivea-checkbox span:before {
    width: 13px;
    height: 13px;
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    background: url(/global/images/sprite_checkboxes.png) -9px -228px no-repeat #fff
}

.newsletter-component label.privary-agreement:hover span:before, .newsletter-wrapper label.privary-agreement:hover span:before, label.nivea-checkbox:hover span:before {
    background: url(/global/images/sprite_checkboxes.png) -9px -194px no-repeat #fff
}

.newsletter-component input#input_newsletter:focus::-webkit-input-placeholder, .newsletter-wrapper input#input_newsletter:focus::-webkit-input-placeholder {
    color: transparent
}

.newsletter-component label.privary-agreement.active span:before, .newsletter-wrapper label.privary-agreement.active span:before, label.nivea-checkbox.active span:before {
    background: url(/global/images/sprite_checkboxes.png) -9px -211px no-repeat #fff
}

.newsletter-wrapper label.privary-agreement span a:hover {
    color: #fff
}

.newsletter-wrapper .success {
    color: #fff;
    float: right;
    margin-top: 18px;
    width: 425px;
    display: none;
    font-family: NiveaBook
}

.newsletter-wrapper .success .title {
    margin-bottom: 10px
}

.newsletter-wrapper .success .name {
    margin-bottom: 5px
}

.newsletter-wrapper .success .btn {
    margin-top: 9px;
    margin-bottom: 10px
}

.newsletter-wrapper .active-content {
    display: none
}

.newsletter-wrapper form.focused .active-content {
    display: block;
    padding-left: 0;
    max-width: 550px;
    font-family: Arial
}

.footer-nav h5 {
    margin-bottom: 0
}

.valid {
    width: 100%
}

.footer-nav ul li {
    list-style: none;
    margin: 14px 0;
    color: #a2a4b3;
    font-size: 12px
}

.footer-nav h5 {
    font-weight: 400;
    text-transform: uppercase;
    color: #ccc
}

.newsletter-wrapper input[type=text] {
    height: 34px;
    margin-top: 2px;
    padding: 6px 15px;
    font-family: Arial
}

.newsletter-wrapper label.hidden-xs {
    position: relative;
    top: 4px
}

.newsletter-wrapper .pull-right-sm label.error {
    margin-top: 4px;
    margin-bottom: -6px
}

.newsletter-wrapper .privary-agreement label.error {
    margin-top: 6px;
    margin-bottom: -18px
}

.newsletter-wrapper fieldset {
    position: relative
}

.newsletter-wrapper .go-btn, .newsletter-wrapper .ok-btn {
    text-transform: uppercase;
    color: #fff;
    padding: 5px 18px;
    border: 1px solid #4d5b9c;
    background: 0 0;
    border-radius: 20px;
    min-width: 85px
}

.newsletter-wrapper .go-btn.default, .newsletter-wrapper .ok-btn.default {
    color: #fff !important;
    background: none !important;
    border: 1px solid #4d5b9c !important
}

.newsletter-wrapper .go-btn.hover, .newsletter-wrapper .go-btn:active, .newsletter-wrapper .go-btn:focus, .newsletter-wrapper .ok-btn.hover, .newsletter-wrapper .ok-btn:active, .newsletter-wrapper .ok-btn:focus {
    color: #fff;
    background: #3d72f6;
    border: 1px solid #3d72f6
}

.newsletter-wrapper label.error {
    background: none !important
}

.social-wrapper ul {
    padding: 0;
    text-align: center
}

.social-wrapper ul li {
    display: inline;
    margin-right: 40px;
    color: #009;
    float: left;
    padding: 10px 10px 10px 0
}

.copyright-band {
    padding: 14px 0;
    color: #2a6496
}

.copyright-band ul {
    float: right
}

.copyright-band ul li {
    display: inline-block;
    text-transform: uppercase;
    margin-right: 13px;
    font-size: 10px;
    vertical-align: middle
}

.copyright-band ul li:last-child {
    margin-right: 0
}

.copyright-band span {
    margin-left: 10px;
    color: #00136f
}

.copyright-band .footer-links ul {
    margin-bottom: 0;
    color: #00136f
}

.copyright-band .footer-links ul a {
    margin-bottom: 0;
    color: rgba(0, 19, 111, .8)
}

.copyright-band .footer-links ul a:focus, .copyright-band .footer-links ul a:hover {
    margin-bottom: 0;
    color: rgba(0, 19, 111, 1);
    text-decoration: none
}

.newsletter-wrapper input {
    border: none;
    background: #1a2b7e;
    border-radius: 20px;
    padding: 8px 15px;
    color: #aaa;
    line-height: 22px;
    height: 38px
}

.newsletter-wrapper {
    vertical-align: top
}

.newsletter-component label {
    font-weight: 400;
    text-align: left !important
}

.newsletter-wrapper label {
    padding-right: 19px;
    color: rgba(255, 255, 255, .7);
    font-weight: 400;
    text-align: left
}

.newsletter-wrapper form {
    float: right;
    padding: 0
}

.social-wrapper .social-box a {
    margin-right: 40px;
    height: 22px;
    width: 22px;
    display: inline-block
}

.copyright > a:focus, .copyright > a:hover {
    text-decoration: none
}

.main-container {
    position: relative
}

#main-nav .nav > li {
    letter-spacing: 1px
}

.header-search input[type=text]::-webkit-input-placeholder {
    line-height: 22px
}

@media screen and (max-width: 767px) {
    header, header .navbar-default {
        border: 0
    }

    #cookie-band .btn-cookie {
        height: 32px;
        line-height: 32px;
        padding: 0 18px
    }

    #cookie-band .icon-cookie {
        margin-right: 8px;
        width: 14px;
        height: 14px
    }

    #cookie-band .col {
        padding-top: 15px;
        padding-bottom: 15px
    }

    #cookie-band .cookie-description {
        font-size: 11px
    }

    #cookie-band div.col:first-child {
        padding-bottom: 0
    }

    header .navbar-brand {
        max-width: 80px;
        height: 57px;
        padding: 10px 20px
    }

    header .header-nav {
        float: none
    }

    header .header-utilities {
        position: absolute;
        top: 7px;
        right: 58px;
        margin-top: 0
    }

    .navbar-toggle .icon-bar {
        width: 19px
    }

    header .header-utilities > div {
        float: left;
        border-left: 0;
        height: 44px
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding: 0
    }

    .navbar-default .navbar-form {
        margin: 11px 0
    }

    #mini-cart-wrapper {
        width: 42px
    }

    #mini-cart {
        margin: 14px auto
    }

    .navbar-form {
        box-shadow: 0 0 0 rgba(255, 255, 255, .1) inset, 0 0 0 rgba(255, 255, 255, .1)
    }

    .header-search {
        float: none;
        width: 100%;
        margin-left: 0
    }

    .navbar-default .navbar-collapse.header-search {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0
    }

    header .nav.navbar-nav {
        margin: 0
    }

    header .nav.navbar-nav li a {
        padding-left: 0
    }

    .navbar-default .navbar-toggle.search-toggle {
        float: right;
        margin-right: 43px;
        margin-top: 0;
        padding: 21px 15px 18px
    }

    .navbar-toggle.search-toggle.ecommerce-off {
        padding-right: 10px;
        margin-right: 0
    }

    .navbar #user-wrapper {
        display: none
    }

    .navbar .panel-default .visible-xs #user-wrapper {
        display: block
    }

    .navbar .panel-default .visible-xs .menu-utility-user .user-logged .user-greeting {
        line-height: 60px
    }

    .navbar .panel-default .visible-xs .menu-utility-user .user-logged .user-greeting span {
        float: left
    }

    .navbar .panel-default .visible-xs .menu-utility-user .user-logged .user-greeting span a {
        line-height: 60px;
        margin-left: 10px;
        max-width: 100%
    }

    #search {
        min-height: 53px
    }

    .panel-default .language-band {
        border-bottom: none
    }

    .panel-default .language-band a {
        font-size: 12px;
        color: #666
    }

    .panel-default .language-band a:hover {
        text-decoration: none
    }

    .panel-default .language-band .container {
        padding: 0
    }

    .header-search input[type=text] {
        width: 100%;
        padding: .65em .25em .65em 1.083em;
        background: #fff;
        border-radius: 15px;
        color: #333;
        font-size: 12px;
        border: 1px solid #ccc;
        border-width: 1px 0
    }

    .header-search input[type=text]::-webkit-input-placeholder {
        line-height: 22px
    }

    .header-search input[type=submit] {
        display: none
    }

    .social-wrapper {
        padding-top: 20px;
        padding-bottom: 10px
    }

    .footer-benefits {
        padding: 10px 0
    }

    .footer-benefits .description img {
        display: inline-block
    }

    .newsletter-component label.privary-agreement, .newsletter-wrapper label.privary-agreement {
        display: table
    }

    .newsletter-component label.privary-agreement input[type=checkbox], .newsletter-wrapper label.privary-agreement input[type=checkbox] {
        position: absolute;
        top: 0;
        left: 0
    }

    .newsletter-wrapper form input[type=email], .newsletter-wrapper label.hidden-xs {
        width: 100%;
        display: block
    }

    .newsletter-wrapper form.focused .active-content {
        padding-left: 0;
        max-width: none
    }

    #input_newsletter-error {
        margin-left: 0 !important
    }

    .newsletter-wrapper .success {
        width: auto
    }

    .footer-nav, .newsletter-signup {
        display: none
    }

    .social-wrapper ul li {
        display: inline-block;
        float: none;
        margin-right: 4px;
        padding: 5% 5% 5% 0
    }

    .social-wrapper .social-box a {
        display: inline-block;
        float: none;
        margin: 0 0 0 29px
    }

    .social-wrapper .social-box a:first-child {
        margin-left: 0
    }

    .social-wrapper .social-box {
        text-align: center
    }

    .social-band {
        padding: 0
    }

    .newsletter-wrapper ul {
        padding-left: 0
    }

    .copyright-band {
        padding: 0
    }

    .copyright-band span {
        margin-left: 20px
    }

    .copyright-band ul li {
        display: inline;
        text-transform: uppercase;
        margin-right: 16px;
        line-height: 26px
    }

    .newsletter-wrapper, .newsletter-wrapper input[type=text] {
        width: 100%
    }

    .newsletter-wrapper form {
        float: none;
        margin-top: 0
    }

    .copyright-band, .copyright-band ul {
        float: left
    }

    .copyright-band .footer-links {
        padding-top: 8px;
        padding-bottom: 20px
    }

    .copyright {
        clear: both;
        padding-bottom: 16px !important;
        vertical-align: top
    }

    .copyright-band .footer-links a {
        font-size: 12px;
        line-height: 24px
    }

    #main-nav div.level-2, #main-nav ul.navbar-nav li:hover div.level-2 {
        display: none
    }

    .lt-ie10 .newsletter-wrapper .go-btn {
        top: 0;
        padding: 4px 0
    }

    .lt-ie10 .newsletter-wrapper input[type=email] {
        line-height: 16px
    }

    .newsletter-wrapper form {
        padding: 0
    }

    .newsletter-wrapper .navbar-form {
        margin: 14px 0 9px !important
    }

    .newsletter-wrapper label.privary-agreement {
        margin-top: 8px;
        padding-right: 0;
        position: relative
    }

    .newsletter-wrapper .go-btn {
        margin-top: -2px;
        margin-bottom: 25px
    }

    .footer-slider a {
        outline: 0
    }

    .footer-benefits .description {
        max-width: 230px
    }

    .footer-slider h3 {
        margin: 17px 0 5px
    }

    .snack-detail-wrapper .list-icon + h1 + .img-wrapper {
        display: none
    }

    .snack-detail-wrapper .list-icon + h1 {
        width: 100%;
        font-size: 21px
    }
}

.lt-ie10 .newsletter-wrapper input[type=email] {
    color: #ccc
}

.lt-ie10 .newsletter-wrapper input[type=email]:focus, .lt-ie10 .newsletter-wrapper input[type=email]:hover {
    color: #333
}

#main-nav .nav > li > a:hover {
    color: #fff
}

input[type=email]::-ms-clear, input[type=text]::-ms-clear {
    display: none
}

@media screen and (min-width: 768px) {
    .product-tile a.name-link, .rating-margin {
        text-align: center
    }

    .product-tile .product-name.product-name-big {
        margin-top: -17px
    }

    .product-tile .product-name.product-name-bigger {
        margin-top: -34px
    }

    .product-tile .product-image {
        margin-bottom: 0;
        padding-top: 7px
    }

    .product-tile .custom-size {
        padding-right: 5px;
        margin-top: 0;
        text-align: right
    }

    .product-tile .product-pricing {
        padding-left: 5px;
        text-align: left
    }

    .product-tile .product-pricing.col-xs-12.col-sm-12.col-md-12.col-lg-12.text-center {
        text-align: center
    }

    .product-tile .cards-bottom-price .custom-size {
        padding-left: 0
    }

    .product-tile .cards-bottom-price .custom-size, .product-tile .cards-bottom-price .product-pricing {
        float: none;
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .close-search {
        text-transform: uppercase;
        z-index: 20
    }

    .header-search input[type=text] {
        height: 36px;
        padding: 9px 25px 0 10px
    }

    #cookie-band .btn-cookie {
        height: 30px;
        line-height: 30px;
        float: right
    }

    #cookie-band .cookie-button {
        width: 252px
    }

    .language-band {
        height: 25px
    }

    .language-band a {
        line-height: 25px
    }

    .header-search {
        width: 150px
    }

    header .header-utilities > div {
        border-left: 0
    }

    #main-nav .nav > li {
        margin-left: 9px;
        margin-right: 9px
    }

    header .nav.navbar-nav {
        margin-top: 0
    }

    header #main-nav {
        margin-top: 45px
    }

    #main-nav a.level-1 {
        height: 62px
    }

    #main-nav .nav > li > a {
        padding: 0;
        color: rgba(255, 255, 255, .6)
    }

    #main-nav .nav > li.active > a:before {
        border-color: transparent transparent #fff;
        border-style: solid;
        border-width: 8px;
        content: "";
        display: inline-block;
        bottom: 0;
        left: 50%;
        margin-left: -8px;
        position: absolute
    }

    .social-wrapper {
        float: left;
        padding: 12px 12px 12px 19px
    }

    header #mini-cart-wrapper.no-ecommerce {
        border-right: none
    }

    #mini-cart-wrapper.no-ecommerce #mini-cart {
        margin-right: 0
    }

    #mini-cart-wrapper {
        width: 59px
    }

    #mini-cart-wrapper.no-ecommerce {
        width: 40px
    }

    .social-wrapper ul li {
        margin: 0;
        padding: 25px 30px 10px 0
    }

    .copyright-band span, .newsletter-wrapper span, li {
        font-size: 10px
    }

    .newsletter-wrapper {
        padding-left: 0;
        overflow: hidden
    }

    input[type=text] {
        width: 100%
    }

    .newsletter-wrapper li {
        font-size: 10px
    }

    .social-wrapper .social-box {
        height: 22px;
        padding-top: 5px
    }

    .social-wrapper .social-box a {
        margin-right: 27px
    }

    .newsletter-wrapper input[type=email] {
        width: 250px;
        outline: 0;
        border: 0
    }

    label.error[for=input_newsletter] {
        margin-left: 137px
    }

    .footer-benefits {
        background: #f4f4f4;
        padding-top: 50px;
        padding-bottom: 20px;
        text-align: center;
        color: #666
    }

    .footer-nav {
        height: auto
    }

    .footer-nav h5 {
        margin-bottom: 0;
        min-height: 26px
    }

    .nav > li > a {
        padding-left: 10px;
        padding-right: 10px
    }

    #cookie-band .col {
        padding-top: 20px;
        padding-bottom: 20px
    }

    #cookie-band div.col:first-child {
        padding-bottom: 0;
        padding-top: 0
    }

    .header-search {
        float: right;
        margin-top: 34px
    }

    .container > .navbar-collapse.header-search {
        margin-right: 0;
        margin-left: 0
    }

    .container > .navbar-collapse.header-search .navbar-form {
        margin-left: -15px;
        margin-bottom: 0;
        margin-top: 0
    }

    header .navbar-brand {
        max-width: 118px;
        height: auto;
        padding: 14px 19px 13px
    }

    header .header-search {
        width: 170px
    }

    header .header-utilities {
        margin-top: 32px;
        position: relative;
        right: 0
    }

    header #mini-cart-wrapper {
        border-right: 1px solid #2a3a87;
        border-left: 1px solid #2a3a87
    }

    .mini-cart-content .error {
        margin: 0 13px;
        padding: 5px 0 0;
        font-family: Arial;
        color: #f33;
        outline: 0;
        border-color: red
    }

    .copyright-band .copyright {
        max-width: 290px
    }

    .footer-benefits .description {
        max-width: 270px
    }
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
    #mini-cart:hover .mini-cart-content {
        display: none
    }
}

@media screen and (min-width: 1024px) {
    .navbar-nav h2 {
        margin: 20px 0 7px
    }

    .headerNavigation {
        padding-bottom: 35px
    }

    .headerNavigation h5 {
        margin: 0 0 21px
    }

    .headerNavigation ul {
        margin-bottom: 21px
    }

    .highlights_li h5 {
        margin-top: -6px
    }

    .product-tile a.name-link, .rating-margin {
        text-align: center
    }

    .level-2 .main_items {
        padding-bottom: 13px
    }

    .headerNavigation .col-lg-4 > span > a {
        color: #00136F
    }

    .rating-margin {
        margin: 10px 0
    }

    .product-tile .product-image {
        margin-bottom: 0
    }

    #main-nav a.level-1 {
        height: 63px
    }

    .product-tile .product-name.product-name-big {
        margin-top: -17px
    }

    .product-tile .product-name.product-name-bigger {
        margin-top: -34px
    }

    .product-tile .product-pricing.col-xs-12.col-sm-12.col-md-12.col-lg-12.text-center {
        text-align: center
    }

    .product-tile .custom-size {
        padding-right: 5px;
        margin-top: 0;
        text-align: right
    }

    .product-tile .product-pricing {
        padding-left: 5px;
        text-align: left
    }

    .product-sales-price, .product-tile .product-pricing .product-sales-price {
        font-size: 12px
    }

    .headerNavigation .col-lg-3 {
        padding-left: 20px
    }

    .mar_top {
        text-align: left
    }

    ul.navbar-nav li.dropdown:hover div.level-2 {
        display: none
    }

    #user-wrapper {
        min-width: 91px
    }

    #cookie-band .col {
        padding-top: 21px;
        padding-bottom: 21px
    }

    #cookie-band .btn-cookie {
        height: 34px;
        line-height: 34px
    }

    #main-nav .nav > li {
        margin-left: 10px;
        margin-right: 10px
    }

    header .navbar > .container .navbar-brand, header .navbar > .container-fluid .navbar-brand {
        padding: 0;
        max-width: 80px;
        margin: 14px 13px 14px 0
    }

    .container > .navbar-collapse.header-search .navbar-form {
        padding-left: 20px;
        padding-right: 15px;
        margin-top: 0
    }

    header .header-search {
        width: 230px
    }

    .header-search {
        float: right;
        margin-top: 34px
    }

    header .header-utilities {
        margin-top: 34px
    }

    #main-nav div.level-2 {
        top: 108px;
        padding: 0
    }

    .social-wrapper {
        margin-top: 4px;
        padding-left: 27px
    }

    .social-wrapper .social-box {
        padding-top: 0
    }

    .social-wrapper .social-box a {
        margin-right: 40px
    }

    header .menu-utility-user .user-logged {
        font-size: 18px
    }

    .user-greeting > span > span {
        height: 22px;
        display: block;
        width: 82px
    }

    .menu-utility-user .user-logged a.user-account {
        padding-top: 3px;
        top: 0
    }

    header .menu-utility-user .user-login {
        font-size: 18px
    }

    .menu-utility-user .user-greeting {
        margin-left: 8px;
        position: relative;
        display: table
    }

    .menu-utility-user .user-greeting > span {
        display: table-cell;
        vertical-align: middle
    }

    .menu-utility-user .user-logged .user-account {
        display: table-cell !important;
        word-wrap: break-word;
        max-width: 100px;
        top: 0
    }

    .copyright-band .copyright {
        max-width: none
    }

    .newsletter-wrapper input[type=email] {
        width: 305px
    }

    .footer-benefits .description {
        max-width: 220px
    }

    .footer-benefits .slick-slider {
        margin-bottom: 0
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .headerNavigation h5 {
        font-size: 15px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .highlights_li h5 {
        width: 112px
    }
}

.headerNavigation > .container > .row > div {
    margin-top: 35px
}

@media screen and (min-width: 1280px) {
    ul.search-result-items .grid-tile, ul.sub-category-body li {
        width: 25.4% !important
    }

    ul.search-result-items .grid-tile .product-tile, ul.sub-category-body li .product-tile {
        width: 93.8% !important
    }

    ul.search-result-items li.grid-tile:nth-child(4n), ul.sub-category-body li:nth-child(4n) {
        width: 23.8% !important
    }

    ul.search-result-items li.grid-tile:nth-child(4n) .product-tile, ul.sub-category-body li:nth-child(4n) .product-tile {
        width: 100% !important
    }

    .level-2 .main_items {
        padding-bottom: 10px
    }

    .navbar-nav h2 {
        font-size: 16px;
        margin: 20px 0 10px
    }

    .headerNavigation h5 {
        margin: 0 0 18px
    }

    .highlights_li h5 {
        margin-top: -6px;
        font-size: 16px
    }

    .highlights_li ul {
        margin-top: -6px
    }

    .highlights_li li {
        margin: 10px 0 !important
    }

    .headerNavigation ul {
        margin-bottom: 28px
    }

    .header-search {
        margin-top: 40px
    }

    #main-nav a.level-1 {
        height: 47px
    }

    #cookie-band .cookie-description {
        font-size: 12px;
        font-family: Arial
    }

    header .language-band a {
        font-size: 10px
    }

    #main-nav .nav > li {
        margin-right: 25px;
        margin-left: 25px
    }

    header .navbar > .container .navbar-brand, header .navbar > .container-fluid .navbar-brand {
        margin: 13px 24px 13px 0;
        max-width: 94px;
        padding: 0
    }

    header #main-nav {
        margin-top: 51px
    }

    header .nav.navbar-nav {
        font-size: 16px
    }

    header .header-utilities {
        margin-top: 40px
    }

    #main-nav div.level-2 {
        top: 98px
    }

    header .navbar-brand {
        padding: 12px 24px 12px 30px;
        max-width: 154px
    }

    header .navbar-default .navbar-nav > li > a {
        font-size: 16px
    }

    header .menu-utility-user .user-logged, header .menu-utility-user .user-login {
        font-size: 18px
    }

    header .menu-utility-user .user-register {
        font-size: 12px
    }

    header .header-search {
        width: 315px
    }

    .footer-slider h3 {
        margin: 22px 0 8px
    }

    .footer-benefits .description {
        margin-bottom: 15px
    }

    .social-wrapper {
        padding-left: 20px
    }

    .footer-nav {
        padding: 35px 0 30px
    }

    .footer-benefits .description {
        padding: 0
    }
}

@media screen and (max-width: 768px) {
    .footer-benefits .description {
        margin-bottom: 12px;
        padding: 0
    }

    .footer-benefits {
        padding-top: 25px;
        padding-bottom: 10px
    }
}

@media screen and (max-width: 320px) {
    .footer-slider h3 {
        margin: 17px 0 5px
    }

    .footer-benefits {
        padding-top: 10px
    }
}

.rating-margin {
    margin: 7px 0 10px;
    padding: 0 0 0 10px;
    text-align: left
}

.product-tile {
    position: relative
}

.product-tile .custom-size {
    padding-right: 0;
    text-align: left
}

.product-tile .product-pricing {
    padding-left: 0;
    text-align: left
}

.product-tile .product-name.product-name-big {
    margin-top: -13px
}

.product-tile .product-name.product-name-bigger {
    margin-top: -26px
}

.article-card {
    border-radius: 15px;
    background: #fff;
    border: 1px solid #ccc;
    position: relative;
    text-align: left
}

.article-card a {
    display: block;
    height: 100%
}

.article-card a:hover {
    text-decoration: none
}

.article-card .image {
    width: 100%;
    overflow: hidden;
    border-radius: 13px 13px 0 0;
    height: 228px;
    position: relative;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}

.article-card .image img {
    height: 100%;
    left: -999px;
    margin: auto;
    position: absolute;
    right: -999px;
    max-width: none
}

.article-card .details {
    padding: 25px 26px;
    overflow: hidden
}

.grid-tile .article-card h3, .primary-content .article-card h3 {
    font-family: NiveaBold;
    font-size: 25px;
    padding: 0;
    color: #00136f;
    margin: 0;
    word-wrap: break-word;
    text-transform: uppercase;
    line-height: 16px
}

.grid-tile .article-card h3.small, .primary-content .article-card h3.small {
    font-size: 20px
}

.article-card .badge {
    background: #ff921e;
    color: #fff;
    border-radius: 0;
    position: absolute;
    top: 10px;
    z-index: 9;
    left: -1px;
    height: 20px;
    font-size: 12px;
    font-family: NiveaMedium;
    font-weight: 400;
    padding: 5px 8px;
    letter-spacing: .03em
}

.article-card .topic {
    font-family: Arial;
    font-style: italic;
    font-size: 12px;
    padding-top: 15px;
    color: #666;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    word-break: normal
}

.article-card .readmore {
    color: #00136f;
    text-transform: uppercase;
    position: absolute;
    bottom: 25px;
    font-size: 11px
}

@media screen and (max-width: 767px) {
    .article-card-list .col-xs-6:nth-child(2n+1) {
        padding-right: 0;
        border-right: 1px solid #ccc
    }

    .article-card-list .col-xs-6:nth-child(2n+2) {
        padding-left: 0
    }

    .article-card {
        border-radius: 0;
        border: 0;
        border-bottom: 1px solid #ccc;
        height: 292px;
        position: relative;
        margin: 0
    }

    .primary-content .article-card h3, .primary-content .article-card h3.small {
        font-size: 12px;
        line-height: 13px
    }

    .article-card .image {
        border-radius: 0;
        height: 129px
    }

    .article-card .topic {
        padding-top: 7px;
        font-size: 12px;
        height: 22px;
        overflow: hidden !important;
        text-overflow: ellipsis;
        white-space: nowrap !important
    }

    .article-card .details {
        padding: 12px 7px
    }

    .grid-tile .article-card h3 {
        font-size: 12px
    }

    .article-card .readmore {
        bottom: 14px
    }

    .article-card .badge {
        top: 0;
        left: 0
    }
}

@media screen and (min-width: 600px) and (max-width: 767px) {
    .article-card .image {
        height: 140px
    }
}

@media screen and (min-width: 768px) {
    .mar_top {
        text-align: left
    }

    .article-card .snak-quick-view h3, .grid-tile .article-card h3, .primary-content .article-card h3 {
        font-size: 16px;
        line-height: 23px
    }

    .headerNavigation .col-lg-3 {
        padding-left: 20px
    }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 0;
        padding-left: 0;
        max-width: 99px
    }

    ul.navbar-nav li.dropdown:hover div.level-2 {
        display: none
    }

    .article-card .details {
        padding: 12px 20px
    }

    .article-card .image {
        height: 177px
    }

    .article-card .topic {
        padding-top: 10px
    }

    .article-card .readmore {
        bottom: 15px
    }

    .search-bar-expanded {
        margin-left: 0 !important
    }

    .search-bar-expanded input[type=text] {
        font: 400 14px NiveaBook;
        padding: .5em 60px .5em 30px
    }
}

@media screen and (min-width: 1024px) {
    .product-tile a.name-link, .rating-margin {
        text-align: center
    }

    .product-tile .product-image {
        margin-bottom: 0
    }

    .product-tile .product-name.product-name-big {
        margin-top: -17px
    }

    .product-tile .product-name.product-name-bigger {
        margin-top: -34px
    }

    .product-tile .product-pricing.col-xs-12.col-sm-12.col-md-12.col-lg-12.text-center {
        text-align: center
    }

    .product-tile .custom-size {
        padding-right: 5px;
        margin-top: 0;
        text-align: right
    }

    .product-tile .product-pricing {
        padding-left: 5px;
        text-align: left
    }

    li.first .col-lg-3.col-md-3.col-sm-3.hidden-xs {
        display: none
    }

    li.first .level-2 .col-lg-3.col-md-3.col-sm-3.hidden-xs {
        display: block
    }

    .article-card .details {
        padding: 25px 17px
    }

    .article-card .image {
        height: 180px
    }

    .article-card .readmore {
        bottom: 18px
    }
}

@media screen and (min-width: 1280px) {
    .mar_top {
        text-align: left;
        padding-left: 70px
    }

    .headerNavigation .container, .main_items {
        margin: 0 auto;
        width: 1020px
    }

    .headerNavigation .col-lg-3 {
        padding-left: 20px
    }

    .headerNavigation ul {
        margin-bottom: 35px
    }

    .article-card .details {
        padding: 25px 26px
    }

    .article-card .image {
        height: 228px
    }

    .article-card .readmore {
        bottom: 22px
    }
}

.product-tile {
    background: #fff;
    border-radius: 15px;
    border: 1px solid #bdc7cc;
    height: 452px;
    display: inline-block;
    padding: 0
}

.exclusive-promo-products .exclusive {
    font-family: Arial;
    font-weight: 700
}

.exclusive-promo-products {
    width: 100%
}

.product-tile .product-image img {
    max-height: 295px
}

.ratings img {
    display: inline !important;
    vertical-align: top
}

.spf-pipe {
    font-family: arial;
    width: 1px
}

.price .product-discounted-price .price-sales, .product-tile .product-pricing .product-discounted-price .product-sales-price {
    color: #9e0909
}

.product-tile .custom-size {
    color: #666;
    font-size: 12px;
    margin-top: 0;
    font-family: Arial
}

.product-sales-price, .product-tile .product-pricing .product-sales-price {
    color: #00136f;
    font-family: Arial, san-serif;
    font-weight: 700;
    font-size: 12px
}

.product-tile .product-pricing .product-standard-price {
    color: #666;
    font-family: NiveaBook, Arial, san-serif;
    font-size: 11px;
    text-decoration: line-through
}

.product-tile .product-image img {
    display: inline-block;
    width: auto
}

.product-tile .thumb-link {
    line-height: 340px
}

.product-tile .product-name, .product-tile .product-name a {
    text-align: center;
    color: #00136f;
    font-family: NiveaBold;
    font-size: 16px;
    font-weight: 400;
    padding: 0 5px;
    line-height: 25px;
    text-transform: uppercase
}

.product-tile a.name-link {
    font-family: NiveaBold, Arial, San-serif;
    font-size: 14px;
    line-height: 15px
}

.product-tile .product-name h2 {
    line-height: 12px
}

.product-tile .product-name a, .product-tile .product-name h2 {
    margin: 0;
    padding: 0
}

@media screen and (max-width: 767px) {
    .product-tile {
        border-radius: 0;
        height: 300px
    }

    .product-tile .product-image img {
        max-height: 180px
    }

    .product-tile .product-image {
        max-height: 242px
    }

    .exclusive-promo-products {
        padding: 0
    }

    .exclusive-promo-products .exclusive {
        left: 0;
        top: 0
    }

    .product-tile .product-name, .product-tile .product-name a {
        font-size: 12px
    }

    .product-tile .thumb-link {
        line-height: 230px
    }

    .product-stage .slick-list, .recomendation-module .slick-list {
        overflow: visible
    }

    .product-tile .exclusive, .product-tile .promotion {
        top: 0;
        left: 0;
        padding: 2px 5px 1px
    }

    .exclusive-promo-products .exclusive span {
        line-height: 1
    }
}

.product-stage .slick-next, .product-stage .slick-prev, .recomendation-module .slick-next, .recomendation-module .slick-prev {
    width: 49px;
    height: 49px;
    margin-top: -24px
}

.product-stage .slick-next, .recomendation-module .slick-next {
    background-position: -230px -66px;
    right: -70px
}

.product-stage .slick-next:hover, .recomendation-module .slick-next:hover {
    background-position: -230px -115px
}

.product-stage .slick-next:active, .recomendation-module .slick-next:active {
    background-position: -230px -164px
}

.product-stage .slick-next.slick-disabled, .recomendation-module .slick-next.slick-disabled {
    background-position: -230px -213px
}

.product-stage .slick-prev, .recomendation-module .slick-prev {
    background-position: -179px -66px;
    left: -70px
}

.product-stage .slick-prev:hover, .recomendation-module .slick-prev:hover {
    background-position: -179px -115px
}

.product-stage .slick-prev:active, .recomendation-module .slick-prev:active {
    background-position: -179px -164px
}

.product-stage .slick-prev.slick-disabled, .recomendation-module .slick-prev.slick-disabled {
    background-position: -179px -213px
}

.scpage .product-stage .slick-next, .scpage .recomendation-module .slick-next {
    background-position: -236px -81px;
    right: -70px
}

.scpage .product-stage .slick-next:hover, .scpage .recomendation-module .slick-next:hover {
    background-position: -236px -138px
}

.scpage .product-stage .slick-next:active, .scpage .recomendation-module .slick-next:active {
    background-position: -236px -197px
}

.scpage .product-stage .slick-next.slick-disabled, .scpage .recomendation-module .slick-next.slick-disabled {
    background-position: -236px -254px
}

.scpage .product-stage .slick-prev, .scpage .recomendation-module .slick-prev {
    background-position: -161px -82px;
    left: -70px
}

.scpage .product-stage .slick-prev:hover, .scpage .recomendation-module .slick-prev:hover {
    background-position: -161px -139px
}

.scpage .product-stage .slick-prev:active, .scpage .recomendation-module .slick-prev:active {
    background-position: -161px -197px
}

.scpage .product-stage .slick-prev.slick-disabled, .scpage .recomendation-module .slick-prev.slick-disabled {
    background-position: -161px -255px
}

.snack-detail {
    margin: 0 0 50px
}

.snack-detail p, .snack-detail-wrapper .article_reg {
    color: #333;
    font-family: Arial;
    font-size: 12px;
    margin-bottom: 20px
}

.snack-detail p a, .snack-detail-wrapper .article_reg a, .snack-detail-wrapper .text-help-container article a {
    text-decoration: none
}

.snack-detail p a:hover, .snack-detail-wrapper .article_reg a:hover, .snack-detail-wrapper .text-help-container article a:hover {
    color: #3151a0
}

.snack-detail p a:link, .snack-detail-wrapper .article_reg a:link, .snack-detail-wrapper .text-help-container article a:link {
    text-decoration: underline;
    -moz-text-decoration-color: #00136f;
    text-decoration-color: #00136f
}

.snack-detail-wrapper {
    color: #ccc;
    font-family: niveaMedium;
    font-size: 13px;
    margin-top: 50px;
    max-width: 100%;
    margin-bottom: 50px
}

#quick-view-modal {
    z-index: 1500
}

#quick-view-modal .modal-lg {
    margin-top: 75px
}

#quick-view-modal .snack-detail-wrapper {
    margin-top: 0;
    margin-bottom: 0
}

#quick-view-modal .snack-detail {
    margin-top: 50px
}

.snack-detail .video-icon {
    margin-bottom: 15px
}

.snack-detail-wrapper h1, .snack-detail-wrapper h4 {
    color: #00136f;
    font-size: 16px;
    font-family: Arial;
    font-weight: 700;
    line-height: 25px;
    margin: 15px 0 10px;
    padding-bottom: 0;
    border-bottom: 0;
    text-align: left
}

.snack-detail-wrapper .slider .text-help-container h4 {
    font-weight: 700;
    font-size: 12px;
    color: #333;
    line-height: 20px
}

.snack-detail-wrapper .video_hdr {
    border-bottom: none;
    padding-bottom: 0
}

.snack-detail .text-help-container h3 {
    font-size: 12px
}

.snack-detail .text-help-container h4 {
    border-bottom: 0;
    margin-bottom: 0;
    margin-top: 0
}

.snack-detail .gallery-help-container {
    margin-bottom: 0
}

.snack-detail-wrapper .gallery-icon {
    font-size: 11px;
    font-family: Arial;
    color: #00136f
}

.snack-detail-wrapper .gallery-icon span {
    background-position: -747px -25px;
    display: inline-block;
    height: 9px;
    padding: 0 10px;
    width: 10px
}

.snack-detail-wrapper .image-icon {
    font-size: 11px;
    font-family: Arial;
    color: #00136f
}

.snack-detail-wrapper .image-icon span {
    background-position: -719px -25px;
    display: inline-block;
    height: 9px;
    padding: 0 10px;
    width: 10px
}

.snack-detail-wrapper .img-wrapper {
    margin-bottom: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.video_container {
    width: 610px;
    border: 1px solid #CCC;
    height: 344px;
    margin-bottom: 25px
}

.view-more-article {
    background-color: #ebebeb;
    padding: 30px 20px;
    color: #999
}

.snack-detail-left {
    vertical-align: top
}

.modal-content .row {
    padding: 0;
    margin: 0
}

.modal-content .snack-detail-aside .row:before {
    background: 0 0
}

.snack-detail-aside .row:before {
    background: #ebebeb;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.view-more-article h5 {
    color: #666;
    margin: 0 0 30px;
    font-size: 12px;
    font-family: Arial;
    font-weight: 700
}

.view-more-article p {
    color: #999;
    margin: -3px 0 0;
    font-family: Arial;
    font-size: 12px
}

.view-more-article p a {
    color: #999;
    margin: 0 0 32px;
    text-decoration: none
}

.view-more-article p a:hover {
    color: #00136f
}

.view-more-article .view-more {
    border-bottom: solid 1px #b3b3b3;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0 0 30px
}

.view-more-article .view-more a {
    text-transform: uppercase;
    font-family: Arial;
    font-size: 11px;
    color: #666
}

.snack-detail-wrapper .list-icon {
    font-size: 11px;
    font-family: niveaBook;
    color: #00136f;
    margin-top: 26px;
    margin-bottom: 17px
}

.snack-detail-wrapper .list-icon span {
    background-position: -693px -24px;
    display: inline-block;
    height: 9px;
    padding: 0 10px;
    width: 10px
}

.list_container ol, .list_container ul {
    margin-left: 30px;
    margin-bottom: 0
}

.list_container ol {
    counter-reset: li-counter;
    list-style-type: none
}

.list_container ol > li:before {
    background-color: #00136f;
    border-radius: 50%;
    color: #f5f5f5;
    content: counter(li-counter, decimal);
    counter-increment: li-counter;
    font: 400 15px NiveaBookItalic;
    height: 25px;
    font-style: italic;
    left: -1.9em;
    line-height: 1.6;
    position: absolute;
    text-align: center;
    width: 25px;
    top: 2px
}

.list_container ol > li {
    color: #333;
    font: 13px NiveaBold;
    margin-bottom: 15px;
    padding-left: 1em;
    position: relative
}

.list_container ul > li {
    color: #333;
    font: 400 18px Arial;
    margin-bottom: 15px;
    padding-left: 0;
    position: relative
}

.list_container ul > li:before {
    background: #00136f;
    border-radius: 50%;
    color: #00136f;
    content: " ";
    height: 10px;
    left: -30px;
    margin-top: 0;
    position: absolute;
    top: 4px;
    width: 10px
}

.snack-detail article {
    color: #666;
    font: 12px Arial;
    line-height: 17px
}

.list_container .text-help-container ul > li {
    color: #333;
    font-size: 18px;
    font-family: Arial;
    margin-bottom: 15px;
    padding-left: 0;
    position: relative
}

.snack-detail-wrapper .video-container {
    margin-bottom: 30px;
    background-color: #fff
}

.ie .snack-detail-wtapper .video-container {
    padding-bottom: 56.1%;
    width: 99.9%
}

.snack-detail-wrapper .video-icon {
    font-size: 11px;
    font-family: NiveaBook;
    color: #00136f
}

.snack-detail-wrapper .video-icon span {
    background-position: -775px -26px;
    display: inline-block;
    height: 7px;
    padding: 0 10px;
    width: 10px;
    position: relative
}

.thumbnail-video {
    background-position: -149px -323px;
    width: 70px;
    height: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    margin: -35px 0 0 -35px
}

.snak-quick-view:hover .thumbnail-video {
    background-position: -224px -323px
}

.snack-detail-wrapper .video-help-container {
    margin-bottom: 28px
}

.gallery-help-container {
    margin-bottom: 30px
}

.gallery_container img {
    margin-bottom: 27px
}

.gallery_container h5 {
    color: #00136f;
    margin: 0 0 26px;
    font-size: 13px
}

.gallery-help-container .image-icon {
    display: none
}

.snack-card {
    border-radius: 10px;
    border: 1px solid #ccc;
    margin-bottom: 40px
}

.snack-card h4 {
    margin: 12px 0 60px
}

.snack-card .view-more {
    text-transform: uppercase;
    font-family: niveaBook;
    font-size: 11px;
    color: #00136f
}

.snack-card-cont {
    padding: 25px
}

.snack-card .video-help-container {
    margin-bottom: 0
}

#quick-view-modal .modal-content .snack-detail-overlay {
    padding: 0
}

.snack-detail-overlay .snack-detail-left {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px
}

#quick-view-modal .modal-content {
    border-radius: 0;
    min-height: 470px;
    background: url(../images/loader-grey.gif) center center no-repeat #fff
}

#quick-view-modal .modal-content .snack-detail-wrapper {
    background: #fff
}

#quick-view-modal .modal-content .snack-detail-overlay .snack-detail {
    padding: 0;
    margin-top: 33px;
    margin-bottom: 25px
}

#quick-view-modal .modal-content .snack-detail-overlay .view-more-article {
    height: 99.6%;
    padding-top: 70px;
    margin: 0;
    position: relative;
    z-index: 1
}

#quick-view-modal .modal-content .snack-detail-aside {
    padding: 0
}

#quick-view-modal .modal-content .snack-detail-wrapper {
    overflow: hidden
}

#quick-view-modal .modal-content .view-more-article:before {
    background: #ebebeb;
    bottom: 0;
    content: "";
    display: block;
    height: 200%;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: -1
}

#quick-view-modal .modal-content .snack-detail-wrapper .view-more-article p {
    font-size: 12px
}

.model_close {
    width: 20px;
    height: 20px;
    z-index: 99999;
    right: 18px;
    top: 18px;
    background-position: -292px -15px;
    position: absolute
}

.model_close:hover {
    background-position: -317px -15px
}

.article-card .snak-quick-view .icon {
    margin-top: 23px;
    padding: 0 25px
}

.article-card .snak-quick-view .details {
    padding-top: 10px;
    padding-bottom: 20px
}

.article-card .snak-quick-view h3 {
    text-transform: none;
    font-size: 16px;
    word-wrap: normal
}

.snack-detail-wrapper .text-help-container article {
    color: #666;
    font-family: Arial;
    font-size: 12px;
    font-weight: 400
}

@media screen and (min-width: 320px) {
    #quick-view-modal .modal-content .snack-detail-wrapper .snack-detail {
        padding: 0
    }
}

@media screen and (max-width: 767px) {
    #quick-view-modal .modal-dialog {
        margin: 30px auto;
        width: 675px
    }

    .article-card .snak-quick-view h3 {
        font-size: 12px;
        line-height: 16px
    }

    #quick-view-modal .modal-content .snack-detail-wrapper .snack-detail {
        margin: 45px 0;
        padding: 0
    }

    .snack-detail .gallery-help-container {
        margin-bottom: 20px
    }

    .view-more-article {
        margin: 0 -20px
    }

    .snack-detail-wrapper {
        margin-bottom: 30px;
        margin-top: 25px
    }

    .snack-detail {
        margin: 0
    }

    .article-card .snak-quick-view .icon {
        padding: 0 7px
    }

    .snack-detail-wrapper .recommended-view-more {
        text-align: right;
        padding-top: 20px !important
    }
}

@media screen and (min-width: 768px) {
    #quick-view-modal .snack-detail-wrapper .video-help-container {
        max-width: none
    }

    .snack-detail .slider .text-help-container h4 {
        min-height: 52px
    }

    .article-card .snak-quick-view .icon {
        padding: 0 20px
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .snack-detail-aside .view-more-article {
        padding: 30px 12px
    }

    .snack-detail-aside .popup-snack-list-text {
        width: 65%;
        padding-left: 5px
    }
}

@media screen and (min-width: 1024px) {
    #quick-view-modal .snack-detail-wrapper .video-help-container {
        max-width: none
    }
}

@media screen and (min-width: 1280px) {
    .product-sales-price, .product-tile .product-pricing .product-sales-price {
        font-size: 12px
    }

    .product-tile a.name-link, .rating-margin {
        text-align: center
    }

    .rating-margin {
        margin: 7px 0 10px
    }

    .product-tile .product-image {
        margin-bottom: 0
    }

    .product-tile .product-name.product-name-big {
        margin-top: -17px
    }

    .product-tile .product-name.product-name-bigger {
        margin-top: -34px
    }

    .product-tile .product-pricing.col-xs-12.col-sm-12.col-md-12.col-lg-12.text-center {
        text-align: center
    }

    .product-tile .custom-size {
        padding-right: 5px !important;
        margin-top: 0;
        text-align: right
    }

    .product-tile .product-pricing {
        padding-left: 5px !important;
        text-align: left
    }

    #quick-view-modal .modal-lg {
        width: 1000px
    }

    .snack-detail-wrapper .video-help-container {
        max-width: none
    }
}

@media screen and (max-width: 320px) {
    .snack-detail {
        margin: 0 0 27px
    }

    .snack-detail-wrapper h4 {
        line-height: 35px;
        margin: 0 0 20px
    }

    .video-help-container {
        margin-bottom: 13px
    }

    .view-more-article h5 {
        margin: 6px 0 25px
    }

    .view-more-article p {
        font-size: 13px;
        margin: 0 0 22px
    }

    .view-more-article .view-more {
        margin-top: 27px;
        padding: 16px 0 6px
    }

    .view-more-article {
        padding: 23px 30px 0;
        margin-bottom: 50px
    }
}

.language-band .additional-links li a:hover {
    color: #fff
}

.language-band .dropdown {
    z-index: 1001
}

.language-band .dropdown > a {
    font-family: Arial;
    font-size: 9px;
    color: rgba(255, 255, 255, .5);
    text-decoration: none
}

.language-band .dropdown.open > a {
    color: rgba(255, 255, 255, .8)
}

.headerNavigation .language-items span.current-language, .language-band .dropdown span.current-language {
    text-transform: capitalize
}

.language-band .dropdown .language-arrow {
    background: url(../images/sprite-backup.png) -84px -44px no-repeat;
    width: 10px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px
}

.language-band .dropdown.open .language-arrow {
    background-position: -84px -34px;
    width: 10px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px
}

.language-band .dropdown-menu {
    margin: 0;
    border: none;
    background: #ccc;
    min-width: 140px
}

.language-band .dropdown-menu li {
    z-index: 1001
}

.language-band a.dropdown-toggle:hover {
    color: #fff
}

.language-band > .open > a {
    font-family: Arial;
    font-size: 10px;
    color: rgba(255, 255, 255, .8)
}

.language-band .dropdown-menu li a:link, .language-band .dropdown-menu li a:visited {
    display: block;
    padding: 10px;
    font-family: Arial;
    font-size: 10px;
    color: #333;
    text-align: left;
    text-transform: capitalize;
    white-space: normal
}

.language-band .dropdown-menu li a.selected {
    font-family: NiveaMedium
}

.language-band .dropdown-menu li a:hover {
    background: #e0e0e0
}

.language-band .dropdown-menu li a:hover .languagelist-arrow {
    float: right;
    width: 10px;
    height: 16px;
    background-image: url(../images/sprite-backup.png);
    background-size: auto auto;
    background-repeat: no-repeat;
    background-position: -83px -52px
}

.headerNavigation .language-items {
    padding: 0 20px;
    cursor: pointer
}

.headerNavigation .language-items h5 {
    color: #666
}

.headerNavigation .language-items h5:hover {
    color: #a2a2a2
}

.headerNavigation .language-items.collapsed h5 {
    border: none
}

.headerNavigation .language-items.collapsed .navi-plus-ico {
    background-position: -24px -101px
}

.headerNavigation .language-items .navi-plus-ico {
    background-position: -24px -78px
}

.headerNavigation .language-items ul li {
    padding: 0;
    background-color: #f4f4f4
}

.headerNavigation .language-items ul li:last-child {
    border: none
}

.headerNavigation .language-items ul li a {
    display: block;
    margin: 0;
    padding: 17px 20px;
    color: #333;
    text-transform: capitalize
}

.headerNavigation.additional-link-items li {
    padding: 0 20px !important
}

.headerNavigation .language-items ul li a.selected {
    font-weight: 700
}

.headerNavigation .language-items ul li a:hover {
    background-color: #ebebeb;
    text-decoration: none;
    color: #a2a2a2
}

.headerNavigation .language-items ul li a:hover .languagelist-arrow {
    float: right;
    margin: 0 5px;
    width: 15px;
    height: 16px;
    background-position: -101px -39px
}

.main-container form .control-label {
    text-align: left;
    font-weight: 400;
    font-size: 12px
}

.main-container form .form-control {
    height: 34px;
    border: 1px solid #999;
    font-size: 12px;
    border-radius: 2px;
    color: #333;
    font-family: Arial
}

.main-container form textarea.form-control {
    height: 123px
}

.main-container form .form-control:focus {
    box-shadow: none
}

.main-container form .form-group {
    margin-bottom: 20px
}

.main-container .form-horizontal .form-group {
    margin-left: -20px;
    margin-right: -20px
}

.main-container .form-group .col-sm-3 .row {
    margin: 0 -8px
}

.main-container .form-group .col-sm-3 .col-xs-4 {
    padding: 0 8px
}

.main-container .form-group .selectpicker.btn-default {
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0;
    font-weight: 400;
    height: 100%;
    text-transform: none
}

.main-container .form-group .selectpicker .caret {
    background-position: -81px -45px;
    border: 0;
    height: 8px;
    width: 11px;
    margin-top: -3px
}

.main-container .form-group .dropdown-menu {
    box-shadow: 0 0 inset;
    background-color: #f5f5f5;
    border-radius: 1px;
    margin-top: 1px;
    margin-left: -1px;
    margin-right: -1px;
    border: 1px solid #ebebeb
}

.main-container .form-group .dropdown-menu li {
    background: #f5f5f5
}

.main-container .form-group .dropdown-menu > li > a {
    padding: 5px 10px
}

.main-container .form-group .dropdown-menu > li > a:focus, .main-container .form-group .dropdown-menu > li > a:hover {
    background-color: #ebebeb;
    text-decoration: none
}

.main-container .form-group .selectpicker.btn-default:active, .main-container .form-group .selectpicker.btn-default:focus, .main-container .form-group .selectpicker.btn-default:hover {
    background: 0 0;
    box-shadow: 0 0 inset
}

.main-container .btn-submit {
    text-transform: uppercase;
    color: #fff;
    padding: 8px 18px 6px;
    border: 0 solid #4d5b9c;
    font-size: 14px;
    border-radius: 20px;
    min-width: 85px;
    margin: 15px 0;
    font-family: NiveaBook
}

.main-container .btn-submit:active, .main-container .btn-submit:focus, .main-container .btn-submit:hover {
    background-color: #3d72f6;
    color: #fff
}

label.error {
    color: #f33 !important;
    display: block;
    font-size: 10px;
    margin-top: 10px;
    font-weight: 700;
    font-family: Arial;
    text-transform: none !important
}

form .bootstrap-select.error, input.error, textarea.error {
    border-color: #f33 !important;
    color: red !important
}

input.error:focus, textarea.error:focus {
    color: #333 !important
}

.newsletter-component #agree-error {
    margin-top: 0
}

.form-group .btn-group.open .dropdown-toggle, .form-group .btn-group.open .dropdown-toggle:active {
    box-shadow: 0 0 inset
}

form.form-horizontal label.radio-inline {
    position: relative;
    padding-top: 2px;
    margin-right: 20px
}

form label.radio-inline input[type=radio] {
    opacity: 0;
    cursor: pointer
}

form label.radio-inline:before {
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 1px;
    -moz-box-shadow: 0 0 0 1px;
    box-shadow: 0 0 0 1px;
    width: 12px;
    height: 12px;
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    background: #fff;
    border: 2px solid #fff
}

form label.radio-inline:hover:before {
    background: #aaafcc
}

form label.radio-inline.active:before {
    background: #00136f
}

form label.radio-inline:hover span, form label.radio-inline:hover span a {
    color: #fff
}

form .label-error .radio-inline:before {
    box-shadow: 0 0 0 1px #f33 !important
}

.exclusive-promo-products {
    text-align: left;
    float: left
}

.exclusive-promo-products .exclusive {
    background: #ff921e;
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 10px;
    left: 0
}

.exclusive-promo-products .exclusive span {
    display: block;
    margin: 0 8px
}

.breadcrumb li a, .breadcrumb li span {
    font-family: Arial
}

.breadcrumb .tempBreadCrumb:before {
    padding: 0
}

.breadcrumb .tempBreadCrumb .arrowHead {
    width: 10px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
    background: url(../images/sprite.png) -23px -80px no-repeat
}

.breadcrumb .tempBreadCrumb.open .arrowHead {
    background: url(../images/sprite.png) -23px -73px no-repeat
}

.breadcrumb li.tempBreadCrumbList:before {
    padding: 0 !important
}

.breadcrumb .tempBreadCrumbList ul {
    padding: 10px 0
}

.breadcrumb .tempBreadCrumbList ul li {
    float: left;
    padding: 0 24px 0 0
}

.breadcrumb .tempBreadCrumbList > li + li:before {
    padding: 0 !important
}

.js #suggestions a {
    color: #fff
}

.js #suggestions div div.suggestionterm {
    float: left;
    overflow: hidden;
    width: 110px
}

.js #suggestions div span.hits {
    float: right;
    line-height: 1.8em;
    text-align: right;
    margin-left: 3px
}

.js .mini-cart-toggler {
    background: url(../images/minicart_expanded.png);
    cursor: pointer;
    height: 13px;
    left: 5px;
    position: absolute;
    top: 10px;
    width: 13px;
    display: none
}

.js div.collapsed .mini-cart-toggler {
    background: url(../images/minicart_collapsed.png)
}

.js div.collapsed .mini-cart-image {
    display: none
}

#search.navbar-collapse {
    visibility: hidden
}

.container > .navbar-collapse.header-search.search-bar-expanded .navbar-form {
    margin: 0;
    padding: 0
}

.suggestionsFlyout {
    z-index: 1
}

.search-l-toggle {
    padding: 0;
    margin: 43px 15px 0 0;
    float: right;
    background: 0 0;
    border: 0
}

.search-click-mask {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    z-index: 11;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background: url(../images/blank.png) no-repeat
}

.search-mask {
    float: right;
    position: relative;
    width: 25px;
    height: 25px;
    top: -26px;
    z-index: 11;
    left: -8px;
    background: #00136f;
    cursor: pointer
}

.ecommerce-off .search-mask {
    left: 4px
}

.search-l-toggle .search-toggle-icon, .search-mask .search-toggle-icon {
    background-position: -466px -16px;
    border: 0;
    height: 18px;
    padding: 0;
    width: 18px;
    display: block;
    z-index: 20
}

.header-search.hover .search-mask .search-toggle-icon {
    background-position: -492px -16px
}

.navbar-collapse.collapse.header-search.hide {
    display: none !important
}

.search-bar-expanded {
    margin-left: 0 !important;
    padding-left: 26px !important;
    padding-right: 17px !important
}

.search-bar-expanded input[type=text] {
    padding: 8px 98px 8px 30px;
    font-family: Arial;
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    border-bottom: 0
}

.search-bar-expanded input[type=text].search-helper {
    color: rgba(255, 255, 255, .5)
}

.search-bar-expanded .close-search {
    top: 12px;
    word-spacing: 2px;
    font-family: Arial
}

.js #suggestions {
    padding: 0 26px;
    position: static !important;
    background-color: #00136f;
    color: #fff;
    cursor: pointer;
    display: none;
    top: 30px;
    left: 0;
    z-index: 8184
}

.js #suggestions b {
    font-weight: 400 !important
}

.js #suggestions ul {
    width: 100%
}

#suggestions div ul li {
    list-style: none
}

#suggestions div ul li a:active, #suggestions div ul li a:hover {
    text-decoration: none
}

#suggestions div:first-child ul li:first-child {
    padding-top: 18px
}

#suggestions div:last-child ul li:last-child {
    padding-bottom: 12px;
    border-bottom: 0
}

#suggestions ul li span.icon {
    width: 14px;
    height: 21px;
    margin-right: 16px;
    display: inline-block;
    float: left
}

#suggestions div.synonoms ul li span.icon {
    background-position: -414px -14px
}

#suggestions div.synonoms ul li.selected span.icon {
    background-position: -440px -14px
}

#suggestions div.article ul li span.icon, #suggestions div.product ul li span.icon {
    background-position: -517px -15px
}

#suggestions div.article ul li.selected span.icon, #suggestions div.product ul li.selected span.icon {
    background-position: -543px -15px
}

.js #suggestions div ul li a {
    font-family: Arial;
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
    display: block;
    padding: 11px 0
}

.js #suggestions #synonomsSuggestion a:hover, .js #suggestions div ul li.selected a {
    color: #fff
}

.synonyms-suggesions li a span {
    color: #fff;
    font-family: Arial
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .search-l-toggle {
        margin-top: 44px
    }

    .menu-utility-user {
        min-width: 48px !important
    }

    .snack-detail-wrapper .list-icon + h1 {
        width: 61%;
        font: 700 18px/22px Arial;
        margin-top: 0
    }

    .module-text-gallery-list .module-column:not(:first-child) {
        margin-top: 0
    }
}

@media screen and (max-width: 1279px) {
    .search-bar-expanded {
        padding-left: 17px !important;
        padding-right: 21px !important
    }

    .search-bar-expanded input[type=text] {
        font-size: 14px;
        padding: 8px 60px 8px 27px
    }

    .search-bar-expanded .close-search {
        font-size: 10px
    }

    .js #suggestions {
        padding-left: 48px;
        padding-right: 21px
    }

    #suggestions div ul li {
        padding: 6px 0
    }

    .js #suggestions div ul li a {
        font: 400 14px Arial;
        color: rgba(255, 255, 255, .8)
    }

    #suggestions div:first-child ul li:first-child {
        padding-top: 16px
    }

    #suggestions div:last-child ul li:last-child {
        padding-bottom: 18px;
        border-bottom: 0
    }

    .js #suggestions div ul li span.icon {
        width: 12px;
        height: 12px;
        display: inline-block;
        float: left;
        margin-right: 15px
    }

    #suggestions div.synonoms ul li span.icon {
        margin-top: 1px;
        margin-left: 0;
        background-position: -25px -49px
    }

    #suggestions div.synonoms ul li.selected span.icon {
        background-position: -39px -49px
    }

    #suggestions div.article ul li span.icon, #suggestions div.product ul li span.icon {
        margin-top: 1px;
        margin-left: 0;
        background-position: -22px -22px
    }

    #suggestions div.article ul li.selected span.icon, #suggestions div.product ul li.selected span.icon {
        background-position: -116px -44px
    }

    .js #suggestions div ul li.selected a, .synonyms-suggesions li a span {
        color: rgba(255, 255, 255, .8)
    }
}

.all-results, .suggestionsFlyout h4 {
    font: 400 14px NiveaBold;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .8);
    margin: 6px 0 0
}

.suggestionsFlyout h4 {
    cursor: default
}

@media screen and (max-width: 1023px) {
    .search-bar-expanded {
        margin-left: -2px !important;
        margin-top: 34px !important;
        padding-left: 0;
        padding-right: 14px
    }

    .search-bar-expanded input[type=text] {
        font-size: 14px;
        padding: 8px 60px 8px 29px
    }

    .search-bar-expanded .close-search {
        font-size: 10px
    }

    .js #suggestions {
        padding-right: 14px
    }

    #suggestions div ul li {
        padding: 6px 0
    }

    .js #suggestions div ul li a {
        font-size: 12px;
        color: rgba(255, 255, 255, .5)
    }

    .js #suggestions div ul li span.icon {
        width: 12px;
        height: 12px;
        display: inline-block;
        float: left;
        margin-right: 15px
    }

    #suggestions div.synonoms ul li span.icon {
        margin-top: 1px;
        margin-left: 0;
        background-position: -25px -49px
    }

    #suggestions div.synonoms ul li.selected span.icon {
        background-position: -39px -49px
    }

    #suggestions div.article ul li span.icon, #suggestions div.product ul li span.icon {
        margin-top: 1px;
        margin-left: 0;
        background-position: -22px -22px
    }

    #suggestions div.article ul li.selected span.icon, #suggestions div.product ul li.selected span.icon {
        background-position: -116px -44px
    }

    .js #suggestions div ul li.selected a, .synonyms-suggesions li a span {
        color: rgba(255, 255, 255, .8)
    }
}

@media screen and (max-width: 767px) {
    .navbar-default .navbar-toggle.search-toggle.mini-bag-off {
        margin-right: 0;
        padding-right: 10px
    }

    .navbar-form {
        margin: 10px 0 !important
    }

    .header-search input[type=text] {
        width: 100%;
        padding: 5px 12px 4px;
        background: #fff;
        border-radius: 30px;
        color: #333;
        font-size: 12px;
        border: 1px solid #ccc;
        border-width: 1px 0;
        -webkit-appearance: none
    }

    .header-search input[type=text]::-webkit-input-placeholder {
        line-height: 22px
    }

    .header-search input[type=submit] {
        display: none
    }

    .js #suggestions {
        margin: -10px 0 0 !important;
        padding: 0 12px !important;
        width: 100% !important
    }

    .js #suggestions ul {
        padding-right: 20px;
        padding-left: 20px
    }

    #suggestions div ul li {
        border-bottom: 1px solid rgba(255, 255, 255, .3);
        padding: 10px 0
    }

    #suggestions div:first-child ul li:first-child {
        padding-top: 2px
    }

    #suggestions div:last-child ul li:last-child {
        padding-bottom: 12px;
        border-bottom: 0
    }

    .js #suggestions #synonomsSuggestion a {
        display: block;
        padding: 10px 0;
        font-size: 12px;
        color: rgba(255, 255, 255, .5)
    }

    .js #suggestions #synonomsSuggestion a:hover, .synonyms-suggesions a span {
        color: rgba(255, 255, 255, 1)
    }
}

@media screen and (min-width: 1024px) {
    .search-l-toggle {
        margin: 45px 15px 0 0
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .newsletter-wrapper form.focused .active-content {
        max-width: 460px
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .newsletter-wrapper label.privary-agreement input {
        position: absolute
    }

    .product-tile a.name-link, .rating-margin {
        text-align: center
    }

    .rating-margin {
        margin: 10px 0
    }

    .product-tile .product-name.product-name-big {
        margin-top: -17px
    }

    .product-tile .product-name.product-name-bigger {
        margin-top: -34px
    }

    .product-tile .product-image {
        margin-bottom: 0
    }

    .product-tile .custom-size {
        padding-right: 5px !important;
        margin-top: 0;
        text-align: right
    }

    .product-tile .product-pricing {
        padding-left: 5px !important;
        text-align: left
    }

    .product-tile .product-pricing.col-xs-12.col-sm-12.col-md-12.col-lg-12.text-center {
        text-align: center
    }
}

.marketing-band {
    padding: 25px 0;
    background: #cce0f7;
    background: -webkit-gradient(linear, left top, right top, from(#b8d3f2), to(#cce0f7));
    background: -webkit-linear-gradient(left, #cce0f7, #b8d3f2);
    background: -moz-linear-gradient(left, #cce0f7, #b8d3f2);
    background: -ms-linear-gradient(left, #cce0f7, #b8d3f2);
    background: -o-linear-gradient(left, #cce0f7, #b8d3f2)
}

.marketing-band .row div[class*=col-md] {
    display: table-cell !important;
    vertical-align: middle;
    float: none
}

.marketing-band .scEnabledChrome.btn {
    color: #fff;
    background-color: #00136f;
    border-color: #000f56
}

.marketing-band .marketingBadge {
    text-align: right
}

.marketing-band .marketingTitle, .marketing-band .marketingTitle h3, .marketing-band .marketingTitle p {
    font-family: NiveaBook;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    color: #00136f;
    line-height: 20px
}

.marketing-band .col-sm-4 .marketingTitle, .marketing-band .col-sm-4 .marketingTitle h3, .marketing-band .col-sm-4 .marketingTitle p, .marketing-band .col-sm-6 .marketingTitle, .marketing-band .col-sm-6 .marketingTitle h3, .marketing-band .col-sm-6 .marketingTitle p {
    font-family: NiveaBook;
    font-size: 19px;
    text-transform: uppercase;
    text-align: left;
    color: #00136f;
    line-height: 19px
}

.marketing-band .col-sm-4 .marketingTitle, .marketing-band .col-sm-6 .marketingTitle {
    width: 60%;
    float: left
}

.marketing-band .col-sm-4 .marketingTitle a, .marketing-band .col-sm-6 .marketingTitle a {
    margin: 25px 0 0
}

.marketing-band .col-sm-4 .marketingBadge, .marketing-band .col-sm-6 .marketingBadge {
    float: right
}

.marketing-band .marketingLink {
    text-align: left
}

@media screen and (max-width: 1024px) {
    .marketing-band .marketingBadge {
        text-align: center
    }

    .marketing-band .marketingTitle, .marketing-band .marketingTitle h3, .marketing-band .marketingTitle p {
        font-family: NiveaBook;
        font-size: 19px;
        text-transform: uppercase;
        text-align: left;
        color: #00136f;
        line-height: 19px
    }

    .marketing-band .marketingLink .btn-primary {
        padding: 6px 12px
    }
}

@media screen and (max-width: 768px) {
    .suggestionsFlyout .container {
        padding: 0
    }

    .marketing-band .row, .marketing-band .row div[class*=col-] {
        display: block !important
    }

    .marketing-band .marketingBadge, .marketing-band .marketingTitle {
        margin: 0 0 25px
    }

    .marketing-band .marketingBadge img {
        width: 94px
    }

    .marketing-band .marketingTitle, .marketing-band .marketingTitle h3, .marketing-band .marketingTitle p {
        font-family: NiveaBook;
        font-size: 13px;
        text-transform: uppercase;
        text-align: left;
        color: #00136f;
        line-height: 15px
    }

    .marketing-band .marketingLink {
        text-align: right
    }
}

#contentModal .modal-header {
    border: 0
}

#contentModal h1 {
    margin-top: 0;
    padding-top: 0
}

.footer-nav .scEnabledChrome, .navbar-nav > .scEnabledChrome, .social-band .scEnabledChrome {
    color: #fff
}

.modal-content .snack-detail-wrapper .video-help-container {
    max-width: none
}

.video-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 0;
    position: relative;
    width: 100%
}

.video-container embed, .video-container iframe, .video-container object {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#section-500 {
    height: 734px;
    background: #00136e;
    width: 100%;
    text-align: center;
    color: #fff
}

#section-500 img {
    margin-top: 200px;
    margin-bottom: 36px;
    display: inline;
    max-width: 162px
}

#section-500 h1 {
    color: #fff;
    font-size: 50px;
    font-family: NiveaBold;
    font-weight: 400;
    margin-bottom: 28px;
    margin-top: 0;
    text-transform: uppercase
}

#section-500 .description {
    font-size: 16px;
    font-family: NiveaBook
}

#section-404 hr {
    border-color: #b2b2b2;
    margin: 27px 0 30px;
    height: 1px
}

#section-404 h1 {
    font-size: 40px;
    font-family: NiveaBold;
    font-weight: 400;
    margin-bottom: 8px;
    margin-top: 64px;
    text-transform: uppercase
}

#section-404 .description {
    font-size: 16px;
    font-family: Arial
}

.recent-products h4 {
    font-size: 18px;
    text-align: center;
    margin-top: 46px
}

.recent-products h2 {
    font-size: 30px;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 57px;
    font-family: NiveaBold;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    #section-500 {
        height: 400px
    }

    #section-500 img {
        margin-top: 50px;
        margin-bottom: 42px;
        max-width: 105px
    }

    #section-500 h1 {
        font-size: 30px;
        margin-bottom: 19px
    }

    #section-500 .description {
        font-size: 12px
    }

    #section-404 hr {
        margin: 18px -20px 20px
    }

    #section-404 h1 {
        font-size: 25px;
        margin-bottom: 5px;
        margin-top: 34px
    }

    #section-404 .description {
        font-size: 12px
    }

    .recent-products h4 {
        font-size: 13px;
        margin-top: 6px;
        margin-bottom: 0
    }

    .recent-products h2 {
        font-size: 19px;
        margin-top: 2px;
        margin-bottom: 14px
    }

    .product-stage.recent-products {
        overflow: visible
    }

    #section-404 .container {
        overflow: hidden
    }
}

#contentModal .container {
    width: auto
}

.header-ugs {
    display: none;
    position: absolute;
    width: 100%
}

.ugs-wrapper {
    background: url(../images/ugs_bg.png) 0 0/auto 260px repeat-x #537bde;
    overflow: hidden
}

.ugs-wrapper ul {
    padding: 0;
    list-style-type: none
}

.ugs-item {
    min-width: 100px;
    margin-bottom: 10px
}

.ugs-item > ul {
    padding: 0 0 32px;
    list-style-type: none
}

.ugs-item > ul > li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    width: 100px
}

.pt_product-details .ugs-item p, .ugs-item p {
    margin: 31px 0 0;
    font-family: NiveaBook;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase
}

.pt_product-details .ugs-item h4, .ugs-item h4 {
    margin: -1px 0 33px;
    font-family: NiveaBold;
    font-size: 22px;
    color: #fff;
    text-transform: uppercase
}

.ugs-wrapper a {
    text-align: center;
    text-decoration: none
}

.ugs-wrapper a span.icon {
    width: 64px;
    height: 64px;
    display: block;
    margin: 0 auto;
    position: relative;
    line-height: 64px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .5)
}

.ugs-wrapper span.clip {
    position: absolute;
    height: 64px;
    width: 64px;
    overflow: hidden;
    left: 0;
    margin-left: 0;
    top: 0;
    margin-top: 0
}

.ugs-wrapper a span.icon img {
    position: absolute;
    left: 0
}

.ugs-wrapper a.active span.icon .ugs-svg, .ugs-wrapper a:hover span.icon .ugs-svg {
    stroke: #fff;
    stroke-width: 0
}

.ugs-wrapper a:hover {
    text-decoration: none
}

.ugs-wrapper a.active span.icon, .ugs-wrapper a:hover span.icon {
    background: #00136f;
    border: 1px solid #00136f
}

.ugs-wrapper a.active .label, .ugs-wrapper a:hover .label {
    color: #00136f
}

.ugs-wrapper a span.label {
    padding: 7px 0 0;
    display: block;
    font-family: NiveaBook;
    font-size: 11px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
    white-space: pre-line;
    word-wrap: break-word
}

.ugs-wrapper .discover {
    font-family: NiveaBook;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    display: inline-block;
    display: none;
    padding: 0 4px
}

.ugs-wrapper .discover:hover {
    color: #00136f;
    text-decoration: none;
    border-bottom: 1px solid #00136f
}

.ugs-wrapper .active {
    color: #00136f
}

.ugs-wrapper .slick-slider .slick-next, .ugs-wrapper .slick-slider .slick-prev {
    width: 31px !important;
    height: 30px !important;
    background: url(../images/sprite-backup.png);
    z-index: 99
}

.ugs-wrapper .loading {
    background: url(../images/ugs-loader.gif) no-repeat;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    position: relative;
    top: 50%
}

.ugs-wrapper .slick-slider .slick-prev, .ugs-wrapper .slick-slider .slick-prev:hover {
    background-position: -142px -33px
}

.ugs-wrapper .slick-slider .slick-next, .ugs-wrapper .slick-slider .slick-next:hover {
    background-position: -175px -33px
}

.ugs-wrapper .slick-slider .slick-prev.disabled {
    background-position: -142px -1px;
    cursor: default
}

.ugs-wrapper .slick-slider .slick-next.disabled {
    background-position: -175px -1px;
    cursor: default
}

.ugs-wrapper .slick-next.disabled, .ugs-wrapper .slick-next.disabled:hover, .ugs-wrapper .slick-prev.disabled, .ugs-wrapper .slick-prev.disabled:hover {
    background-image: url(../images/sprite-backup.png);
    display: block
}

.ugs-wrapper .slick-dots li button {
    width: 7px;
    height: 7px;
    cursor: default
}

.ugs-wrapper .slick-dots li.slick-active button {
    background-color: #fff
}

.ugs-wrapper .slick-dots li button {
    background-color: #97aceb
}

.ugs-item .selectpicker {
    background: 0 0;
    border-radius: 0;
    padding: 0
}

.ugs-item .bootstrap-select.nivea-dropdown .btn .filter-option {
    text-align: left;
    color: rgba(255, 255, 255, .6);
    border-bottom: 1px solid rgba(255, 255, 255, .6);
    padding-bottom: 5px
}

.ugs-item .bootstrap-select.btn-group .btn .caret {
    background: url(../images/sprite-backup.png) -23px -95px no-repeat;
    border: 0;
    height: 10px;
    margin-top: -7px;
    width: 10px;
    right: 0
}

.ugs-item .bootstrap-select.nivea-dropdown.open > .btn .caret {
    margin-top: -7px
}

.ugs-item .bootstrap-select.nivea-dropdown .dropdown-menu > li > a {
    color: #999;
    padding-left: 10px;
    text-align: left
}

.ugs-wrapper .discover:focus {
    outline: dotted thin
}

@media screen and (max-width: 767px) {
    .ugs-wrapper {
        height: 165px
    }

    .ugs-wrapper ul {
        padding-left: 0 !important
    }

    .ugs-item {
        height: 147px;
        max-width: 320px;
        margin: 0 auto
    }

    .ugs-wrapper .col-md-10 {
        margin-left: -20px;
        margin-right: -20px
    }

    .pt_product-details .ugs-item h4, .pt_product-details .ugs-item p, .ugs-item .visible-xs, .ugs-item h4, .ugs-item p {
        text-align: left
    }

    .ugs-wrapper .discover {
        float: right;
        margin-top: 8px;
        font-size: 11px
    }

    .pt_product-details .ugs-item p, .ugs-item p {
        font-size: 12px;
        margin: 16px 0 0
    }

    .pt_product-details .ugs-item h4, .ugs-item h4 {
        font-size: 15px;
        margin: -2px 0 33px
    }

    .ugs-item .bootstrap-select.nivea-dropdown {
        width: 100% !important
    }

    .ugs-wrapper .slick-next, .ugs-wrapper .slick-prev {
        display: none !important
    }

    .ugs-wrapper .slick-dots {
        bottom: 12px
    }
}

@media screen and (min-width: 768px) {
    .js #suggestions ul {
        margin: 0 0 0 30px
    }

    .js #suggestions .product, .js #suggestions .synonoms {
        border-bottom: 1px solid rgba(255, 255, 255, .3)
    }

    .js #suggestions .product-suggesion-list {
        padding-bottom: 0
    }

    .ugs-wrapper {
        height: 202px
    }

    .ugs-item {
        height: 170px
    }

    .pt_product-details .ugs-item p, .ugs-item p {
        margin: 31px 0 0
    }

    .pt_product-details .ugs-item h4, .ugs-item h4 {
        margin: -6px 0 38px
    }

    .ugs-item .bootstrap-select.nivea-dropdown {
        width: 290px !important
    }

    .ugs-wrapper .slick-next, .ugs-wrapper .slick-prev {
        display: none !important
    }

    .ugs-wrapper .slick-dots {
        bottom: 22px
    }
}

@media screen and (min-width: 1024px) {
    .ugs-wrapper {
        height: 250px
    }

    .ugs-item {
        height: 210px
    }

    .touch .ugs-item {
        height: 218px
    }

    .pt_product-details .ugs-item p, .ugs-item p {
        margin-top: 26px
    }

    .pt_product-details .ugs-item h4, .ugs-item h4 {
        font-size: 19px;
        margin: -3px 0 31px
    }

    .ugs-item li {
        margin: 0 8px
    }

    .second .ugs-item li, .third .ugs-item li {
        margin: 0 5px
    }

    .touch .second .ugs-item ul, .touch .third .ugs-item ul {
        list-style-type: none;
        padding: 0 0 14px
    }

    .ugs-wrapper a span.label {
        height: 29px
    }

    .ugs-wrapper .slick-next, .ugs-wrapper .slick-prev {
        display: block !important
    }

    .ugs-wrapper .slick-dots {
        display: none !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .third .ugs-item > ul > li {
        width: 78px
    }
}

@media screen and (min-width: 1280px) {
    .suggestionsFlyout {
        width: 1020px;
        margin: -20px auto 0
    }

    .suggestionsFlyout .container {
        width: 100%
    }

    .ugs-wrapper {
        height: 260px
    }

    .ugs-item {
        height: 218px
    }

    .pt_product-details .ugs-item p, .ugs-item p {
        font-size: 12px;
        margin: 31px 0 0
    }

    .pt_product-details .ugs-item h4, .ugs-item h4 {
        font-size: 22px;
        margin: -1px 0 33px
    }

    .ugs-item li {
        margin: 0 10px
    }

    .second .ugs-item li, .third .ugs-item li {
        margin: 0 5px
    }

    .ugs-wrapper a span.label {
        height: auto
    }
}

.icon-bag {
    background-position: -131px -16px;
    height: 23px;
    width: 23px;
    display: inline-block;
    margin: 0;
    vertical-align: middle
}

.bootstrap-select.nivea-dropdown > .btn {
    border: 0
}

.bootstrap-select.nivea-dropdown.open > .btn, .bootstrap-select.nivea-dropdown > .btn.active, .bootstrap-select.nivea-dropdown > .btn:active, .bootstrap-select.nivea-dropdown > .btn:focus, .bootstrap-select.nivea-dropdown > .btn:hover {
    background: 0 0;
    box-shadow: 0 0 0 transparent;
    outline: 0 !important
}

.bootstrap-select.nivea-dropdown.open > .btn .caret {
    margin-top: -2px
}

.bootstrap-select.nivea-dropdown .btn .filter-option {
    text-align: center
}

.bootstrap-select.nivea-dropdown .mCSB_scrollTools .mCSB_dragger {
    height: 20px
}

.bootstrap-select.nivea-dropdown .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background: #999
}

.bootstrap-select.nivea-dropdown > .dropdown-menu {
    box-shadow: 0 0 0 transparent;
    background: #e8f7ff;
    border-radius: 0;
    padding: 0;
    margin: 0;
    border-top: 0;
    height: 116px;
    width: 60px
}

.bootstrap-select.nivea-dropdown.open .dropdown-menu.inner {
    display: block;
    background: 0 0
}

.bootstrap-select.nivea-dropdown.open .mCSB_container {
    margin-right: 0
}

.bootstrap-select.nivea-dropdown > .dropdown-menu ul {
    overflow-y: hidden !important;
    max-height: none !important
}

.bootstrap-select.nivea-dropdown .dropdown-menu li {
    background: 0 0
}

.bootstrap-select.nivea-dropdown .dropdown-menu > li > a {
    color: #999
}

.bootstrap-select.nivea-dropdown .dropdown-menu > li > a:focus, .bootstrap-select.nivea-dropdown .dropdown-menu > li > a:hover {
    background-color: #1e3185;
    color: #fff
}

.js #quickviewbutton {
    font-family: NiveaBook, Arial, san-serif;
    border: 1px solid #666;
    font-size: 14px;
    background: #fff;
    border-radius: 34px;
    color: #00136f;
    display: none;
    position: absolute;
    top: 40%;
    width: 154px;
    height: 34px;
    padding: 7px 18px 6px;
    left: 50%;
    text-transform: uppercase;
    margin-left: -77px
}

.js #quickviewbutton:hover {
    text-decoration: none
}

.js .ui-dialog-content a {
    color: #00136f
}

.js .ui-dialog-content .product-col-1 {
    padding: 13px 1%;
    width: 39%
}

.js .ui-dialog-content .product-col-1 .product-image {
    max-width: 100%
}

.js .ui-dialog-content .product-col-2 {
    padding: 20px 0;
    width: 58%
}

.js .ui-dialog-content .pdp-main h1.product-name {
    margin: .4em 0 .1em;
    text-align: center
}

.js .ui-dialog-content .pdp-main .product-set-list {
    border: 1px solid #d9d9d9;
    height: 500px;
    overflow: auto
}

.js .ui-dialog-content .pdp-main .product-set-list .product-set-item {
    margin: 1em 0
}

.js .ui-dialog-content .pdp-main .product-set-list .product-set-image {
    width: 25%
}

.js .ui-dialog-content .pdp-main .product-set-list .product-set-details {
    width: 75%
}

.js .ui-dialog-content .pdp-main .product-set-list .product-name {
    margin: 0
}

.js .ui-dialog-content .pdp-main .product-set-list .block-add-to-cart .price {
    font-size: 1.5em;
    padding: .4em 0 0;
    width: 130px
}

.js .quick-view-navigation {
    display: none
}

.js .zoomPad {
    position: relative;
    float: left;
    z-index: 99;
    cursor: crosshair;
    width: 100%
}

.js .zoomPreload {
    -moz-opacity: .8;
    opacity: .8;
    filter: alpha(opacity=80);
    color: #333;
    font-size: 12px;
    font-family: Tahoma;
    text-decoration: none;
    border: 1px solid #CCC;
    background-color: #fff;
    padding: 8px;
    text-align: center;
    background-image: url(../images/zoomloader.gif);
    background-repeat: no-repeat;
    background-position: 43px 30px;
    z-index: 110;
    width: 90px;
    height: 43px;
    position: absolute;
    top: 0;
    left: 0
}

.js .zoomPup {
    overflow: hidden;
    background-color: #FFF;
    -moz-opacity: .6;
    opacity: .6;
    filter: alpha(opacity=60);
    position: absolute;
    border: 1px solid #CCC;
    z-index: 101;
    cursor: crosshair
}

.js .zoomOverlay {
    position: absolute;
    left: 0;
    top: 0;
    background: #FFF;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 101
}

.js .zoomWindow {
    position: absolute;
    left: 110%;
    top: 40px;
    background: #FFF;
    height: auto;
    z-index: 10000;
    z-index: 110
}

.js .zoomWrapper {
    position: relative;
    border: 1px solid #999;
    z-index: 110
}

.js .zoomWrapperTitle {
    display: block;
    background: #999;
    color: #FFF;
    height: 18px;
    line-height: 18px;
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 10px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 120;
    -moz-opacity: .6;
    opacity: .6;
    filter: alpha(opacity=60)
}

.js .zoomWrapperImage {
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 110
}

.js .zoomWrapperImage img {
    border: 0;
    display: block;
    position: absolute;
    z-index: 101
}

.js .zoomIframe {
    z-index: -1;
    filter: alpha(opacity=0);
    -moz-opacity: .8;
    opacity: .8;
    position: absolute;
    display: block
}

.quickview div.quantity select {
    border: 0;
    height: 2.5em;
    display: block;
    padding: 0;
    width: 44px;
    background: 0 0;
    font-weight: 700;
    margin: 0
}

.quickview .pdp-main .product-add-to-cart .inventory label {
    width: 100%;
    float: left;
    padding-top: 3px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 10px
}

.ui-dialog .pdp-main .product-add-to-cart {
    padding: 0 0 20px !important;
    clear: both;
    margin: 0;
    overflow: hidden
}

.quickViewPromo {
    text-align: center;
    font-family: NiveaBook, Arial, sans-serif;
    font-size: 12px;
    background: #ebebeb;
    height: 38px;
    line-height: 38px;
    position: absolute;
    bottom: 0
}

.quickViewPromo span {
    color: #333
}

.quickViewPromo span.payLess {
    color: #00136f
}

.quickViewPromo a {
    cursor: pointer;
    text-decoration: none
}

.quickview.ui-dialog {
    padding: .2em 0 0
}

.quickview.ui-dialog .ui-dialog-content {
    padding: .5em 0 0;
    overflow: hidden
}

.quickview .pdp-main {
    filter: none
}

.quickview .pdp-main .product-add-to-cart .availability {
    top: 10px
}

.quickview .pdp-main .short-description {
    text-align: center;
    color: #666;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    font-family: Arial
}

#pdpMain .learnMoreBorderBottom {
    border-bottom: solid 1px #bdc7cc;
    height: 27px
}

.ui-dialog .product-size {
    min-height: 34px;
    margin-top: 22px;
    font-size: 12px;
    font-family: arial
}

.product-size.col-xs-5 {
    width: 49%;
    padding: 0
}

.add-to-bag {
    border-bottom: 1px solid #bdc7cc;
    padding: 0 0 16px;
    margin: 0
}

.pdp-main .product-actions {
    overflow: hidden;
    margin: 13px 0 0;
    display: none
}

.quickview .pdp-main .product-detail {
    margin: 4% 0 0 -2%
}

.pdp-main .product-add-to-cart .availability {
    position: relative;
    clear: both;
    float: left
}

.ui-dialog h1, .ui-dialog h2 {
    font-family: Georgia;
    font-size: 1.8em;
    font-style: italic;
    font-weight: 400;
    margin: 5px 158px 5px 0
}

.pdp-main .product-name {
    font: 400 32px/1em NiveaBoldTextScreen;
    text-transform: uppercase
}

#QuickViewDialog .bootstrap-select.btn-group button.btn .caret {
    border: 0;
    background-position: 0 -38px;
    width: 15px;
    height: 13px;
    margin-top: -11px
}

#QuickViewDialog .bootstrap-select.quantity-selector.open > .btn .caret {
    border: 0;
    background-position: 0 -16px;
    width: 15px;
    height: 13px
}

@media screen and (min-width: 768px) {
    .product-tile:hover #quickviewbutton {
        display: block
    }

    .product-tile #quickviewbutton {
        display: none
    }
}

@media screen and (min-width: 1024px) {
    .pdp-main .product-actions {
        display: block
    }

    .js #quickviewbutton {
        left: 50%;
        width: 154px;
        margin-left: -77px
    }

    .pdp-main .product-add-to-cart .availability {
        width: 80%
    }

    #pdpMain .learnMore a {
        display: block;
        width: 100%;
        float: left;
        color: #666;
        padding: 10px 0 0;
        text-align: center;
        font-size: 12px
    }

    #QuickViewDialog #pdpMain .product-detail {
        padding: 0;
        width: 317px;
        margin-right: 36px
    }

    .ui-dialog div.quantity {
        margin-top: 24px;
        min-height: 48px;
        position: absolute
    }
}

.ui-dialog .inclusive {
    clear: both;
    color: #999;
    font-size: 9px;
    line-height: 1em;
    text-align: right;
    font-weight: 400
}

.quickview .no-icon, .quickview .tagline, .quickview .tagline-attribute {
    display: none
}

.quickview .pdp-main .product-add-to-cart button {
    height: 34px
}

.scpage .quickview .pdp-main .product-add-to-cart button#add-to-cart {
    margin-top: 11px !important
}

.scpage .add-to-bag.falsepromo-container {
    padding-bottom: 7px
}

.quickview .pdp-main .product-add-to-cart button#add-to-cart {
    min-width: 150px;
    padding: 0 10px;
    width: auto;
    position: relative;
    margin-top: -45px !important;
    float: right;
    font: 400 14px NiveaBook
}

.quickview .pdp-main .product-add-to-cart button#add-to-cart.add-to-cart-disabled {
    clear: right
}

.quickview #pdpMain .learnMore a {
    font-family: Arial, sans-serif;
    padding: 0
}

.quickview .pdp-main .price {
    margin: 36px 0 0;
    color: #00136F;
    font: 700 22px/1em Arial
}

.quickview .pdp-main .ratings {
    margin: 0;
    padding-top: 0
}

.ui-dialog {
    background: #FFF
}

.ui-dialog .ui-widget-header {
    background: 0 0;
    border: 0;
    border-radius: 0;
    height: 23px;
    text-transform: uppercase
}

.ui-dialog .ui-dialog-title {
    font-weight: 700;
    margin: 0 !important
}

.ui-dialog .ui-dialog-titlebar-close.ui-corner-all.ui-state-hover {
    background: none !important;
    border: 0
}

.ui-dialog .ui-icon-closethick {
    background: url(../images/close-icon.png) no-repeat !important;
    height: 32px;
    width: 32px;
    top: 14px
}

.ui-dialog .ui-dialog-titlebar-close {
    border: 0;
    border-radius: 0;
    height: 16px;
    margin: 0;
    right: 20px;
    top: 16px;
    width: 18px;
    z-index: 999
}

.quickview .ui-dialog-titlebar-close {
    padding: 0
}

.ui-dialog .ui-dialog-titlebar-close span {
    margin: 0;
    padding: 0
}

.ui-dialog .learnMore a {
    padding: 0
}

.ui-dialog .dialog-required {
    font-weight: 400;
    position: relative;
    text-transform: none
}

.ui-accordion .ui-accordion-content {
    padding: 0
}

.ui-tabs .ui-tabs-nav {
    background: none;
    border: 0;
    height: 2.45em;
    padding: 0
}

.ui-tabs .ui-tabs-nav li {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #EFEFEF;
    border-color: #D9D9D9 #D9D9D9 #FFF;
    border-style: solid;
    border-width: 1px;
    font-family: georgia;
    font-style: italic;
    list-style: none !important;
    margin: 0 1em -1px 0
}

.ui-tabs .ui-tabs-nav li.ui-state-active {
    background: #FFF
}

.ui-tabs .ui-tabs-nav li.ui-state-active a {
    color: #666
}

.ui-tabs .ui-tabs-nav li a {
    color: #999
}

.ui-tabs .ui-tabs-panel {
    background: #FFF;
    border-color: #D9D9D9;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    box-shadow: 4px 2px 10px 0 rgba(66, 66, 66, .1);
    color: #414141;
    font-size: .9em;
    line-height: 1.5em;
    margin: 0;
    padding: 20px 10px
}

a:focus {
    outline: 0
}

.quantity label {
    margin-bottom: 0
}

.pdp-main .margin-top-zero {
    margin-top: 0 !important
}

.ui-dialog .quick-added-to-bag {
    margin-top: -12px
}

.proceed-to-checkout {
    font-size: 15px
}

.ui-dialog .pdp-main .ps-availability.ps-message-show {
    width: 43%;
    padding-left: 0;
    padding-right: 0
}

.ui-dialog .ps-message-show .in-stock-msg, .ui-dialog .ps-message-show .out-of-stock {
    padding-top: 0
}

.scpage .ui-dialog .product-size {
    padding: 0 !important;
    clear: both
}

.margin-top-zero span.price-standard {
    line-height: 10px
}

.margin-top-zero .inclusive {
    line-height: 18px;
    text-align: right
}

.pdp-main .quick-added-to-bag {
    margin-top: 7px
}

.padding-right-10 {
    padding: 0 10px 0 0
}

.padding-left-10 {
    padding: 0 0 0 10px
}

.pdp-background {
    position: absolute;
    left: 0;
    height: 332px;
    width: 100%;
    background-image: -ms-linear-gradient(top, #FFF 0, #DBF3FF 100%);
    background-image: -moz-linear-gradient(top, #FFF 0, #DBF3FF 100%);
    background-image: -o-linear-gradient(top, #FFF 0, #DBF3FF 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #DBF3FF));
    background-image: -webkit-linear-gradient(top, #FFF 0, #DBF3FF 100%);
    background-image: linear-gradient(to bottom, #FFF 0, #DBF3FF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#DBF3FF')
}

.product-image-container {
    margin: 0
}

.ui-widget-overlay {
    background: url(../images/ui-overlay-shadow.png) 50% 50% #333;
    opacity: .4
}

.pdp-main ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.quickview .pdp-main .product-primary-image {
    margin-left: 0;
    padding: 13px 0;
    width: 100%;
    text-align: center
}

#cart-table .quantity-selector .dropdown-menu, .quickview .bootstrap-select.quantity-selector > .dropdown-menu {
    background: #fff
}

.pdp-main .bootstrap-select.quantity-selector > .dropdown-menu, .quickview .pdp-main .bootstrap-select.quantity-selector > .dropdown-menu {
    min-width: 60%;
    width: 48px;
    margin: -13px 0 0 -8px
}

.pdp-main .bootstrap-select.quantity-selector > .dropdown-menu {
    margin: -13px 0 0 -5px;
    height: 120px
}

.quickview div.quantity {
    padding: 2px 0 5px 12px;
    margin-left: 0 !important
}

.quickview .pdp-main .bootstrap-select.quantity-selector > .btn .caret {
    margin-top: -10px
}

.bootstrap-select.quantity-selector .dropdown-menu li a {
    padding: 5px 12px
}

.bootstrap-select.quantity-selector .dropdown-menu li a span.text {
    font-size: 11px
}

div.quantity label {
    font-size: 10px
}

.ui-dialog .pdp-main .product-name {
    font-size: 24px;
    font-family: NiveaBold
}

.ui-dialog .pdp-main .product-actions a {
    float: right;
    min-width: 68px;
    font-size: 12px
}

.ui-dialog .price {
    margin: 13px 0 0
}

.ui-dialog .pdp-main .product-price {
    font-size: 2em;
    margin: 0 0 .5em;
    min-height: 57px;
    padding: 0
}

.ui-dialog .product-add-to-cart .availability.truepromo-available {
    margin: -9.5% 0 0 22px
}

.ui-dialog .quantity {
    border-left: 1px solid #00136f;
    color: #00136f;
    min-height: 63px
}

.ui-dialog .pdp-main .bootstrap-select.quantity-selector {
    margin-bottom: 0
}

.ui-dialog .pdp-main .quantity .quantity-selector {
    clear: both;
    float: left
}

.ui-dialog .pdp-main .quantity .quantity-selector .selectpicker {
    background: 0 0;
    box-shadow: none;
    color: #00136F;
    margin-top: 0;
    padding-left: 0;
    padding-bottom: 0;
    border-radius: 0;
    padding-top: 0
}

.ui-dialog .pdp-main .quantity .bootstrap-select.quantity-selector .btn .filter-option {
    text-align: left;
    margin-top: -7px;
    font: 15px NiveaBook;
    color: #00136f
}

.ui-dialog .pdp-main .quantity .bootstrap-select.btn-group .btn .caret {
    right: 0;
    top: 40%
}

.ui-dialog #listings-nav {
    float: right;
    margin-top: 2%
}

.ui-dialog #listings-nav a {
    cursor: pointer;
    display: inline-block;
    margin: 0 5px
}

.ui-dialog #listings-nav a.active {
    font-weight: 700
}

.availability .availability-msg {
    display: inline
}

.pdp-main .product-add-to-cart .availability p {
    color: #999;
    font-size: 12px;
    line-height: 12px
}

.pdp-icons ul li a:hover, a:active, a:link {
    text-decoration: none
}

.ui-dialog .pdp-main .price sup {
    font-size: 14px;
    top: -9px;
    font-family: NiveaBook;
    font-weight: 400
}

.ui-dialog .pdp-main .product-add-to-cart button#add-to-cart:hover {
    background: #3151a0
}

.pdp-main .icon-favorite {
    background-position: -34px -154px;
    display: inline-block;
    padding-left: 25px;
    font-size: 12px;
    float: left;
    height: 16px;
    padding-bottom: 18px
}

.pdp-main .product-actions a:hover .icon-favorite {
    background-position: -70px -154px;
    text-decoration: none
}

.ui-dialog .bootstrap-select.quantity-selector {
    width: 60px !important
}

.ui-dialog .bootstrap-select.quantity-selector > .btn {
    border: 0
}

.ui-dialog .bootstrap-select.quantity-selector .dropdown-menu > li > a {
    color: #999
}

.ui-dialog .bootstrap-select.quantity-selector.open .dropdown-menu.inner {
    display: block;
    background: 0
}

.ui-dialog .bootstrap-select.quantity-selector .mCSB_scrollTools .mCSB_dragger {
    height: 20px
}

.ui-dialog .bootstrap-select.quantity-selector .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background: #999
}

.ui-dialog .bootstrap-select.quantity-selector.open .mCSB_container {
    margin-right: 0
}

.ui-dialog .bootstrap-select.quantity-selector > .dropdown-menu ul {
    overflow-y: hidden !important;
    max-height: none !important
}

.ui-dialog .bootstrap-select .btn:focus {
    outline: 0;
    border: none
}

.product-size {
    min-height: 17px
}

.pdp-main .ratings {
    margin: -3px 0 0;
    padding-top: 0
}

.pdp-main .product-add-to-cart .availability {
    width: 80%
}

.pdp-main .product-add-to-cart .availability.nopromo {
    margin-top: -50px
}

.quickview button.add-to-cart span.btn-text {
    display: inline-block;
    line-height: 23px
}

.lt-ie10 .btn-primay-blue {
    filter: none !important
}

.pdp-main .product-actions a:hover {
    color: #3d72f6
}

.added-to-cart {
    background-color: #3d72f6 !important;
    border-color: #3d72f6 !important;
    text-align: center !important
}

.pdp-main .added-to-cart {
    background: #3d72f6 !important;
    border-color: #3d72f6 !important;
    color: #fff
}

.ui-dialog .ui-dialog-titlebar-close {
    padding: 0
}

#quick-view-modal .container-xs-height {
    display: table;
    padding-left: 0;
    padding-right: 0
}

#quick-view-modal .row-xs-height {
    display: table-row
}

#quick-view-modal .col-xs-height {
    display: table-cell;
    float: none
}

.product-image-container .exclusive {
    position: relative;
    color: #fff;
    font-family: Arial;
    font-weight: 700;
    font-size: 12px;
    padding: 0;
    margin-bottom: 10px
}

.pdp-main .product-add-to-cart button#add-to-cart.add-to-cart-disabled {
    margin-bottom: 20px
}

.product-image-container .exclusive span.badge {
    border-radius: 0;
    background: #ff921e;
    padding: 4px 8px;
    font-family: Arial;
    font-weight: 700;
    font-size: 12px
}

.pdp-main .product-add-to-cart .availability p {
    font-family: arial
}

@media (min-width: 768px) {
    #quick-view-modal .container-sm-height {
        display: table;
        padding-left: 0;
        padding-right: 0
    }

    #quick-view-modal .row-sm-height {
        display: table-row
    }

    #quick-view-modal .col-sm-height {
        display: table-cell;
        float: none
    }
}

@media (min-width: 1024px) {
    #quick-view-modal .container-md-height {
        display: table;
        padding-left: 0;
        padding-right: 0
    }

    #quick-view-modal .row-md-height {
        display: table-row
    }

    #quick-view-modal .col-md-height {
        display: table-cell;
        float: none
    }
}

@media (min-width: 1280px) {
    #quick-view-modal .container-lg-height {
        display: table;
        padding-left: 0;
        padding-right: 0
    }

    #quick-view-modal .row-lg-height {
        display: table-row
    }

    #quick-view-modal .col-lg-height {
        display: table-cell;
        float: none
    }

    button.add-to-cart:hover span.btn-text {
        visibility: hidden
    }

    button.add-to-cart:hover span.icon-bag {
        position: relative;
        left: 43%
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    header .header-search, header .header-search.ecommerce-off {
        width: 230px
    }

    .container > .navbar-collapse.header-search.ecommerce-off .navbar-form {
        padding-right: 0
    }
}

.availability .availability-msg p {
    margin-top: 0;
    display: inline
}

.quickview .availability .availability-msg p {
    position: relative;
    top: -1px
}

.quickViewPromo > span {
    font-family: NiveaBook
}

.quickview .learnMore {
    margin-top: 3px
}

.pdp-main .product-add-to-cart .availability p.not-available-msg {
    position: relative;
    top: 13px
}

.teaser {
    position: relative;
    overflow: hidden;
    background: #fff
}

.teaser a {
    display: block;
    width: 100%;
    height: 100%
}

.teaser-optional .container, .teaser-optional .container .row {
    position: relative;
    overflow: hidden
}

.teaser.teaser-image .caption {
    bottom: 40px;
    max-width: 70%
}

.teaser.hover .img-wrapper:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 19, 111, .65);
    position: absolute
}

.teaser-image.hover .caption.blue h3, .teaser-image.hover .caption.blue span, .teaser-image.hover .caption.blue span a, .teaser-image.hover .caption.white h3, .teaser-image.hover .caption.white span, .teaser-image.hover .caption.white span a, .teaser-product.hover .caption.blue h3, .teaser-product.hover .caption.blue span, .teaser-product.hover .caption.blue span a {
    color: #fff
}

.scEnabledChrome .teaser.hover .img-wrapper:after {
    background: 0 0;
    display: none
}

.teaser .caption h3 {
    margin-top: 0;
    margin-bottom: 13px;
    text-decoration: none
}

.teaser .caption > span, .teaser .caption > span a {
    font-size: 16px;
    font-family: NiveaBook;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255, 255, 255, .65);
    padding-bottom: 0;
    display: inline-block
}

.teaser .caption span, .teaser .caption span a {
    color: #fff
}

.teaser .caption span {
    display: inline
}

.teaser-image .caption.blue span, .teaser-image .caption.blue span a, .teaser-product .caption.blue span, .teaser-product .caption.blue span a {
    border-bottom: 1px solid rgba(0, 19, 111, .65)
}

.teaser-copy.sky-blue .caption span, .teaser-copy.sky-blue .caption span a, .teaser-image.hover .caption.blue span, .teaser-image.hover .caption.blue span a, .teaser-product .caption.white span, .teaser-product .caption.white span a, .teaser-product.hover .caption.blue span, .teaser-product.hover .caption.blue span a {
    border-bottom: 1px solid rgba(255, 255, 255, .65)
}

.teaser a:hover {
    text-decoration: none
}

.teaser.teaser-product .caption {
    top: 35px;
    bottom: auto;
    max-width: 50%;
    padding-right: 0
}

.teaser-image .caption.blue .copy, .teaser-image .caption.blue h3, .teaser-image .caption.blue span, .teaser-image .caption.blue span a, .teaser-product .caption.blue .copy, .teaser-product .caption.blue h3, .teaser-product .caption.blue span, .teaser-product .caption.blue span a {
    color: #00136f
}

.teaser-image .caption.white .copy .teaser-product .caption.white span a, .teaser-image .caption.white h3, .teaser-image .caption.white span, .teaser-image .caption.white span a, .teaser-product .caption.white .copy, .teaser-product .caption.white h3, .teaser-product .caption.white span {
    color: #fff
}

.marketing-teaser-wide .marketing-teaser.blue, .marketing-teaser-wide .marketing-teaser.dark-blue {
    background: #00136f
}

.marketing-teaser-wide .marketing-teaser.yellow, .teaser.teaser-copy.yellow {
    background: #f8ad1e
}

.marketing-teaser-wide .marketing-teaser.mid-blue, .marketing-teaser-wide .marketing-teaser.sky-blue, .teaser.teaser-copy.mid-blue, .teaser.teaser-copy.sky-blue {
    background: #3d72f6
}

.marketing-teaser-wide .marketing-teaser.white, .teaser.teaser-copy.white {
    background: #fff
}

.marketing-teaser-wide .marketing-teaser.light-blue, .teaser.teaser-copy.light-blue {
    background: #dbf3ff
}

.teaser.teaser-copy.light-blue .caption .copy, .teaser.teaser-copy.light-blue .caption h3, .teaser.teaser-copy.white .caption .copy, .teaser.teaser-copy.white .caption h3 {
    color: #00136f
}

.teaser.teaser-copy.light-blue .caption span, .teaser.teaser-copy.light-blue .caption span a, .teaser.teaser-copy.white .caption span, .teaser.teaser-copy.white .caption span a {
    border-bottom: 1px solid rgba(0, 19, 111, .65);
    color: #00136f
}

.teaser.teaser-copy {
    background: #00136f;
    width: 100%
}

.teaser.teaser-copy .caption {
    top: 35px;
    bottom: auto;
    max-width: 80%
}

.teaser.teaser-copy .caption h3 {
    font-size: 31px
}

.teaser .caption {
    position: absolute;
    bottom: 30px;
    padding-left: 35px
}

.teaser .caption h3, .teaser .caption h3 span {
    color: #fff;
    text-transform: uppercase;
    font-size: 21px;
    font-family: NiveaBold;
    font-weight: 400
}

.teaser .caption .copy {
    color: #fff
}

.teaser-optional {
    position: relative;
    z-index: 900;
    clear: both
}

.teaser.teaser-copy .caption .copy {
    color: #fff
}

.teaser .caption .copy {
    font-family: Arial
}

.teaser-optional .row > .personalized-content div[class^=col-], .teaser-optional .row > div[class^=col-] {
    padding: 0
}

.teaser-copy .img-wrapper.gradient:after {
    height: 100%;
    content: "";
    display: block;
    top: 0;
    width: 100%;
    position: absolute;
    z-index: 0
}

.teaser-copy.blue.hover .img-wrapper.gradient:after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDEzNmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, .2) 0, rgba(0, 19, 111, .2) 100%);
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(0, 19, 111, .2)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, .2) 0, rgba(0, 19, 111, .2) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, .2) 0, rgba(0, 19, 111, .2) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, .2) 0, rgba(0, 19, 111, .2) 100%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, .2) 0, rgba(0, 19, 111, .2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33ffffff', endColorstr='#3300136f', GradientType=1)
}

.teaser-copy.sky-blue.hover .img-wrapper.gradient:after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNhN2JmZmQiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZDcyZjYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-radial-gradient(center, ellipse cover, rgba(167, 191, 253, .2) 0, rgba(61, 114, 246, .2) 100%);
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%, rgba(167, 191, 253, .2)), color-stop(100%, rgba(61, 114, 246, .2)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(167, 191, 253, .2) 0, rgba(61, 114, 246, .2) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(167, 191, 253, .2) 0, rgba(61, 114, 246, .2) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(167, 191, 253, .2) 0, rgba(61, 114, 246, .2) 100%);
    background: radial-gradient(ellipse at center, rgba(167, 191, 253, .2) 0, rgba(61, 114, 246, .2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33a7bffd', endColorstr='#333d72f6', GradientType=1)
}

.teaser-copy.yellow.hover .img-wrapper.gradient:after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGFkMWUiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, .2) 0, rgba(248, 173, 30, .2) 100%);
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(248, 173, 30, .2)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, .2) 0, rgba(248, 173, 30, .2) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, .2) 0, rgba(248, 173, 30, .2) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, .2) 0, rgba(248, 173, 30, .2) 100%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, .2) 0, rgba(248, 173, 30, .2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33ffffff', endColorstr='#33f8ad1e', GradientType=1)
}

.teaser.marketing-teaser.big-headline .caption h3, .teaser.marketing-teaser.big-headline .caption h3 span {
    font-size: 31px;
    line-height: 40px
}

.teaser.marketing-teaser.small-headline .caption h3, .teaser.marketing-teaser.small-headline .caption h3 span {
    font-size: 21px;
    line-height: 27px
}

.teaser.marketing-teaser.bottom-align .caption {
    top: auto;
    bottom: 34px
}

.teaser.marketing-teaser.top-align .caption {
    top: 34px;
    bottom: auto
}

.teaser.marketing-teaser .caption > span {
    text-transform: none;
    font-size: 14px;
    font-family: Arial;
    font-weight: 700
}

.teaser.marketing-teaser .caption {
    max-width: 90% !important
}

.teaser.newsletter-teaser .form-horizontal .form-group {
    margin: 10px 0
}

.teaser.newsletter-teaser .nivea-checkbox span, .teaser.newsletter-teaser .nivea-checkbox span a {
    font-size: 11px;
    font-family: Arial;
    border: 0;
    font-weight: 400;
    line-height: 15px;
    text-transform: none
}

.teaser.newsletter-teaser .btn-submit {
    border: 1px solid #fff;
    float: right;
    text-transform: uppercase
}

.teaser.newsletter-teaser .btn-submit span {
    color: #fff !important
}

.teaser.newsletter-teaser .nivea-checkbox span a {
    display: inline;
    text-decoration: underline
}

.teaser.newsletter-teaser label.nivea-checkbox span:before {
    top: 0
}

.teaser.marketing-teaser.newsletter-teaser input[type=email] {
    color: #999;
    background-color: #fff;
    font-family: Arial;
    width: 100%;
    padding-right: 6px
}

.teaser.teaser-copy.white .caption span {
    border: 0
}

.teaser.marketing-teaser.newsletter-teaser .caption {
    position: relative;
    top: auto;
    bottom: auto;
    max-width: 100% !important;
    padding: 35px 40px
}

.newsletter-teaser label.error {
    font-size: 10px;
    font-weight: 700
}

.newsletter-teaser-error, .newsletter-teaser-subscribed, .newsletter-teaser-success {
    display: none;
    font-family: Arial;
    margin-top: 20px;
    font-size: 14px
}

.marketing-teaser.newsletter-teaser.blue .newsletter-teaser-error, .marketing-teaser.newsletter-teaser.blue .newsletter-teaser-subscribed, .marketing-teaser.newsletter-teaser.blue .newsletter-teaser-success {
    color: #fff
}

.marketing-teaser.newsletter-teaser.white .newsletter-teaser-error, .marketing-teaser.newsletter-teaser.white .newsletter-teaser-subscribed, .marketing-teaser.newsletter-teaser.white .newsletter-teaser-success {
    color: #00136F
}

.newsletter-teaser .status-indicator-wrapper {
    height: 30px;
    position: absolute;
    bottom: 20px;
    width: 100%;
    display: none
}

.marketing-teaser-wide .newsletter-teaser .status-indicator-wrapper {
    position: relative;
    bottom: 5px
}

.newsletter-teaser .status-indicator {
    overflow: hidden;
    margin: 0 40px
}

.newsletter-teaser .status-indicator-wrapper .sprite {
    width: 42px;
    height: 32px;
    background-position: -899px -20px;
    display: block;
    position: relative;
    margin: 0 auto;
    border: 0
}

.marketing-teaser-wide .newsletter-teaser-error, .marketing-teaser-wide .newsletter-teaser-subscribed, .marketing-teaser-wide .newsletter-teaser-success {
    margin-top: 10px
}

.marketing-teaser-wide .newsletter-teaser .caption {
    height: 100%
}

.newsletter-teaser.light-blue .status-indicator-wrapper .sprite, .newsletter-teaser.white .status-indicator-wrapper .sprite {
    background-position: -844px -20px
}

.newsletter-teaser .status-indicator-wrapper .sprite:after, .newsletter-teaser .status-indicator-wrapper .sprite:before {
    content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    position: absolute;
    top: 3px;
    height: 20px;
    overflow: hidden;
    display: block;
    width: 377px
}

.newsletter-teaser .status-indicator-wrapper .sprite:before {
    right: 60px
}

.newsletter-teaser .status-indicator-wrapper .sprite:after {
    left: 60px
}

.newsletter-teaser.white .status-indicator-wrapper .sprite:after, .newsletter-teaser.white .status-indicator-wrapper .sprite:before {
    color: #00136F
}

.newsletter-teaser.blue .newsletter-teaser-error, .newsletter-teaser.blue .newsletter-teaser-subscribed, .newsletter-teaser.blue .newsletter-teaser-success, .newsletter-teaser.blue .status-indicator-wrapper .sprite:after, .newsletter-teaser.blue .status-indicator-wrapper .sprite:before, .newsletter-teaser.dark-blue .newsletter-teaser-error, .newsletter-teaser.dark-blue .newsletter-teaser-subscribed, .newsletter-teaser.dark-blue .newsletter-teaser-success, .newsletter-teaser.dark-blue .status-indicator-wrapper .sprite:after, .newsletter-teaser.dark-blue .status-indicator-wrapper .sprite:before, .newsletter-teaser.mid-blue .newsletter-teaser-error, .newsletter-teaser.mid-blue .newsletter-teaser-subscribed, .newsletter-teaser.mid-blue .newsletter-teaser-success, .newsletter-teaser.mid-blue .status-indicator-wrapper .sprite:after, .newsletter-teaser.mid-blue .status-indicator-wrapper .sprite:before, .newsletter-teaser.yellow .newsletter-teaser-error, .newsletter-teaser.yellow .newsletter-teaser-subscribed, .newsletter-teaser.yellow .newsletter-teaser-success, .newsletter-teaser.yellow .status-indicator-wrapper .sprite:after, .newsletter-teaser.yellow .status-indicator-wrapper .sprite:before {
    color: #fff
}

.newsletter-teaser.light-blue .newsletter-teaser-error, .newsletter-teaser.light-blue .newsletter-teaser-subscribed, .newsletter-teaser.light-blue .newsletter-teaser-success {
    color: #00136f
}

.marketing-teaser-wide .teaser {
    top: auto;
    bottom: auto;
    max-width: none
}

.marketing-teaser-wide .newsletter-teaser .btn-submit {
    margin-top: 0
}

.marketing-teaser-wide .teaser .caption {
    position: relative;
    top: auto !important;
    bottom: auto !important;
    max-width: none !important
}

.marketing-teaser-wide .teaser.teaser-copy .caption {
    text-align: center
}

.marketing-teaser-wide .teaser.newsletter-teaser .caption {
    text-align: left
}

.marketing-teaser-wide .marketing-teaser.image-content .caption {
    white-space: normal
}

.marketing-teaser-wide input[type=email].error.warning-icon, .marketing-teaser-wide input[type=text].error.warning-icon {
    background-position: right 12px center;
    color: red !important
}

.marketing-teaser-wide .newsletter-teaser label.error {
    font-size: 10px
}

.newsletter-teaser-error, .newsletter-teaser-subscribed, .newsletter-teaser-success {
    margin-bottom: 45px
}

.marketing-teaser-wide .newsletter-teaser .status-indicator {
    margin: 0;
    position: relative
}

.teaser-optional .teaser.newsletter-teaser .form-horizontal .form-group.col_email {
    height: 46px
}

.teaser-optional .newsletter-teaser label.error {
    margin-top: 3px
}

.teaser-optional.promo-zone {
    margin-top: 0 !important
}

.teaser.marketing-teaser.newsletter-teaser .nivea-checkbox span, .teaser.marketing-teaser.newsletter-teaser .nivea-checkbox span a, .teaser.newsletter-teaser.light-blue .btn-submit, .teaser.newsletter-teaser.mid-blue .btn-submit, .teaser.newsletter-teaser.sky-blue .btn-submit, .teaser.newsletter-teaser.yellow .btn-submit {
    border: 0
}

.scEnabledChrome .caption span {
    border: 0 !important
}

.marketing-teaser .caption h3 {
    word-wrap: break-word;
    white-space: normal
}

.marketing-teaser-wide .marketing-teaser .caption .copy {
    white-space: normal
}

.marketing-teaser-wide .row .marketing-teaser.text-align-left .caption, .marketing-teaser-wide .row .marketing-teaser.text-align-right .caption {
    text-align: left
}

.teaser-optional.promo-zone {
    z-index: 0
}

.marketing-teaser-wide {
    clear: both
}

.scEnabledChrome:before {
    display: none
}

.marketing-teaser span.scEnabledChrome {
    padding: 0
}

.scEnabledChrome .marketing-teaser a, .teaser a.scEnabledChrome {
    text-transform: none !important;
    font-size: 14px !important;
    display: inline !important
}

.marketing-teaser .link {
    font-family: Arial;
    font-weight: 700
}

.marketing-teaser-wide .marketing-teaser.image-content:before {
    display: inline !important
}

@media screen and (max-width: 767px) {
    .teaser-optional {
        touch-action: pan-y;
        -ms-touch-action: pan-y
    }

    .teaser-optional .row {
        position: relative;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out
    }

    .teaser-optional div[class^=col-sm-4] {
        width: 255px;
        float: left
    }

    .teaser-optional div[class^=col-sm-6] {
        width: 384px;
        float: left
    }

    .teaser-optional div[class^=col-sm-8] {
        width: 510px;
        float: left
    }

    .teaser-optional .container {
        overflow: hidden
    }

    .teaser-optional .teaser {
        height: 203px;
        width: 100%
    }

    .teaser .caption h3 {
        font-size: 14px
    }

    .teaser .caption {
        bottom: 25px;
        padding-left: 20px
    }

    .teaser.teaser-image .caption {
        bottom: 25px
    }

    .teaser .caption span {
        font-size: 11px
    }

    .teaser.teaser-copy .caption, .teaser.teaser-product .caption {
        top: 22px
    }

    .teaser.teaser-copy .caption h3 {
        font-size: 19px
    }

    .teaser.marketing-teaser.big-headline .caption h3, .teaser.marketing-teaser.big-headline .caption h3 span {
        font-size: 18px;
        line-height: 21px
    }

    .teaser.marketing-teaser.small-headline .caption h3, .teaser.marketing-teaser.small-headline .caption h3 span {
        font-size: 12px;
        line-height: 16px
    }

    .teaser.marketing-teaser .caption .copy, .teaser.marketing-teaser .caption > span {
        font-size: 11px
    }

    .teaser.marketing-teaser.top-align .caption {
        top: 14px
    }

    .teaser.marketing-teaser.bottom-align .caption {
        bottom: 14px
    }

    .teaser.marketing-teaser .caption .copy {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .teaser.marketing-teaser label.error {
        margin-top: 3px;
        margin-bottom: 0
    }

    .teaser-optional .marketing-teaser {
        height: 250px
    }

    .teaser.newsletter-teaser .label-error .nivea-checkbox {
        margin-bottom: 0
    }

    .teaser.newsletter-teaser .label-error label.error {
        font-size: 10px
    }

    .teaser.newsletter-teaser .btn-submit {
        margin-top: 0 !important
    }

    .teaser.newsletter-teaser .col_email {
        height: 46px;
        margin-bottom: 0 !important
    }

    .teaser.newsletter-teaser .col_privary {
        margin-top: 0 !important
    }

    .marketing-teaser-wide .teaser.teaser-copy .caption {
        text-align: left
    }

    .marketing-teaser-wide .marketing-teaser.teaser-copy .caption {
        padding: 20px !important
    }

    .marketing-teaser-wide .marketing-teaser.teaser-copy .caption h3 {
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 12px
    }

    .marketing-teaser-wide .marketing-teaser.teaser-copy .copy {
        font-size: 11px;
        line-height: 16px;
        margin-bottom: 6px;
        margin-top: 8px
    }

    .marketing-teaser-wide .marketing-teaser.teaser-copy span {
        font-size: 11px
    }

    .marketing-teaser-wide .marketing-teaser.teaser-image .caption {
        position: absolute;
        bottom: 20px !important;
        padding-right: 20px
    }

    .marketing-teaser-wide .marketing-teaser.teaser-image .caption h3 {
        margin-bottom: 8px
    }

    .marketing-teaser-wide .marketing-teaser.teaser-image .caption .copy {
        margin-top: 8px;
        margin-bottom: 6px
    }

    .marketing-teaser-wide .image-content .caption, .marketing-teaser-wide .image-content .img-wrapper {
        width: 100%
    }

    .marketing-teaser-wide .marketing-teaser.image-content .caption {
        position: relative !important;
        bottom: auto !important;
        padding: 20px
    }

    .marketing-teaser-wide .marketing-teaser.image-content .caption h3 {
        font-size: 12px;
        line-height: 16px
    }

    .marketing-teaser-wide .marketing-teaser.image-content .caption > .copy, .marketing-teaser-wide .marketing-teaser.image-content .caption > a, .marketing-teaser-wide .marketing-teaser.image-content .caption > span {
        font-size: 11px;
        line-height: 16px
    }

    .teaser.newsletter-teaser .nivea-checkbox span a {
        font-size: 10px
    }

    .marketing-teaser-wide, .teaser-optional.promo-zone {
        background: #fff;
        padding: 40px 0
    }

    .teaser-optional.promo-zone + .module {
        padding: 40px 0
    }

    .home .marketing-teaser-wide {
        padding: 0
    }
}

@media screen and (max-width: 1023px) {
    .marketing-teaser.teaser-image .img-wrapper img {
        margin: 0 -25px;
        max-width: none;
        height: 250px;
        width: auto
    }

    .marketing-teaser-wide .marketing-teaser.teaser-image .img-wrapper img {
        max-width: 100%;
        margin: 0;
        height: auto !important
    }

    .teaser.marketing-teaser.newsletter-teaser .caption h3, .teaser.marketing-teaser.newsletter-teaser .caption h3 span {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 0
    }

    .teaser.marketing-teaser.newsletter-teaser input[type=email] {
        font-size: 12px;
        height: 31px
    }

    .teaser.marketing-teaser.newsletter-teaser .nivea-checkbox span {
        font-size: 10px;
        display: block;
        line-height: 10px
    }

    .teaser.marketing-teaser.newsletter-teaser .nivea-checkbox span a {
        font-size: 10px
    }

    .teaser.marketing-teaser.newsletter-teaser .btn-submit {
        font-size: 12px;
        padding: 6px 16px 5px;
        margin: 5px 0
    }

    .teaser.marketing-teaser.newsletter-teaser .caption {
        padding: 15px 20px
    }

    .newsletter-teaser .status-indicator {
        margin: 0 20px
    }

    .newsletter-teaser-error, .newsletter-teaser-subscribed, .newsletter-teaser-success {
        font-size: 12px
    }

    .image-proxy {
        touch-action: pan-y;
        -ms-touch-action: pan-y;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: 0 0;
        z-index: 999;
        display: block
    }

    .marketing-teaser .link {
        font-size: 11px
    }
}

@media screen and (min-width: 768px) {
    .teaser {
        height: 203px
    }

    .teaser .caption h3 {
        font-size: 14px
    }

    .teaser-container {
        padding-top: 0
    }

    .teaser .caption {
        bottom: 25px;
        padding-left: 20px
    }

    .teaser.teaser-image .caption {
        bottom: 25px
    }

    .teaser .caption > span {
        font-size: 11px
    }

    .teaser.teaser-copy .caption, .teaser.teaser-product .caption {
        top: 22px
    }

    .col-sm-8 .teaser.teaser-product .caption {
        max-width: 30%
    }

    .col-sm-6 .teaser.teaser-image .caption, .col-sm-6 .teaser.teaser-product .caption, .col-sm-8 .teaser.teaser-image .caption {
        max-width: 40%
    }

    .teaser.teaser-image.hover .caption.blue .copy, .teaser.teaser-image.hover .caption.blue h3, .teaser.teaser-image.hover .caption.blue span, .teaser.teaser-product.hover .caption.blue .copy, .teaser.teaser-product.hover .caption.blue h3, .teaser.teaser-product.hover .caption.blue span {
        color: #fff
    }

    .teaser.teaser-product.blue.hover .caption span {
        border-bottom: 1px solid rgba(255, 255, 255, .65)
    }

    .col-sm-4 .teaser.teaser-product .caption {
        max-width: 52%
    }

    .navbar-header {
        width: 13.57%
    }

    .teaser.marketing-teaser.big-headline .caption h3, .teaser.marketing-teaser.big-headline .caption h3 span {
        font-size: 18px;
        line-height: 21px
    }

    .teaser.marketing-teaser.small-headline .caption h3, .teaser.marketing-teaser.small-headline .caption h3 span {
        font-size: 12px;
        line-height: 16px
    }

    .teaser.marketing-teaser .caption .copy, .teaser.marketing-teaser .caption > span {
        font-size: 11px
    }

    .teaser.marketing-teaser.top-align .caption {
        top: 14px
    }

    .teaser.marketing-teaser {
        height: 239px
    }

    .teaser.marketing-teaser.bottom-align .caption {
        bottom: 14px
    }

    .marketing-teaser.teaser-image .img-wrapper img {
        height: 239px
    }

    .teaser.marketing-teaser .caption .copy {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .teaser.marketing-teaser.newsletter-teaser .caption {
        padding: 15px 20px
    }

    .newsletter-teaser .status-indicator {
        margin: 0 20px
    }

    .marketing-teaser-wide .row {
        width: 100%;
        margin: 0
    }

    .marketing-teaser-wide .bg-image.text-align-center, .marketing-teaser-wide .marketing-teaser.teaser-copy {
        white-space: nowrap
    }

    .marketing-teaser-wide .row .marketing-teaser:before {
        display: inline-block;
        content: '';
        height: 100%;
        vertical-align: middle
    }

    .marketing-teaser-wide .row .marketing-teaser .caption {
        display: inline-block;
        vertical-align: middle;
        width: 100%
    }

    .marketing-teaser-wide .row .marketing-teaser.text-align-left:before, .marketing-teaser-wide .row .marketing-teaser.text-align-right:before {
        display: none
    }

    .marketing-teaser-wide .row .marketing-teaser.text-align-left .caption, .marketing-teaser-wide .row .marketing-teaser.text-align-right .caption {
        width: 50%;
        padding: 12px
    }

    .marketing-teaser-wide .row .marketing-teaser.text-align-right .caption {
        margin-left: 50%
    }

    .marketing-teaser-wide .row .marketing-teaser .caption .copy, .marketing-teaser-wide .row .marketing-teaser .caption a, .marketing-teaser-wide .row .marketing-teaser .caption h3 {
        max-width: 850px;
        margin-left: auto;
        margin-right: auto
    }

    .marketing-teaser-wide .teaser.no-image {
        height: 100px
    }

    .marketing-teaser-wide .teaser.newsletter-teaser {
        height: 170px
    }

    .marketing-teaser-wide .marketing-teaser.teaser-copy .caption h3 {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 8px
    }

    .marketing-teaser-wide .marketing-teaser.teaser-copy .copy {
        font-size: 11px;
        line-height: 16px;
        margin-bottom: 6px;
        margin-top: 8px
    }

    .marketing-teaser-wide .marketing-teaser.teaser-copy > span {
        font-size: 11px
    }

    .marketing-teaser-wide .marketing-teaser.bg-image .img-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%
    }

    .marketing-teaser-wide .bg-image.text-align-center .caption {
        text-align: center;
        padding-left: 0
    }

    .marketing-teaser-wide .row .marketing-teaser .caption h3 {
        font-size: 12px;
        line-height: 16px
    }

    .marketing-teaser-wide .row .marketing-teaser .caption .copy, .marketing-teaser-wide .row .marketing-teaser .caption > span {
        font-size: 11px;
        line-height: 16px
    }

    .marketing-teaser-wide .row .marketing-teaser .caption .copy {
        margin-top: 8px;
        margin-bottom: 8px
    }

    .marketing-teaser-wide .marketing-teaser.image-content .img-wrapper {
        float: left;
        width: 381px
    }

    .marketing-teaser-wide .marketing-teaser.image-content .caption {
        width: 348px;
        float: left;
        padding: 16px 20px
    }

    .marketing-teaser-wide .marketing-teaser.teaser-copy {
        height: 100px
    }

    .marketing-teaser-wide .marketing-teaser.image-content .caption .copy, .marketing-teaser-wide .marketing-teaser.image-content .caption h3, .marketing-teaser-wide .marketing-teaser.image-content .caption > a, .marketing-teaser-wide .marketing-teaser.image-content .caption > span {
        margin-left: 0;
        max-width: 100%
    }

    .marketing-teaser-wide .marketing-teaser.image-content .caption h3 {
        font-size: 12px;
        line-height: 16px
    }

    .marketing-teaser-wide .marketing-teaser.image-content .caption .copy, .marketing-teaser-wide .marketing-teaser.image-content .caption > a, .marketing-teaser-wide .marketing-teaser.image-content .caption > span {
        font-size: 11px;
        line-height: 16px
    }

    .marketing-teaser-wide .newsletter-teaser .col_email {
        width: 420px;
        float: left
    }

    .marketing-teaser-wide .marketing-teaser.no-image .caption {
        padding-left: 0 !important
    }

    .marketing-teaser-wide .marketing-teaser.newsletter-teaser.image-content:before {
        display: none !important
    }

    .marketing-teaser-wide .teaser.teaser-copy.image-content .caption {
        text-align: left
    }

    .marketing-teaser-wide .form-horizontal .control-label.privary-agreement {
        padding-top: 0
    }

    .marketing-teaser-wide .teaser.bg-image {
        height: 100px
    }

    .marketing-teaser-wide, .teaser-optional.promo-zone {
        background: #fff;
        padding: 50px 0
    }

    .teaser-optional.promo-zone + .module {
        padding: 50px 0
    }

    .home .marketing-teaser-wide {
        padding: 0
    }

    .marketing-teaser .link {
        font-size: 14px
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .ecommerce-off.search-l-toggle {
        margin-right: 0
    }

    .marketing-teaser-wide .marketing-teaser.image-content.newsletter-teaser .caption {
        width: 100% !important
    }

    .marketing-teaser-wide .newsletter-teaser .col_email {
        float: none;
        width: 300px
    }

    .marketing-teaser-wide .newsletter-teaser .col_privary {
        float: left;
        width: 80%
    }

    .newsletter-teaser .col_privary {
        margin-bottom: 0 !important
    }

    .newsletter-teaser .col_nlsubmit {
        margin-top: 0 !important
    }

    .newsletter-teaser #agree-error {
        margin-bottom: 0;
        line-height: 11px
    }

    .marketing-teaser-wide .newsletter-teaser .col_nlsubmit {
        float: right
    }

    .marketing-teaser-wide .newsletter-teaser .form-horizontal {
        margin-top: 12px
    }

    .marketing-teaser-wide .newsletter-teaser .form-horizontal .form-group {
        margin: 0 0 6px;
        height: 42px
    }

    .marketing-teaser-wide .newsletter-teaser label.error {
        margin-top: 2px
    }

    .marketing-teaser-wide .form-horizontal .control-label {
        text-align: left
    }

    .marketing-teaser-wide .newsletter-teaser-error, .marketing-teaser-wide .newsletter-teaser-subscribed, .marketing-teaser-wide .newsletter-teaser-success {
        margin-bottom: 65px
    }

    .marketing-teaser-wide .teaser.bg-image h3 {
        margin-bottom: 0
    }

    .marketing-teaser-wide .teaser.bg-image .caption .copy {
        margin: 0
    }

    .marketing-teaser.newsletter-teaser.image-content {
        height: 170px
    }

    .marketing-teaser-wide .marketing-teaser.image-content {
        height: 162px
    }
}

@media screen and (min-width: 1024px) {
    .teaser {
        height: 267px
    }

    .teaser .caption h3 {
        font-size: 18px
    }

    .teaser .caption {
        bottom: 30px;
        padding-left: 25px
    }

    .teaser.teaser-image .caption {
        bottom: 30px
    }

    .teaser .caption > span {
        font-size: 14px
    }

    .teaser.teaser-copy .caption, .teaser.teaser-product .caption {
        top: 26px
    }

    .teaser.teaser-copy .caption h3 {
        font-size: 24px
    }

    .col-sm-6 .teaser.teaser-image .caption {
        max-width: 50%
    }

    .col-sm-8 .teaser.teaser-image .caption {
        max-width: 40%
    }

    .col-sm-4 .teaser.teaser-product .caption {
        max-width: 52%
    }

    .col-sm-4 .teaser.teaser-copy .caption {
        max-width: 70%
    }

    .col-sm-6 .teaser.teaser-product .caption {
        max-width: 35%
    }

    .col-sm-8 .teaser.teaser-product .caption {
        max-width: 28%
    }

    .teaser .caption h3 {
        line-height: 26px;
        margin-bottom: 6px
    }

    .teaser.teaser-product .caption h3 {
        line-height: 22px;
        margin-bottom: 7px
    }

    .navbar-header {
        width: 9.76%
    }

    .teaser.marketing-teaser.big-headline .caption h3, .teaser.marketing-teaser.big-headline .caption h3 span {
        font-size: 18px;
        line-height: 21px
    }

    .teaser.marketing-teaser.small-headline .caption h3, .teaser.marketing-teaser.small-headline .caption h3 span {
        font-size: 12px;
        line-height: 16px
    }

    .teaser.marketing-teaser.top-align .caption {
        top: 24px
    }

    .teaser.marketing-teaser.bottom-align .caption {
        bottom: 24px
    }

    .teaser.marketing-teaser .caption .copy, .teaser.marketing-teaser .caption > span {
        font-size: 14px
    }

    .teaser.marketing-teaser .caption .copy {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .teaser.marketing-teaser.newsletter-teaser .caption h3, .teaser.marketing-teaser.newsletter-teaser .caption h3 span {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 10px
    }

    .teaser.marketing-teaser.newsletter-teaser input[type=email] {
        font-size: 12px;
        height: 34px
    }

    .teaser.marketing-teaser.newsletter-teaser .nivea-checkbox span {
        font-size: 11px;
        line-height: 15px;
        display: block
    }

    .teaser.marketing-teaser.newsletter-teaser .caption {
        padding: 25px 30px
    }

    .newsletter-teaser .status-indicator {
        margin: 0 30px
    }

    .marketing-teaser-wide .marketing-teaser.teaser-copy .caption h3 {
        font-size: 21px;
        line-height: 27px;
        margin-bottom: 15px
    }

    .marketing-teaser-wide .marketing-teaser.teaser-copy .copy {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 12px
    }

    .marketing-teaser-wide .teaser {
        height: 134px
    }

    .marketing-teaser-wide .row .marketing-teaser.text-align-left .caption, .marketing-teaser-wide .row .marketing-teaser.text-align-right .caption {
        padding: 20px
    }

    .marketing-teaser-wide .marketing-teaser.image-content .caption .marketing-teaser-wide .marketing-teaser.image-content .caption h3 {
        font-size: 21px;
        line-height: 28px
    }

    .marketing-teaser-wide .marketing-teaser.image-content .caption .copy, .marketing-teaser-wide .marketing-teaser.image-content .caption > a, .marketing-teaser-wide .marketing-teaser.image-content .caption > span {
        font-size: 14px;
        line-height: 18px
    }

    .marketing-teaser-wide .marketing-teaser.image-content .img-wrapper {
        float: left;
        width: 400px
    }

    .marketing-teaser-wide .marketing-teaser.image-content .caption {
        width: 552px;
        padding: 26px 30px 30px
    }

    .marketing-teaser-wide .marketing-teaser.newsletter-teaser .caption {
        padding: 15px 20px 20px
    }

    .marketing-teaser-wide .marketing-teaser.newsletter-teaser .caption h3 {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 8px
    }

    .teaser.marketing-teaser {
        height: 267px
    }

    .marketing-teaser.teaser-image .img-wrapper img {
        height: auto
    }

    .marketing-teaser-wide .marketing-teaser.newsletter-teaser .caption .copy {
        font-size: 11px;
        line-height: 16px
    }

    .marketing-teaser-wide .marketing-teaser.newsletter-teaser label.nivea-checkbox span:before {
        top: 3px
    }

    .marketing-teaser-wide .newsletter-teaser .col_email {
        float: none;
        width: 300px
    }

    .marketing-teaser-wide .newsletter-teaser .col_privary {
        float: left;
        width: 70%
    }

    .marketing-teaser-wide .newsletter-teaser .col_nlsubmit {
        float: right
    }

    .marketing-teaser-wide .newsletter-teaser .form-horizontal {
        margin-top: 12px
    }

    .marketing-teaser-wide .newsletter-teaser .form-horizontal .form-group {
        margin: 0 0 6px;
        height: 42px
    }

    .marketing-teaser-wide .newsletter-teaser label.error {
        margin-top: 2px
    }

    .marketing-teaser-wide .form-horizontal .control-label {
        text-align: left
    }

    .marketing-teaser-wide .teaser.no-image {
        height: 134px
    }

    .marketing-teaser-wide .teaser.bg-image {
        height: 131px
    }

    .teaser.newsletter-teaser .btn-submit {
        margin: 0
    }

    .teaser.newsletter-teaser .form-horizontal .form-group.col_privary {
        margin-bottom: 0
    }

    .teaser-optional .newsletter-teaser label.error {
        margin-bottom: 0
    }

    .marketing-teaser-wide .marketing-teaser.image-content {
        height: 170px
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .marketing-teaser-wide .marketing-teaser.newsletter-teaser .caption h3 {
        font-size: 12px
    }

    .marketing-teaser-wide .newsletter-teaser .form-group.col_email {
        margin-top: -4px
    }
}

@media screen and (min-width: 1280px) {
    .teaser {
        height: 339px
    }

    .teaser .caption h3 {
        font-size: 21px
    }

    .teaser .caption {
        bottom: 40px;
        padding-left: 35px
    }

    .teaser.teaser-image .caption {
        bottom: 40px
    }

    .teaser .caption > span {
        font-size: 16px
    }

    .teaser.teaser-copy .caption, .teaser.teaser-product .caption {
        top: 34px
    }

    .teaser.teaser-copy .caption h3 {
        font-size: 31px;
        margin-bottom: 15px
    }

    .teaser.teaser-copy .caption .copy {
        font-size: 14px;
        margin-top: 15px;
        margin-bottom: 23px
    }

    .teaser.marketing-teaser .caption .copy {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .col-sm-6 .teaser.teaser-image .caption {
        max-width: 50%
    }

    .col-sm-8 .teaser.teaser-image .caption, .col-sm-8 .teaser.teaser-product .caption {
        max-width: 35%
    }

    .teaser.teaser-copy .caption h3 {
        line-height: 32px
    }

    .navbar-header {
        width: 116px
    }

    .teaser.marketing-teaser {
        height: 340px
    }

    .teaser.marketing-teaser.big-headline .caption h3, .teaser.marketing-teaser.big-headline .caption h3 span {
        font-size: 31px;
        line-height: 40px
    }

    .teaser.marketing-teaser.small-headline .caption h3, .teaser.marketing-teaser.small-headline .caption h3 span {
        font-size: 21px;
        line-height: 27px
    }

    .teaser.marketing-teaser.newsletter-teaser .caption h3, .teaser.marketing-teaser.newsletter-teaser .caption h3 span {
        font-size: 21px;
        line-height: 27px;
        margin-bottom: 10px
    }

    .teaser.newsletter-teaser .btn-submit {
        font-size: 12px;
        padding: 6px 18px 5px
    }

    .teaser.marketing-teaser.newsletter-teaser .caption {
        padding: 35px 40px
    }

    .newsletter-teaser .status-indicator {
        margin: 0 40px
    }

    .marketing-teaser-wide .newsletter-teaser .status-indicator {
        margin: 0;
        position: relative
    }

    .newsletter-teaser-error, .newsletter-teaser-subscribed, .newsletter-teaser-success {
        font-size: 14px;
        line-height: 16px
    }

    .marketing-teaser-wide .teaser {
        height: 170px
    }

    .marketing-teaser-wide .row .marketing-teaser.text-align-left .caption, .marketing-teaser-wide .row .marketing-teaser.text-align-right .caption {
        padding: 26px 30px 30px
    }

    .marketing-teaser-wide .row .marketing-teaser .caption h3 {
        font-size: 21px;
        line-height: 27px
    }

    .marketing-teaser-wide .row .marketing-teaser .caption .copy, .marketing-teaser-wide .row .marketing-teaser .caption > span {
        font-size: 14px;
        line-height: 18px
    }

    .marketing-teaser-wide .marketing-teaser.image-content .caption {
        width: 840px;
        padding: 26px 30px 30px
    }

    .marketing-teaser-wide .newsletter-teaser .col_email {
        float: left;
        width: 260px;
        margin-right: 20px !important
    }

    .marketing-teaser-wide .newsletter-teaser .col_privary {
        width: 350px;
        margin-right: 20px !important
    }

    .marketing-teaser-wide .teaser.newsletter-teaser .caption h3 {
        margin-bottom: 8px;
        margin-top: -8px
    }

    .marketing-teaser-wide .marketing-teaser.newsletter-teaser label.nivea-checkbox span:before {
        top: 0
    }

    .marketing-teaser-wide .teaser.bg-image, .marketing-teaser-wide .teaser.no-image {
        height: 170px
    }
}

.menu-utility-user {
    min-width: 90px
}

.header-utilities {
    visibility: hidden
}

.headerDW .header-utilities {
    visibility: visible
}

#StandardForOverlays {
    display: none
}

#StandardForOverlays.ui-dialog-content {
    display: block;
    padding: 20px;
    overflow: hidden
}

.ui-dialog .out-of-stock {
    width: 46%;
    text-align: left;
    float: left;
    padding: 13px 0 0;
    color: #00136f;
    font-family: Arial
}

.ui-dialog .not-available-msg {
    margin-top: 32px
}

.pdp-main .inventory .out-of-stock {
    color: #00136f;
    float: left;
    padding: 2px 0 25px;
    width: 46%
}

.ui-dialog .inventory .out-of-stock {
    padding: 19px 0 0
}

.pdp-main .availability .availability-msg p.stock-alert, .ui-dialog .pdp-main .availability .availability-msg p.stock-alert {
    font-family: arial;
    color: #ff921e
}

button.add-to-cart-disabled {
    background: #999 !important;
    border-color: #999 !important
}

button.add-to-cart-disabled .icon-bag {
    opacity: .6
}

button.add-to-cart-disabled .btn-text {
    color: #ccc !important
}

.ui-dialog .no-icon {
    display: none
}

.quickview .product-add-to-cart .pdpForm fieldset .row {
    margin-top: -4px
}

.quickview .product-size.col-xs-5 {
    clear: both;
    color: #666;
    font-family: Arial
}

.quickview .cxrev-starsAndCountOnly {
    margin: 12px 0 10px !important
}

.quickview .add-to-bag {
    padding-bottom: 7px
}

.pdp-main .price-standard {
    font-family: arial
}

.out-of-stock {
    width: 48%;
    text-align: left;
    float: left;
    padding: 20px 0 0;
    color: #00136f
}

.js button.add-all-to-cart {
    display: inherit;
    clear: both;
    float: right;
    margin-top: 10px;
    width: auto;
    padding: 0 20px;
    height: 34px
}

button.add-all-to-cart[disabled], button.add-to-cart[disabled] {
    opacity: .5;
    padding: 5px 20px;
    width: auto
}

.snack-detail-wrapper .gallery-help-container .slick-prev {
    background-position: -322px -96px;
    width: 11px;
    height: 20px;
    left: -45px
}

.snack-detail-wrapper .gallery-help-container .slick-prev:hover {
    background-position: -322px -212px;
    width: 11px;
    height: 20px
}

.snack-detail-wrapper .gallery-help-container .slick-prev.slick-disabled, .snack-detail-wrapper .gallery-help-container .slick-prev.slick-disabled:hover {
    background-position: -322px -154px;
    width: 11px;
    height: 20px
}

.snack-detail-wrapper .gallery-help-container .slick-next {
    background-position: -397px -96px;
    width: 11px;
    height: 20px;
    right: -45px
}

.snack-detail-wrapper .gallery-help-container .slick-next:hover {
    background-position: -397px -212px;
    width: 11px;
    height: 20px
}

.snack-detail-wrapper .gallery-help-container .slick-next.slick-disabled, .snack-detail-wrapper .gallery-help-container .slick-next.slick-disabled:hover {
    background-position: -397px -154px;
    width: 11px;
    height: 20px
}

#maincategory li span {
    background-repeat: no-repeat;
    background-position: center center
}

#maincategory li span.Korper {
    background-image: url(../images/xlp/320/xlp_Icon_men_rollover_O.png);
    background-position: center center
}

#maincategory li a:active span.Korper, #maincategory li.selected span.Korper, #maincategory li:active span.Korper, #maincategory li:hover span.Korper {
    background-image: url(../images/xlp/320/xlp_Icon_men_O.png);
    background-position: center center
}

#maincategory li span.Men {
    background-image: url(../images/xlp/320/xlp_Icon_Men_rollover_O.png);
    background-position: center center
}

#maincategory li a:active span.Men, #maincategory li.selected span.Men, #maincategory li:active span.Men, #maincategory li:hover span.Men {
    background-image: url(../images/xlp/320/xlp_Icon_men_O.png);
    background-position: center center
}

#maincategory li span.Highlights {
    background-image: url(../images/xlp/320/xlp_Icon_Highlights_rollover_O.png);
    background-position: center center
}

#maincategory li a:active span.Highlights, #maincategory li.selected span.Highlights, #maincategory li:active span.Highlights, #maincategory li:hover span.Highlights {
    background-image: url(../images/xlp/320/xlp_Icon_highlights_O.png);
    background-position: center center
}

#maincategory li span.Baby-Kids {
    background-image: url(../images/xlp/320/xlp_Icon_babykids_rollover_O.png);
    background-position: center center
}

#maincategory li a:active span.Baby-Kids, #maincategory li.selected span.Baby-Kids, #maincategory li:active span.Baby-Kids, #maincategory li:hover span.Baby-Kids {
    background-image: url(../images/xlp/320/xlp_Icon_babykids_O.png);
    background-position: center center
}

#maincategory li span.Gesicht {
    background-image: url(../images/xlp/320/xlp_Icon_face_rollover_O.png);
    background-position: center center
}

#maincategory li a:active span.Gesicht, #maincategory li.selected span.Gesicht, #maincategory li:active span.Gesicht, #maincategory li:hover span.Gesicht {
    background-image: url(../images/xlp/320/xlp_Icon_face_O.png);
    background-position: center center
}

#maincategory li span.Hairtype {
    background-image: url(../images/xlp/320/xlp_Icon_hairHairtype_rollover_O.png);
    background-position: center center
}

#maincategory li a:active span.Hairtype, #maincategory li.selected span.Hairtype, #maincategory li:active span.Hairtype, #maincategory li:hover span.Hairtype {
    background-image: url(../images/xlp/320/xlp_Icon_hairhairtype_O.png);
    background-position: center center
}

#maincategory li span.Haar {
    background-image: url(../images/xlp/320/xlp_Icon_face_rollover_O.png);
    background-position: center center
}

#maincategory li a:active span.Haar, #maincategory li.selected span.Haar, #maincategory li:active span.Haar, #maincategory li:hover span.Haar {
    background-image: url(../images/xlp/320/xlp_Icon_face_O.png);
    background-position: center center
}

.product-tile .cards-bottom-price, .product-tile .product-name, .product-tile .ratings {
    position: absolute;
    width: 100%
}

.product-tile .product-name {
    bottom: 70px
}

.product-tile .ratings {
    bottom: 35px
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .product-tile .ratings {
        bottom: 42px
    }
}

.product-tile .cards-bottom-price {
    bottom: 25px;
    font-family: Arial
}

.img-wrapper img {
    max-width: 100%;
    height: auto
}

.quickview .product-add-to-cart .pdpForm fieldset .row.action-fav {
    width: 32%;
    float: right
}

.pdp-main .product-actions {
    width: 100%
}

.quickview .availability-block {
    width: 33%;
    float: left
}

.suggestionsFlyout .container {
    width: 100%
}

.suggestionsFlyout {
    background-color: #00136f;
    border-color: rgba(255, 255, 255, .3);
    border-top: 1px solid rgba(255, 255, 255, .3);
    left: 0;
    position: absolute;
    right: 0
}

.suggestionsFlyout:before {
    content: '';
    position: absolute;
    left: 6%;
    top: -9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #00136f;
    z-index: 10
}

.suggestionsFlyout:after {
    content: '';
    position: absolute;
    left: 6%;
    top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent rgba(255, 255, 255, .3)
}

.js #suggestions .all-results, .js #suggestions h4 {
    margin: 0;
    color: rgba(255, 255, 255, .8);
    font: 14px Arial;
    padding: 21px 0 0;
    text-transform: uppercase;
    text-align: left
}

.js #suggestions .all-results span {
    padding-right: 20px;
    font-family: NiveaBook
}

#suggestions .border {
    border-bottom: 1px solid rgba(255, 255, 255, .3)
}

.js #suggestions .synonyms-suggesions {
    margin-bottom: 14px
}

.js #productSuggestion > h4 {
    margin-bottom: 8px
}

.js #suggestions .product-suggesion-list {
    display: inline-block
}

.js #suggestions .synonyms-suggesions li a {
    font-family: Arial
}

.js #suggestions .all-results {
    display: block;
    padding-top: 20px;
    height: 40px;
    margin-top: 0
}

.js #suggestions .article, .js #suggestions .synonoms {
    border-bottom: 1px solid rgba(255, 255, 255, .3)
}

@media screen and (max-width: 767px) {
    .suggestionsFlyout {
        width: auto
    }

    .product-tile .product-name {
        bottom: 74px
    }

    .suggestionsFlyout .container {
        margin-bottom: 0
    }

    .product-tile .ratings {
        bottom: 40px
    }

    .product-tile .cards-bottom-price.card-price {
        bottom: 9px
    }

    #articleSuggestion, #productSuggestion {
        display: none !important
    }

    .js #suggestions .article, .js #suggestions .synonoms {
        border-bottom: 0 !important
    }

    #suggestions div ul li:last-child {
        border: 0
    }

    .js #suggestions .synonyms-suggesions {
        margin-bottom: 0
    }

    .suggestionsFlyout:after, .suggestionsFlyout:before {
        display: none
    }
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    .suggestionsFlyout:after, .suggestionsFlyout:before {
        display: none
    }

    .search-result-options .bootstrap-select.quantity-selector > .dropdown-menu {
        width: 111px;
        left: -25px
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .suggestionsFlyout {
        width: 768px
    }

    #suggestions div ul li {
        padding: 13px 0
    }

    .suggestionsFlyout:after, .suggestionsFlyout:before {
        left: 15%
    }

    .js #suggestions div ul li a {
        font-size: 14px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .suggestionsFlyout:after, .suggestionsFlyout:before {
        left: 17%
    }

    .js #suggestions .product-suggesion-list {
        padding-bottom: 13px
    }

    #suggestions div ul li {
        padding: 13px 0
    }

    .snack-detail-wrapper .list-icon + h1 {
        width: 70%;
        float: right;
        font: 700 22px/26px Arial;
        margin-top: 0
    }
}

@media screen and (min-width: 768px) {
    .suggestionsFlyout {
        width: 768px;
        margin-left: auto;
        margin-right: auto
    }

    .suggestionsFlyout .container {
        padding: 0;
        margin-bottom: 24px
    }

    .js #suggestions {
        padding-left: 40px;
        padding-right: 40px
    }

    .suggestionsFlyout:after, .suggestionsFlyout:before {
        left: 172px
    }

    .js #suggestions .product-suggesion-list {
        padding-bottom: 0
    }

    ul.article-suggesion-list {
        padding-bottom: 15px
    }
}

@media screen and (min-width: 1024px) {
    .suggestionsFlyout {
        width: 1007px
    }
}

@media screen and (min-width: 1280px) {
    .suggestionsFlyout {
        width: 996px
    }

    .suggestionsFlyout:after, .suggestionsFlyout:before {
        left: 54px
    }

    #quickviewbutton:hover {
        background-color: #EFEFEF
    }
}

button.added-to-cart span.btn-text {
    display: inline !important;
    visibility: visible !important;
    color: #fff !important
}

.pdp-main .added-to-cart .icon-bag {
    display: none !important
}

.snack-detail-wrapper div.recomendation-module {
    padding-bottom: 1px
}

.snack-detail-wrapper div.recomendation-module:nth-child(2) {
    background-color: #f4f4f4
}

.snack-detail-aside .article-list-item {
    margin-bottom: 20px
}

.snack-detail-aside .article-list-item:last-child {
    margin-bottom: 0
}

.popup-snack-list {
    clear: both
}

.popup-snack-list-img {
    width: 55px;
    display: inline-block;
    vertical-align: top
}

.popup-snack-list-text {
    display: inline-block;
    width: 70%;
    padding-left: 15px;
    color: #00136f !important;
    font-family: Arial;
    font-weight: 700 !important
}

.snack-detail-wrapper .view-more-article-item {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #999
}

.snack-detail-wrapper .view-more-article-item:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.snack-detail-wrapper .gallery-help-container .img-wrapper {
    margin-bottom: 0
}

.snack-detail-wrapper .text-help-container article {
    margin-top: 26px
}

.view-more-article .view-more-link {
    color: #00136f;
    font-family: Arial;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    margin-top: 20px
}

.snack-detail-wrapper .recommendation-wrapper {
    margin: 0 0 30px
}

.snack-detail-wrapper .recommended-view-more {
    margin-bottom: 40px;
    padding-top: 10px;
    text-transform: uppercase;
    color: #00136f;
    font-family: Arial;
    font-weight: 700;
    font-size: 11px
}

.snack-detail-wrapper .gallery-help-container .slider {
    margin: 0
}

.snack-detail-page .gallery-help-container .slick-slider {
    margin-bottom: 0
}

.snack-detail-wrapper .recomendation-module .title h2 {
    font-size: 24px;
    font-family: NiveaBook
}

.snack-detail-wrapper .recomendation-module .zone-header {
    padding-bottom: 40px;
    padding-top: 40px
}

#quick-view-modal .snack-detail-wrapper .snack-detail-overlay {
    width: 100%
}

#quick-view-modal .snack-detail-wrapper .gallery-icon {
    left: 30px;
    position: absolute;
    top: 30px
}

@media screen and (min-width: 768px) {
    .recommended-view-more a {
        float: right;
        margin-right: 5px
    }
}

@media screen and (min-width: 1024px) {
    .recommended-view-more a {
        float: right;
        margin-right: 12%
    }
}

.mini-cart-image.gift-image-mini {
    position: relative
}

.mini-cart-image.gift-image-mini img {
    border: none;
    bottom: 14px;
    height: 55px;
    position: absolute;
    width: 55px;
    margin-left: -16px;
    left: 33%
}

.col-sm-9.col-sm-offset-1 {
    position: static
}

.snack-detail-overlay .col-sm-9.col-centered {
    margin-top: 30px
}

.snack-detail-overlay {
    position: relative
}

@media screen and (max-width: 767px) {
    .article-card a:active {
        opacity: .3
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .article-card a:active {
        opacity: .3
    }
}

#register-nlp-layover {
    display: none
}

#register-nlp-layover .container {
    width: auto
}

#register-nlp-layover h1 {
    font-style: normal;
    margin-bottom: 30px
}

#register-nlp-layover hr {
    border: 0
}

.product-tile .exclusive.discontinued {
    background-color: #ff921e
}

.product-tile .exclusive .badge.discontinued {
    border-radius: 0;
    background-color: transparent
}

@media screen and (min-width: 768px) {
    .product-tile:hover #quickviewbutton {
        display: block
    }

    .product-tile #quickviewbutton {
        display: none
    }

    .product-tile {
        cursor: pointer
    }
}

#QuickViewDialog .product-detail-bottom {
    padding-right: 40px
}

.quickview .pdp-main .product-add-to-cart button#add-to-cart.add-to-cart-disabled {
    margin-top: 20px !important
}

body.share-overlay-active {
    overflow: hidden;
    position: fixed
}

body.share-overlay-active #header, body.share-overlay-active .adp-top, body.share-overlay-active .tab-module-section .bootstrap-select .btn {
    z-index: 0
}

.share-widget {
    position: relative
}

.share-widget .share-link {
    display: inline-block;
    cursor: pointer
}

.share-widget .shariff.link {
    background: #fff
}

.share-widget-link:after, .share-widget-link:before {
    bottom: -11px;
    left: 37px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 999
}

.share-widget-link:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.share-widget-link:before {
    border-color: rgba(204, 204, 204, 0);
    border-bottom-color: #ccc;
    border-width: 11px;
    margin-left: -11px
}

.share-widget .share-link .icon {
    width: 15px;
    height: 15px;
    display: inline-block;
    background-position: -639px -280px;
    vertical-align: middle
}

.share-widget .share-link .text {
    font-family: NiveaBook;
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    font-size: 12px;
    color: #00136f;
    font-weight: 400
}

.share-widget .shariff.link {
    background-color: #fff;
    display: block;
    position: absolute;
    top: 28px;
    z-index: 999;
    padding: 15px 13px;
    border: 1px solid #ccc;
    max-width: 432px
}

.share-widget .shariff a.close-share {
    position: absolute;
    right: 10px;
    top: 12px;
    color: #333;
    font-size: 12px;
    font-family: Arial
}

.share-widget .shariff a.close-share .close-icon {
    background-position: -669px -281px;
    width: 8px;
    height: 8px;
    display: inline-block;
    margin-left: 7px;
    cursor: pointer
}

.share-widget .shariff .shariff-button .share_count {
    display: none
}

.layover.bottom-bar .facebook .fa-facebook, .shariff .facebook .fa-facebook {
    background-position: -639px -305px
}

.layover.bottom-bar .twitter .fa-twitter, .shariff .twitter .fa-twitter {
    background-position: -706px -306px
}

.layover.bottom-bar .pinterest .fa-pinterest-p, .shariff .pinterest .fa-pinterest-p {
    background-position: -761px -305px
}

.layover.bottom-bar .googleplus .fa-google-plus, .shariff .googleplus .fa-google-plus {
    background-position: -816px -305px
}

.layover.bottom-bar .whatsapp .fa-whatsapp, .shariff .whatsapp .fa-whatsapp {
    background-position: -872px -305px
}

.layover.bottom-bar .mail .fa-envelope, .shariff .mail .fa-envelope {
    background-position: -927px -305px
}

.shariff.bottom-bar .facebook .fa-facebook, .shariff.icons .facebook .fa-facebook {
    background-position: -639px -355px
}

.shariff.bottom-bar .twitter .fa-twitter, .shariff.icons .twitter .fa-twitter {
    background-position: -693px -355px
}

.shariff.bottom-bar .pinterest .fa-pinterest-p, .shariff.icons .pinterest .fa-pinterest-p {
    background-position: -744px -355px
}

.shariff.bottom-bar .googleplus .fa-google-plus, .shariff.icons .googleplus .fa-google-plus {
    background-position: -799px -355px
}

.shariff.bottom-bar .whatsapp .fa-whatsapp, .shariff.icons .whatsapp .fa-whatsapp {
    background-position: -853px -355px
}

.shariff.bottom-bar .mail .fa-envelope, .shariff.icons .mail .fa-envelope {
    background-position: -906px -356px
}

.shariff .expand.sprite {
    background-position: -940px -352px;
    width: 42px;
    min-width: 42px;
    float: none;
    max-width: 42px;
    height: 25px;
    background-color: #b3b3b3;
    border-radius: 2px;
    -webkit-flex: initial;
    -moz-flex: initial;
    flex: initial;
    cursor: pointer
}

.shariff.layover ul li.expand.sprite {
    display: none !important
}

.share-widget .shariff .shariff-button {
    height: 35px;
    line-height: 34px;
    border-radius: 2px;
    -webkit-flex: initial;
    -moz-flex: initial;
    flex: initial
}

.share-widget .shariff-button a {
    height: 35px
}

.share-widget .shariff.bottom-bar .shariff-button {
    height: 25px;
    line-height: 25px;
    margin-right: 5px
}

.share-widget .layover.bottom-bar .shariff-button {
    height: 35px;
    line-height: 34px;
    margin-right: inherit
}

.share-widget .bottom-bar .shariff-button a {
    height: 25px
}

.share-widget .layover.bottom-bar .shariff-button a {
    height: 35px
}

.share-widget .link .shariff-button {
    margin-right: 8px;
    min-width: 60px
}

.shariff.layover .shariff-button {
    display: block !important
}

.shariff .shariff-button {
    height: 35px;
    line-height: 34px;
    border-radius: 2px;
    -webkit-flex: initial;
    -moz-flex: initial;
    flex: initial
}

.share-widget .link .shariff-button a {
    width: 60px
}

.share-widget .icons .shariff-button a .share_text, .share-widget .link .shariff-button a .share_text {
    display: none
}

.share-widget .shariff.icons h4 {
    margin-bottom: 0
}

.share-widget .shariff-button .fa.sprite {
    display: inline-block;
    width: 29px;
    height: 29px;
    vertical-align: middle
}

.share-widget .bottom-bar .shariff-button .fa.sprite, .share-widget .icons .shariff-button .fa.sprite {
    width: 19px;
    height: 19px;
    margin-right: 4px
}

.share-widget .shariff.link .shariff-button a {
    text-align: center
}

.share-widget .shariff.link .shariff-button a .fa.sprite {
    margin-left: 0
}

.share-widget .shariff.link .facebook.shariff-button a {
    text-align: left
}

.share-widget .shariff .shariff-button .fa.sprite, .share-widget .shariff.link .shariff-button a .fa-facebook.sprite {
    margin-left: 4px
}

.share-widget .shariff .shariff-button .share_text {
    line-height: 1
}

.share-widget .shariff h4 {
    font-family: Arial;
    font-weight: 700;
    font-size: 12px;
    text-transform: none;
    text-align: left;
    margin-bottom: 12px;
    margin-top: 0
}

.share-widget .legal-copy {
    font-family: Arial;
    color: #00136f;
    font-size: 12px;
    clear: both
}

.share-widget .legal-copy a {
    color: #00136f;
    text-decoration: underline
}

.share-widget .shariff.layover {
    background-color: #fff;
    display: block;
    position: fixed;
    top: 5px;
    z-index: 9999;
    padding: 13px 15px;
    max-width: 100%;
    left: 0 !important;
    right: 0;
    width: 99%;
    margin: 0 auto;
    height: 99%;
    text-align: center;
    -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 15px 1px rgba(0, 0, 0, .75);
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, .75)
}

.share-widget .shariff .orientation-horizontal {
    flex-wrap: nowrap;
    margin-left: 0;
    clear: both;
    display: -webkit-box
}

.shariff.bottom-bar .wrapper-social-sharing {
    margin-left: 30px;
    padding-top: 15px;
    border-top: 1px solid #ccc;
    margin-right: 30px;
    padding-bottom: 30px;
    margin-top: 15px
}

.shariff.layover .wrapper-social-sharing {
    margin-left: inherit;
    padding-top: inherit;
    border-top: none;
    margin-right: inherit;
    padding-bottom: inherit;
    margin-top: inherit
}

.share-widget .shariff .wrapper-social-sharing .leftsharemsg {
    float: left;
    margin-top: -6px
}

.share-widget .shariff .wrapper-social-sharing .leftsharemsg .total-count {
    font-size: 32px;
    color: #999;
    font-family: NiveaBook;
    margin-right: 10px
}

.share-widget .shariff .wrapper-social-sharing .rightsharemsg {
    font-size: 12px;
    font-family: Arial;
    color: #00136f;
    float: left
}

.pdp-main .share-widget {
    position: inherit
}

.pdp-main .product-set .product-actions, .pt_product-details.product-change .pdp-main .product-actions {
    position: relative
}

.pt_product-details .pdp-main .product-actions ul.menu li.social-share-li {
    text-align: left
}

@media screen and (min-width: 1280px) {
    .pdp-main .share-widget .shariff.link {
        width: 445px;
        right: 0;
        max-width: 445px
    }

    .pdp-main .product-set .share-widget .shariff.link {
        width: 417px;
        max-width: 417px;
        top: 40px
    }

    .pt_product-details .pdp-main .product-actions .share-link:hover .text {
        color: #3d72f6
    }

    .pt_product-details .pdp-main .product-actions .share-link:hover .icon {
        background-position: -718px -280px
    }
}

@media screen and (min-width: 1024px) {
    .pdp-main .share-widget .shariff.link {
        width: 430px;
        right: 0;
        max-width: 430px
    }

    .pdp-main .product-set .share-widget .shariff.link {
        width: 365px;
        max-width: 365px;
        top: 40px
    }

    .share-widget .link .shariff-button {
        max-width: 60px
    }

    .share-widget .shariff.bottom-bar .shariff-button {
        max-width: 110px
    }

    .share-widget .shariff .wrapper-social-sharing .leftsharemsg {
        float: left;
        margin-top: -6px
    }

    .share-widget .shariff .wrapper-social-sharing .leftsharemsg .total-count {
        font-size: 32px;
        color: #999;
        font-family: NiveaBook;
        margin-right: 10px
    }

    .share-widget .shariff .wrapper-social-sharing .rightsharemsg {
        font-size: 12px;
        font-family: Arial;
        color: #00136f;
        float: left
    }
}

.pt_product-details .pdp-main .product-actions {
    overflow: inherit
}

.pt_product-details .pdp-main .product-actions .legal-copy a {
    float: none
}

.pt_product-details .pdp-main .product-actions ul.menu li.social-share-li {
    float: right;
    margin-right: 20px
}

.adp-intro .share-widget {
    margin-top: 8px
}

@media screen and (min-width: 1023px) {
    .adp-intro .intro-large .white .share-widget .share-link .icon {
        background-position: -691px -280px
    }

    .adp-intro .intro-large .white .share-widget .share-link .text {
        color: #fff
    }
}

.share-widget .shariff.icons .shariff-button {
    width: 60px;
    max-width: 60px;
    min-width: 60px;
    text-align: center;
    height: 25px;
    vertical-align: middle;
    line-height: 24px
}

.share-widget .shariff.icons .shariff-button.facebook {
    text-align: left
}

.share-widget .shariff.icons .wrapper-social-sharing {
    border-top: 1px solid #ccc;
    padding-top: 10px
}

.snack-detail-page .share-widget .shariff.icons .wrapper-social-sharing {
    margin-top: 15px
}

.snack-detail-overlay .share-widget .shariff.icons .wrapper-social-sharing {
    margin-top: 0
}

@media screen and (min-width: 320px) and (max-width: 359px) {
    .share-widget .bottom-bar.layover .shariff-button a, .share-widget .bottom-bar.layover .wrapper-social-sharing li.shariff-button {
        min-width: 108px
    }

    .share-widget .shariff.bottom-bar .shariff-button {
        min-width: 100px
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .adp-intro .share-widget .share-link {
        margin-bottom: 10px
    }

    .share-widget .shariff.layover .shariff-button a, .share-widget .shariff.layover .wrapper-social-sharing li.shariff-button {
        min-width: 125px
    }

    .share-widget .bottom-bar.layover .shariff-button .fa.sprite {
        width: 29px;
        height: 29px
    }

    .layover.bottom-bar .facebook .fa-facebook, .shariff .facebook .fa-facebook {
        background-position: -639px -305px
    }

    .layover.bottom-bar .twitter .fa-twitter, .shariff .twitter .fa-twitter {
        background-position: -706px -306px
    }

    .layover.bottom-bar .pinterest .fa-pinterest-p, .shariff .pinterest .fa-pinterest-p {
        background-position: -761px -305px
    }

    .layover.bottom-bar .googleplus .fa-google-plus, .shariff .googleplus .fa-google-plus {
        background-position: -816px -305px
    }

    .layover.bottom-bar .whatsapp .fa-whatsapp, .shariff .whatsapp .fa-whatsapp {
        background-position: -872px -305px
    }

    .layover.bottom-bar .mail .fa-envelope, .shariff .mail .fa-envelope {
        background-position: -927px -305px
    }

    .share-widget .shariff.bottom-bar .orientation-horizontal {
        margin-top: 0
    }

    .share-widget .shariff.bottom-bar .wrapper-social-sharing {
        margin-left: 15px;
        margin-right: 15px;
        border-top: 0
    }

    .share-widget .shariff.link .shariff-button a {
        float: left;
        text-align: left;
        padding-left: 10px
    }

    .share-widget .shariff.layover .wrapper-social-sharing {
        margin: 35px auto 0;
        width: 280px
    }

    .share-widget .shariff .orientation-horizontal {
        display: block;
        text-align: left;
        margin-top: 20px
    }

    .share-widget .shariff h4 {
        font-size: 14px;
        line-height: 20px
    }

    .share-widget .shariff .wrapper-social-sharing li.shariff-button {
        float: left
    }

    .share-widget .shariff.bottom-bar .wrapper-social-sharing li.shariff-button {
        min-width: 114px
    }

    .share-widget .shariff.layover .wrapper-social-sharing li.shariff-button:nth-child(odd) {
        margin-right: 30px
    }

    .share-widget .shariff.layover .wrapper-social-sharing li.shariff-button:nth-child(even) {
        margin-right: 0
    }

    .share-widget .shariff.layover .wrapper-social-sharing li.shariff-button {
        margin-bottom: 30px
    }

    .share-widget .shariff.layover .wrapper-social-sharing li.shariff-button:nth-last-child(1), .share-widget .shariff.layover .wrapper-social-sharing li.shariff-button:nth-last-child(2) {
        margin-bottom: 20px
    }

    .share-widget .shariff a.close-share .close-icon {
        background-position: -667px -277px;
        width: 12px;
        height: 12px
    }

    .share-widget .legal-copy {
        clear: both;
        text-align: left
    }

    .share-widget .link.layover .shariff-button .fa.sprite, .share-widget .shariff.link .shariff-button a .fa-facebook.sprite {
        margin-left: 0
    }

    .share-widget .shariff .shariff-button a .share_text {
        display: inline;
        color: #fff;
        padding-left: 10px
    }

    .share-widget .shariff.icons .shariff-button a .share_text {
        display: none
    }

    .share-widget .shariff.icons .shariff-button a {
        height: 25px
    }

    .share-widget .shariff.icons .wrapper-social-sharing li.shariff-button {
        width: 43px;
        max-width: 43px;
        min-width: 43px
    }

    .share-widget .shariff.icons .orientation-horizontal {
        margin-top: 5px
    }

    .share-widget .shariff.bottom-bar .shariff-button a .share_text {
        padding-left: 0
    }

    .share-widget .shariff a.close-share {
        top: 20px;
        right: 20px
    }

    .pt_product-details .pdp-main .product-actions ul.menu li.social-share-li {
        float: left !important
    }

    .share-widget .shariff.bottom-bar h4 {
        margin-bottom: 10px;
        font-weight: 12px
    }

    .share-widget .shariff.layover .wrapper-social-sharing .leftsharemsg .total-count {
        font-size: 28px;
        color: #999;
        font-family: NiveaBook;
        margin-right: 10px
    }

    .share-widget .shariff.layover .wrapper-social-sharing .leftsharemsg {
        text-align: left;
        vertical-align: bottom;
        font-size: 14px;
        font-family: Arial;
        color: #00136f;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .pdp-main .share-widget .shariff.link {
        width: inherit;
        max-width: inherit
    }

    .share-widget .shariff.layover .wrapper-social-sharing {
        width: 310px;
        margin: 104px auto 0
    }

    .share-widget .shariff.layover {
        width: 95.8%
    }

    .share-widget .shariff .orientation-horizontal {
        display: block;
        text-align: left
    }

    .share-widget .shariff.layover .wrapper-social-sharing li.shariff-button {
        float: left !important
    }

    .share-widget .shariff.layover .wrapper-social-sharing li.shariff-button:nth-child(odd) {
        margin-right: 40px;
        margin-bottom: 40px
    }

    .share-widget .shariff.layover .wrapper-social-sharing li.shariff-button:nth-last-child(2) {
        margin-bottom: 32px
    }

    .share-widget .shariff.layover .wrapper-social-sharing li.shariff-button:nth-child(even) {
        margin: 0
    }

    .share-widget .shariff.layover .wrapper-social-sharing ul.orientation-horizontal {
        margin-top: 30px
    }

    .share-widget .shariff.layover .shariff-button a {
        float: left;
        width: 135px;
        text-align: left;
        padding-left: 10px
    }

    .share-widget .legal-copy {
        clear: both;
        text-align: left
    }

    .share-widget .shariff.link .shariff-button .fa.sprite, .share-widget .shariff.link .shariff-button a .fa-facebook.sprite {
        margin-left: 0
    }

    .share-widget .link .shariff-button a .share_text {
        display: inline;
        color: #fff;
        padding-left: 10px
    }

    .share-widget .shariff a.close-share {
        top: 20px;
        right: 20px
    }

    .share-widget .shariff:not(.icons) h4 {
        font-size: 17px
    }

    .pdp-main .product-actions.visible-sm {
        margin-top: 30px !important;
        margin-bottom: 0;
        float: none
    }

    .share-widget .shariff.bottom-bar .rightsharemsg h4 {
        font-size: 12px
    }

    .share-widget .layover.bottom-bar .rightsharemsg h4 {
        font-size: 17px
    }

    .pt_product-details .pdp-main .product-actions ul.menu li.social-share-li {
        float: left !important
    }

    .share-widget .shariff.layover .wrapper-social-sharing .leftsharemsg .total-count {
        font-size: 32px;
        color: #999;
        font-family: NiveaBook;
        margin-right: 10px
    }

    .share-widget .shariff.layover .wrapper-social-sharing .leftsharemsg {
        text-align: left;
        vertical-align: bottom;
        font-size: 17px;
        font-family: Arial;
        color: #00136f;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 1023px) {
    .adp-intro .share-widget .share-link, .intro-large .share-widget {
        margin-top: 0
    }

    .intro-large .share-widget {
        display: inline-block
    }

    .share-widget .shariff.layover .wrapper-social-sharing .leftsharemsg, .share-widget .shariff.layover .wrapper-social-sharing .rightsharemsg {
        float: none
    }

    .share-widget .bottom-bar.layover .totalcountWrapper.hidden {
        display: block !important;
        visibility: visible !important
    }

    .share-widget .bottom-bar.layover .totalcountWrapper.visible {
        display: none !important;
        visibility: hidden !important
    }

    .share-widget .shariff.layover .wrapper-social-sharing .zero-shares {
        border-bottom: none
    }
}

@media screen and (min-width: 1024px) {
    .adp-intro .right .share-widget .shariff.link {
        left: -144px !important
    }
}

@media screen and (min-width: 1279px) {
    .adp-intro .right .share-widget .shariff.link {
        left: -37px !important
    }
}

.module-column .share-widget {
    margin-top: 10px
}

.share-overlay-active {
    overflow: hidden
}

.share-overlay-active .intro-large, .share-overlay-active .static-intro {
    z-index: 1
}

.static-intro .intro-text .share-widget {
    margin-top: -20px;
    margin-bottom: 20px
}

.main-container .campaign-container {
    display: block
}

.campaign-container {
    margin: 40px auto 0;
    width: 1240px;
    float: none;
    display: none
}

.teaser-wrapper {
    max-width: 1240px;
    margin: 20px auto 0;
    float: none
}

.light-blue {
    background-color: #dbf3ff
}

.dark-blue {
    background-color: #00136f
}

.orange {
    background-color: #f9b129
}

.sea-blue {
    background-color: #487af7
}

.campaign-container .teaser-image {
    height: 150px;
    float: left
}

.campaign-container .teaser-text {
    float: left;
    width: 973px;
    padding-left: 20px
}

.campaign-container .col-lg-6:first-child {
    padding: 0 15px 0 0
}

.campaign-container .col-lg-6:last-child {
    padding: 0 0 0 15px
}

.two-column-teaser .full-width-side-image {
    width: 605px
}

.two-column-teaser .full-width-side-image .teaser-image {
    height: 150px
}

.two-column-teaser .full-width-side-image .teaser-text {
    width: 336px
}

.teaser-text {
    float: left;
    width: 268px;
    padding-left: 20px
}

.full-width-side-image {
    background-color: #dbf3ff;
    overflow: hidden
}

.full-width-no-image h3, .full-width-side-image h3 {
    font-size: 21px;
    color: #00136f;
    font-family: NiveaBook;
    text-transform: uppercase;
    margin-top: 17px
}

.full-width-no-image h3 {
    margin-top: 0
}

.full-width-no-image p, .full-width-side-image p {
    font-family: arial;
    font-size: 12px;
    color: #00136f;
    line-height: 21px;
    margin-bottom: 5px
}

.full-width-no-image span, .full-width-side-image span {
    font-size: 14px;
    font-family: arial;
    font-weight: 700
}

.full-width-no-image.dark-blue span {
    color: #fff
}

.teaser-no-image {
    float: none;
    margin: 0 auto;
    text-align: center
}

.full-width-no-image {
    height: 150px
}

.full-width-no-image .teaser-text.col-lg-8 {
    width: 66.66666667%;
    padding-left: 0;
    float: none;
    padding-top: 17px;
    height: 100%
}

.one-column-teaser {
    background-color: #dbf3ff
}

.one-column-teaser .teaser-text h3 {
    font-size: 21px;
    font-family: NiveaBook;
    text-transform: uppercase
}

.one-column-teaser .teaser-text p {
    font-family: arial;
    font-size: 12px;
    line-height: 21px
}

.one-column-teaser .teaser-text span {
    font-family: arial;
    font-size: 14px;
    font-weight: 700;
    color: #00136f
}

.one-column-teaser .teaser-text span:hover {
    color: #3151a0
}

.one-column-teaser .teaser-image img {
    height: 100%
}

.half-width-no-image .teaser-text {
    width: 100%
}

.half-width-no-image .teaser-text h3 {
    font-size: 14px;
    line-height: 19px;
    font-family: NiveaBook;
    text-transform: uppercase
}

.half-width-no-image .teaser-text p {
    font-size: 12px;
    font-family: arial;
    line-height: 21px;
    font-weight: 400;
    color: #00136f;
    margin-bottom: 3px
}

.half-width-no-image .teaser-text {
    font-size: 14px;
    font-family: arial;
    font-weight: 700;
    height: 150px;
    padding-right: 10px
}

.half-width-no-image.light-blue {
    background-color: #fff
}

.half-width-no-image.light-blue .teaser-text {
    background-color: #dbf3ff
}

.half-width-no-image.dark-blue .teaser-text {
    background-color: #00136f
}

.half-width-no-image.orange .teaser-text {
    background-color: #f9b129
}

.sea-blue .half-width-no-image .teaser-text {
    background-color: #487af7
}

.dark-blue .half-width-no-image .teaser-text h3, .dark-blue .half-width-no-image .teaser-text p, .dark-blue .teaser-text h3, .dark-blue .teaser-text span a, .full-width-no-image.orange .teaser-text span, .half-width-no-image.dark-blue .teaser-text span, .half-width-no-image.orange .teaser-text h3, .half-width-no-image.orange .teaser-text p, .half-width-no-image.sea-blue .teaser-text h3, .half-width-no-image.sea-blue .teaser-text p, .half-width-no-image.sea-blue .teaser-text span, .orange .half-width-no-image .teaser-text span, .orange .teaser-text h3, .orange .teaser-text p, .orange .teaser-text span a, .sea-blue .teaser-text h3, .sea-blue .teaser-text p, .sea-blue .teaser-text span a {
    color: #fff
}

.one-column-teaser .teaser-text {
    width: 77%
}

.half-width-image .teaser-text {
    width: 328px
}

.background-teaser {
    position: relative
}

.background-teaser .teaser-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%
}

.background-teaser .teaser-text h3 {
    font-family: NiveaBook;
    font-size: 16px;
    line-height: 21px;
    color: #00136f;
    margin-top: 27px;
    text-transform: uppercase
}

.background-teaser .teaser-text p {
    font-family: arial;
    font-size: 12px;
    color: #00136f
}

.background-teaser .teaser-text span {
    font-size: 14px;
    font-family: arial;
    font-weight: 700
}

.background-teaser .teaser-image {
    height: 170px;
    float: none;
    width: 100%;
    overflow: hidden
}

.background-teaser .teaser-image img {
    max-width: 100%
}

.background-teaser.two-column-teaser {
    height: 150px
}

.background-teaser.two-column-teaser .teaser-image {
    width: 100%;
    height: 150px
}

.background-teaser.two-column-teaser .teaser-image img {
    max-width: 100%;
    height: 100%
}

.background-teaser.two-column-teaser .teaser-text:last-child {
    padding-left: 30px
}

.background-teaser.full-bleed .teaser-text {
    width: 1240px;
    margin: 0 auto 0 -620px;
    left: 50%;
    padding-left: 0
}

.slider-teaser.slick-slider {
    width: 50%;
    float: left
}

.slider-teaser.slick-slider.sea-blue .half-width-no-image {
    background-color: #487af7
}

.slider-teaser.slick-slider.dark-blue .half-width-no-image {
    background-color: #00136f
}

.slider-teaser.slick-slider.orange .half-width-no-image {
    background-color: #f9b129
}

.slider-teaser.slick-slider.light-blue .half-width-no-image {
    background-color: #dbf3ff
}

.slider-teaser.slick-slider.dark-blue, .slider-teaser.slick-slider.light-blue, .slider-teaser.slick-slider.orange, .slider-teaser.slick-slider.sea-blue {
    background-color: #fff
}

.slider-teaser.slick-slider:first-child {
    padding-right: 15px;
    padding-left: 0
}

.slider-teaser.slick-slider:last-child {
    padding-left: 15px
}

.slider-teaser.background-wrapper {
    width: 50%;
    float: left
}

.slider-teaser.background-wrapper:first-child {
    padding-right: 8px
}

.slider-teaser.background-wrapper:last-child {
    padding-left: 8px
}

.campaign-container.visible {
    display: block
}

.slider-teaser .full-width-no-image h3, .slider-teaser .full-width-side-image h3 {
    font-size: 14px;
    line-height: 19px
}

.background-teaser .teaser-text span a:hover, .background-teaser .teaser-text span:hover, .campaign-container a:hover .full-width-no-image.light-blue span, .full-width-no-image.light-blue span a:hover, .full-width-no-image.light-blue span:hover, .full-width-side-image span a:hover, .full-width-side-image span:hover, .light-blue .half-width-no-image span a:hover, .one-column-teaser span a:hover {
    color: #3151a0;
    text-decoration: none
}

.background-teaser.two-column-teaser .teaser-text h3 {
    font-size: 14px;
    line-height: 19px;
    margin-top: 15px
}

.background-teaser.two-column-teaser .teaser-text p {
    font-size: 12px
}

.background-teaser.two-column-teaser .teaser-text span {
    font-size: 14px
}

.slider-teaser .background-teaser .row {
    -webkit-backface-visibility: hidden
}

.campaign-container.full-width {
    margin-top: 0;
    width: 100%
}

.teaser-text span::before {
    content: "";
    background: url(../images/sprite.png) -284px -49px no-repeat;
    width: 9px;
    height: 15px;
    display: inline-block;
    margin-right: 5px
}

.background-teaser .teaser-text span::before, .full-width-side-image .teaser-text span::before, .light-blue .teaser-text span::before, .one-column-teaser .teaser-text span::before {
    content: "";
    background: url(../images/sprite.png) -245px -49px no-repeat;
    width: 9px;
    height: 15px;
    margin-right: 5px;
    display: inline-block
}

.background-teaser .teaser-text span:hover::before, .full-width-side-image .teaser-text span:hover::before, .light-blue .teaser-text span:hover::before, .one-column-teaser .teaser-text span:hover::before {
    background-position: -265px -49px
}

.two-column-teaser .full-width-side-image .teaser-image img {
    height: 100%
}

.dark-blue .teaser-text span, .dark-blue .teaser-text span a, .full-width-no-image.dark-blue a, .full-width-no-image.dark-blue p, .sea-blue .teaser-text span, .sea-blue .teaser-text span a {
    color: #fff
}

.light-blue .two-column-teaser .teaser-text span:hover {
    color: #3151a0
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .half-width-no-image {
        height: 170px
    }

    .half-width-no-image.light-blue {
        background-color: #dbf3ff
    }

    .half-width-image .teaser-text {
        width: 100%;
        height: 120px
    }

    .campaign-container {
        padding: 0 20px 40px
    }

    .one-column-teaser {
        padding: 0
    }

    .campaign-container, .campaign-container.full-width {
        max-width: 560px;
        overflow: hidden
    }

    .campaign-container .teaser-image {
        height: 158px;
        float: none
    }

    .one-column-teaser .teaser-text {
        width: 100%;
        height: 120px
    }

    .full-width-no-image h3, .full-width-side-image h3 {
        font-size: 12px;
        line-height: 16px
    }

    .full-width-no-image p, .full-width-side-image p {
        font-size: 11px;
        line-height: 16px
    }

    .full-width-no-image span, .full-width-side-image span {
        font-size: 11px
    }

    .full-width-no-image p, .full-width-side-image p {
        margin-bottom: 2px
    }

    .teaser-text {
        float: none;
        width: 100%
    }

    .background-teaser .teaser-text {
        background-color: #dbf3ff
    }

    .background-teaser .teaser-text h3 {
        padding-top: 17px
    }

    .two-column-teaser .full-width-side-image {
        width: 100%
    }

    .two-column-teaser .full-width-side-image .teaser-image {
        height: 157px
    }

    .two-column-teaser .full-width-side-image .teaser-text {
        width: 100%;
        height: 140px
    }

    .campaign-container .col-lg-6:first-child {
        padding: 0
    }

    .teaser-no-image {
        text-align: left
    }

    .campaign-container .col-lg-6:last-child {
        padding: 0
    }

    .full-width-no-image h3, .full-width-side-image h3 {
        margin-bottom: 4px
    }

    .background-teaser .teaser-text {
        position: relative;
        width: 100%
    }

    .background-teaser .teaser-image img {
        max-width: 100%;
        height: 100%
    }

    .background-teaser .teaser-image {
        height: 158px
    }

    .background-teaser .teaser-text h3 {
        margin-top: 17px
    }

    .background-teaser.two-column-teaser {
        height: 278px
    }

    .background-teaser.two-column-teaser .teaser-text:last-child {
        padding-left: 10px
    }

    .campaign-container .teaser-text {
        padding-right: 5px
    }

    .slider-teaser .two-column-teaser {
        float: left
    }

    .slider-teaser.slick-slider {
        width: 350px;
        height: 170px
    }

    .slider-teaser.slick-slider .half-width-no-image.two-column-teaser {
        float: left;
        margin-right: 10px;
        width: 96%;
        overflow: hidden
    }

    .slider-teaser.background-wrapper:first-child, .slider-teaser.background-wrapper:last-child {
        padding: 0
    }

    .slider-teaser.slick-slider:first-child {
        padding-left: 0;
        padding-right: 0
    }

    .slider-teaser.background-wrapper {
        width: 380px
    }

    .slider-teaser.background-wrapper .two-column-teaser:first-child {
        padding-right: 8px
    }

    .slider-teaser.background-wrapper .two-column-teaser:last-child {
        padding-left: 8px
    }

    .slider-teaser.slick-slider:last-child {
        padding-left: 0
    }

    .slider-teaser.slick-slider.no-teaser-slider {
        width: 100%
    }

    .slider-teaser.slick-slider.no-teaser-slider .half-width-no-image.two-column-teaser {
        padding: 0;
        margin: 0;
        width: 100%
    }

    .slider-teaser.no-teaser-slider .two-column-teaser {
        padding-right: 0
    }

    .slider-teaser.no-teaser-slider:last-child {
        margin-top: 13px
    }

    .background-teaser.full-bleed .teaser-text {
        width: 100%;
        margin: 0 auto 0 0;
        left: 0
    }

    .slider-teaser.background-wrapper.no-teaser-slider {
        float: none;
        width: 100%;
        height: 278px
    }

    .slider-teaser.background-wrapper.no-teaser-slider .two-column-teaser:first-child {
        padding-right: 0
    }

    .background-teaser.two-column-teaser .teaser-image {
        height: 157px
    }

    .background-teaser.two-column-teaser .teaser-image img, .no-teaser-slider .full-width-side-image .teaser-image img {
        width: 100%
    }

    .campaign-container ul.slick-dots {
        bottom: 0
    }

    .no-teaser-slider .teaser-image {
        width: 100%
    }

    .one-column-teaser .teaser-text h3 {
        font-size: 12px;
        font-family: NiveaBook;
        text-transform: uppercase
    }

    .one-column-teaser .teaser-text p {
        font-family: arial;
        font-size: 11px;
        line-height: 21px
    }

    .one-column-teaser .teaser-text span {
        font-family: arial;
        font-size: 11px;
        font-weight: 700;
        color: #00136f
    }

    .one-column-teaser .teaser-text span:hover {
        color: #3151a0
    }

    .one-column-teaser .teaser-image img {
        width: 100%
    }

    .half-width-no-image .teaser-text {
        height: 170px
    }

    .half-width-no-image .teaser-text h3 {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 4px
    }

    .half-width-no-image .teaser-text p {
        font-size: 11px;
        line-height: 16px
    }

    .half-width-no-image .teaser-text span {
        font-size: 11px
    }

    .light-blue .teaser-text span::before {
        height: 14px
    }

    .background-teaser.two-column-teaser .teaser-text h3, .slider-teaser .full-width-no-image h3, .slider-teaser .full-width-side-image h3 {
        font-size: 12px;
        line-height: 16px
    }

    .background-teaser.two-column-teaser .teaser-text p {
        font-size: 11px;
        line-height: 16px
    }

    .background-teaser.two-column-teaser .teaser-text span {
        font-size: 11px
    }

    .pt_product-details .full-width-no-image h3, .pt_product-details .full-width-side-image h3 {
        font-size: 12px;
        line-height: 16px
    }

    .pt_product-details .full-width-no-image p, .pt_product-details .full-width-side-image p {
        font-size: 11px;
        line-height: 16px
    }
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    .half-width-no-image {
        height: 170px
    }

    .half-width-no-image.light-blue {
        background-color: #dbf3ff
    }

    .half-width-image .teaser-text {
        width: 100%;
        height: 120px
    }

    .campaign-container {
        margin-top: 15px;
        padding: 0 15px
    }

    .full-width-no-image .teaser-text.col-xs-10 {
        width: 85%
    }

    .full-width-side-image .teaser-image img {
        height: 100%
    }

    .one-column-teaser {
        padding: 0
    }

    .campaign-container {
        max-width: 320px;
        overflow: hidden;
        padding-bottom: 40px
    }

    .slider-teaser.background-wrapper .two-column-teaser:first-child {
        padding-right: 8px
    }

    .slider-teaser.background-wrapper .two-column-teaser:last-child {
        padding-left: 8px
    }

    .campaign-container .teaser-image {
        height: 158px;
        float: none
    }

    .one-column-teaser .teaser-text {
        width: 100%;
        height: 120px
    }

    .full-width-no-image h3, .full-width-side-image h3 {
        font-size: 12px;
        line-height: 16px
    }

    .full-width-no-image p, .full-width-side-image p {
        font-size: 11px;
        line-height: 16px
    }

    .full-width-no-image span, .full-width-side-image span {
        font-size: 11px
    }

    .teaser-text {
        float: none;
        width: 100%
    }

    .two-column-teaser .full-width-side-image {
        width: 100%
    }

    .two-column-teaser .full-width-side-image .teaser-image {
        height: 157px
    }

    .two-column-teaser .full-width-side-image .teaser-text {
        width: 100%;
        height: 140px
    }

    .campaign-container .col-lg-6:first-child {
        padding: 0
    }

    .teaser-no-image {
        text-align: left
    }

    .campaign-container .col-lg-6:last-child {
        padding: 0
    }

    .full-width-no-image h3, .full-width-side-image h3 {
        margin-bottom: 4px
    }

    .background-teaser .teaser-text {
        position: relative;
        width: 100%
    }

    .background-teaser .teaser-image img {
        max-width: 100%;
        height: auto;
        width: 100%
    }

    .background-teaser .teaser-image {
        height: 158px
    }

    .campaign-container .background-teaser .teaser-text {
        padding-left: 20px;
        width: 290px;
        padding-bottom: 20px
    }

    .background-teaser .teaser-text h3 {
        margin-top: 0
    }

    .background-teaser.two-column-teaser {
        height: 278px
    }

    .one-column-teaser .teaser-image img {
        height: auto
    }

    .background-teaser.two-column-teaser .teaser-text:last-child {
        padding-left: 10px
    }

    .slider-teaser .two-column-teaser {
        float: left;
        padding-right: 10px
    }

    .slider-teaser.slick-slider {
        width: 270px;
        height: auto
    }

    .slider-teaser.slick-slider .half-width-no-image.two-column-teaser {
        float: left;
        margin-right: 10px;
        width: 96%;
        overflow: hidden
    }

    .slider-teaser.slick-slider:first-child {
        padding-left: 0;
        padding-right: 0
    }

    .slider-teaser.background-wrapper {
        width: 240px;
        height: auto
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .full-width-side-image .teaser-image img {
        height: 100%
    }

    .two-column-teaser .full-width-side-image {
        width: 100%
    }

    .full-width-no-image h3 {
        font-size: 14px;
        line-height: 16px;
        margin-top: 0
    }

    .full-width-no-image .teaser-text.col-lg-8 {
        width: 100%
    }

    .full-width-no-image p, .full-width-side-image p {
        font-size: 11px;
        line-height: 16px
    }

    .full-width-no-image span, .full-width-side-image span {
        font-size: 11px;
        font-weight: 700
    }

    .two-column-teaser {
        float: left
    }

    .campaign-container .two-column-teaser:first-child, .campaign-container .two-column-teaser:last-child {
        padding: 0
    }

    .two-column-teaser .full-width-side-image .teaser-image {
        height: 100px
    }

    .campaign-container, .campaign-container.full-width {
        max-width: 728px;
        margin: 20px auto;
        float: none
    }

    .campaign-container.full-width {
        max-width: 100%;
        margin: 0 auto;
        float: none
    }

    .campaign-container .teaser-image {
        height: 100px;
        float: left;
        width: auto
    }

    .teaser-text {
        float: left;
        width: 550px;
        padding-left: 15px
    }

    .full-width-side-image h3 {
        font-size: 14px;
        line-height: 16px;
        color: #00136f;
        font-family: NiveaBook;
        text-transform: uppercase;
        margin-top: 12px
    }

    .full-width-side-image p {
        font-family: arial;
        font-size: 11px;
        color: #00136f;
        line-height: 16px
    }

    .full-width-side-image span {
        font-size: 11px;
        font-family: arial;
        font-weight: 700
    }

    .slider-teaser .full-width-side-image h3 {
        margin-bottom: 4px
    }

    .teaser-no-image {
        float: none;
        margin: 0 auto;
        text-align: center
    }

    .full-width-no-image {
        height: 100px
    }

    .full-width-no-image .teaser-text {
        width: 100%
    }

    .half-width-no-image .teaser-text {
        height: 100px
    }

    .one-column-teaser .teaser-text {
        width: 63%
    }

    .background-teaser .teaser-image {
        width: 100%;
        height: 120px
    }

    .background-teaser .teaser-image img {
        height: 100%
    }

    .background-teaser .teaser-text h3 {
        font-family: NiveaBook;
        font-size: 12px;
        line-height: 16px;
        color: #00136f;
        margin-top: 8px
    }

    .background-teaser .teaser-text p {
        font-size: 11px;
        line-height: 16px
    }

    .background-teaser .teaser-text span {
        font-size: 11px
    }

    .background-teaser.two-column-teaser {
        float: left
    }

    .slider-teaser.slick-slider {
        width: 100%;
        float: left
    }

    .slider-teaser.slick-slider:first-child {
        padding-left: 0;
        padding-right: 0
    }

    .slider-teaser .half-width-no-image {
        width: 100%
    }

    .slider-teaser.slick-slider.sea-blue .half-width-no-image {
        width: 728px
    }

    .full-width-no-image h3, .full-width-side-image h3 {
        margin-bottom: 5px
    }

    .background-teaser .teaser-text p, .full-width-no-image p, .full-width-side-image p {
        margin-bottom: 2px
    }

    .half-width-no-image .teaser-text p {
        margin-bottom: 0;
        font-size: 11px;
        line-height: 16px
    }

    .half-width-no-image .teaser-text span {
        font-size: 11px
    }

    .background-teaser .teaser-text h3, .half-width-no-image .teaser-text h3 {
        margin-bottom: 5px
    }

    .two-column-teaser .full-width-side-image .teaser-text {
        width: 518px
    }

    .background-teaser.two-column-teaser .teaser-image img {
        height: auto
    }

    .background-teaser.full-bleed .teaser-text {
        width: 61%;
        margin: 0 auto 0 0;
        left: 0;
        padding-left: 20px
    }

    .one-column-teaser .teaser-text h3 {
        font-size: 14px;
        font-family: NiveaBook;
        text-transform: uppercase
    }

    .one-column-teaser .teaser-text p {
        font-family: arial;
        font-size: 11px;
        line-height: 21px
    }

    .one-column-teaser .teaser-text span {
        font-family: arial;
        font-size: 11px;
        font-weight: 700;
        color: #00136f
    }

    .one-column-teaser .teaser-text span:hover {
        color: #3151a0
    }

    .slider-teaser.background-wrapper.no-teaser-slider {
        width: 100%
    }

    .slider-teaser.background-wrapper.no-teaser-slider:first-child {
        padding-right: 0;
        margin-bottom: 20px
    }

    .slider-teaser.slick-slider.no-teaser-slider:last-child {
        padding-left: 0
    }

    .slider-teaser.slick-slider.no-teaser-slider:first-child {
        margin-bottom: 20px
    }

    .background-teaser.two-column-teaser .teaser-text p, .background-teaser.two-column-teaser .teaser-text span {
        font-size: 11px
    }

    .slider-teaser.background-wrapper.no-teaser-slider:last-child {
        padding-left: 0
    }

    .background-teaser.two-column-teaser, .background-teaser.two-column-teaser .teaser-image {
        height: 120px
    }

    .background-teaser .teaser-image img {
        max-width: none
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .background-teaser.full-bleed .teaser-text {
        margin-left: -505px;
        padding-left: 15px
    }

    .campaign-container.full-width {
        width: 1024px
    }

    .campaign-container {
        width: 984px
    }

    .slider-teaser.slick-slider:first-child {
        padding-left: 0
    }

    .one-column-teaser .teaser-text {
        width: 70%
    }

    .two-column-teaser .full-width-side-image {
        width: 477px
    }

    .campaign-container .teaser-image, .two-column-teaser .full-width-side-image .teaser-image {
        width: auto;
        height: 150px
    }

    .two-column-teaser .full-width-side-image .teaser-image img {
        max-width: 100%;
        height: 100%
    }

    .half-width-image .teaser-text {
        width: 179px
    }

    .two-column-teaser .full-width-side-image .teaser-text {
        width: 280px
    }

    .full-width-no-image p, .full-width-side-image p, .half-width-no-image .teaser-text p {
        line-height: 18px
    }

    .background-teaser.two-column-teaser .teaser-text:last-child {
        padding-left: 15px
    }

    .background-teaser .teaser-text {
        width: 50%
    }

    .background-teaser.two-column-teaser .teaser-text h3, .background-teaser.two-column-teaser .teaser-text p {
        margin-bottom: 8px
    }

    .slider-teaser.background-wrapper:first-child {
        padding-left: 0
    }

    .background-teaser .teaser-text h3 {
        margin-top: 10px
    }

    .background-teaser.full-bleed .teaser-text {
        width: 654px
    }

    .background-teaser.two-column-teaser .teaser-text h3, .full-width-no-image h3, .full-width-side-image h3 {
        margin-top: 8px
    }

    .background-teaser.two-column-teaser .teaser-image {
        height: 150px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .two-column-teaser .full-width-side-image .teaser-image {
        width: 177px
    }

    .half-width-image .teaser-text {
        width: 316px
    }
}

@media screen and (min-width: 1024px) {
    .menu-utility-user .user-logged a.user-account {
        padding-bottom: 20px !important
    }
}

header #user-wrapper .login-menu-slidedown {
    position: relative !important
}

header #user-wrapper .login-menu-slidedown ul {
    top: 50px !important;
    position: absolute !important;
    right: -100px !important;
    margin: 0 !important
}

.col-1, .pt_account .col-2 {
    width: 48%;
    margin-top: -17px
}

.login-box button[type=submit], .login-container button[type=submit], form .add-address-container button.apply-button {
    background: #00136f;
    border-radius: 21px;
    border: none;
    color: #fff;
    font-family: niveaBook;
    font-size: 1em;
    font-weight: 400
}

#overlayloginFormContainer.ui-dialog-content {
    display: block;
    padding: 20px;
    overflow: hidden;
    margin-bottom: 37px
}

form.dwstyle-form {
    display: block;
    width: 100%;
    max-width: 530px;
    font-size: 12px;
    font-family: Arial, sans-serif;
    line-height: 1.42857;
    color: #333
}

#PostQualification form.dwstyle-form, #PostQualification form.dwstyle-form p {
    max-width: 100%;
    float: left;
    width: 100%
}

#PostQualification {
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 100%
}

#PostQualification .dwstyle-detectFormSize_JS {
    margin-bottom: 20px;
    padding-bottom: 20px
}

form.dwstyle-form a {
    cursor: pointer
}

form.dwstyle-form .dwstyle-mainHeadline {
    margin: 62px 0 30px;
    color: #00136f;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase
}

form.dwstyle-form .dwstyle-subHeadline {
    margin: 31px 0 34px;
    color: #00136f;
    font-size: 16px;
    font-weight: 700
}

form.dwstyle-form input[type=checkbox], form.dwstyle-form input[type=radio], form.dwstyle-form select {
    cursor: pointer
}

form.dwstyle-form input[type=checkbox] {
    width: 16px;
    height: 16px;
    visibility: hidden;
    opacity: .1;
    color: #fff;
    background: #fff
}

form.dwstyle-form input[type=checkbox] + span {
    content: "";
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 4px;
    background: url(../images/sprite_checkboxes.png) -8px -168px no-repeat #fff;
    border: none;
    outline: 0;
    position: relative;
    top: 4px;
    box-shadow: none;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.dwstyle-detectFormSize_JS .gq-bday-body {
    clear: both
}

form.dwstyle-form .dwstyle-validationError input[type=checkbox] + span {
    background-position: -40px -168px
}

form.dwstyle-form .dwstyle-validationError input[type=checkbox] + span.show-pwd-empty {
    background-position: -8px -168px
}

form.dwstyle-form input[type=checkbox] + span:hover {
    background: url(../images/sprite_checkboxes.png) -8px -126px no-repeat #fff
}

form.dwstyle-form input[type=checkbox]:checked + span {
    background: url(../images/sprite_checkboxes.png) -8px -147px no-repeat #fff
}

form.dwstyle-form input[type=checkbox][disabled=disabled] + span:before {
    border-color: #fff;
    -moz-box-shadow: 0 0 0 1px #333;
    -webkit-box-shadow: 0 0 0 1px #333;
    box-shadow: 0 0 0 1px #333;
    opacity: .3
}

form.dwstyle-form input[type=checkbox][disabled=disabled]:hover + span:before {
    background: #fff
}

form.dwstyle-form input[type=checkbox][disabled=disabled]:checked + span:before {
    background: #333
}

form.dwstyle-form input[type=radio] {
    width: 1px;
    height: 0;
    color: #fff;
    background: #fff;
    opacity: .1;
    visibility: hidden
}

.register-radio-btn.dwstyle-validationError input[type=radio] + span:before {
    box-shadow: 0 0 0 1px #f00, 0 0 0 1px #00136f !important
}

form.dwstyle-form input[type=radio] + span:before {
    content: "";
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    margin-right: 4px;
    background: #fff;
    border: 2px solid #fff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 0 0 1px black, 0 0 0 1px #00136f;
    -webkit-box-shadow: 0 0 0 1px black, 0 0 0 1px #00136f;
    box-shadow: 0 0 0 1px black, 0 0 0 1px #00136f;
    position: relative;
    top: 1px
}

form.dwstyle-form input[type=radio]:hover + span:before {
    background: #aaafcc
}

form.dwstyle-form input[type=radio]:checked + span:before {
    background: #00136f
}

form.dwstyle-form input[type=radio][disabled=disabled] + span:before {
    border-color: #fff;
    -moz-box-shadow: 0 0 0 1px #333;
    -webkit-box-shadow: 0 0 0 1px #333;
    box-shadow: 0 0 0 1px #333;
    opacity: .3
}

form.dwstyle-form input[type=radio][disabled=disabled]:hover + span:before {
    background: #fff
}

form.dwstyle-form input[type=radio][disabled=disabled]:checked + span:before {
    background: #333
}

form.dwstyle-form .dwstyle-row {
    margin: 20px 0
}

form.dwstyle-form .dwstyle-row a {
    color: #666;
    text-decoration: underline
}

form.dwstyle-form .dwstyle-row a:hover {
    color: #333
}

form.dwstyle-form .dwstyle-row.dwstyle-typeText span {
    display: inline-block;
    min-width: 16.9%;
    width: 210px;
    max-width: 100%;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 400
}

form.dwstyle-form .dwstyle-row.dwstyle-typeText input {
    display: inline-block;
    min-width: 25.4%;
    width: 315px;
    max-width: 100%;
    height: 34px;
    padding: 0 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    font-size: 12px;
    border-radius: 5px;
    font-family: Arial;
    font-weight: 400
}

#overlayRegisterform form.dwstyle-form .dwstyle-row.dwstyle-typeText input, #overlayloginForm form.dwstyle-form .dwstyle-row.dwstyle-typeText input {
    width: 295px
}

#overlayloginForm form.dwstyle-form.dwstyle-forgotPasswordForm_JS .dwstyle-typeText input {
    width: 315px
}

form.dwstyle-form .dwstyle-row.dwstyle-typeCheckbox {
    min-width: 42.3%;
    width: auto;
    max-width: 525px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0;
    text-indent: 0;
    font-weight: 400
}

form.dwstyle-form .dwstyle-row.dwstyle-typeCheckbox label {
    cursor: pointer;
    font-weight: 400;
    position: relative;
    width: auto
}

form.dwstyle-form .dwstyle-row.dwstyle-typeCheckbox label input {
    margin: 0 4px 0 0;
    top: 2px;
    position: absolute
}

form.dwstyle-form .dwstyle-row.dwstyle-typeCheckbox label span {
    font-size: 12px
}

form.dwstyle-form .dwstyle-row.dwstyle-typeRadio {
    margin-bottom: 17px
}

form.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-radioLabel {
    display: inline-block;
    width: 195px;
    color: #333
}

form.dwstyle-form .dwstyle-row.dwstyle-typeRadio label {
    cursor: pointer;
    font-weight: 400
}

form.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-inputHolder {
    display: inline-block
}

.dwstyle-registerForm_JS.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-inputHolder {
    margin-left: 13px
}

#overlayRegisterform .dwstyle-registerForm_JS.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-inputHolder {
    margin-left: 0
}

form.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-inputHolder label {
    margin-right: 20px;
    font-size: 12px
}

form.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-inputHolder label:last-child {
    margin-right: 0
}

form.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-inputHolder label input {
    position: relative;
    top: 2px
}

form.dwstyle-form .dwstyle-row.dwstyle-typeBirthday span {
    display: inline-block;
    min-width: 16.9%;
    width: 210px;
    max-width: 100%;
    margin-bottom: 6px;
    font-size: 12px
}

form.dwstyle-form .dwstyle-row.dwstyle-typeBirthday select {
    width: 84px;
    height: 32px;
    margin-right: 28px;
    margin-left: 0;
    padding: 6px 2px 6px 12px;
    cursor: pointer;
    color: #333;
    font-size: 12px;
    vertical-align: central;
    text-align: left
}

form.dwstyle-form .dwstyle-row.dwstyle-typeBirthday select:nth-child(4) {
    margin-right: 0
}

form.dwstyle-form .dwstyle-row.dwstyle-typeCopyAndButton .dwstyle-textlink {
    float: right
}

form.dwstyle-form .dwstyle-row.dwstyle-socialLogin a {
    cursor: pointer;
    margin-right: 2px
}

form.dwstyle-form .dwstyle-row.dwstyle-socialLogin a.social-icon-img {
    float: right;
    padding-left: 20px;
    padding-top: 3px;
    padding-bottom: 10px
}

form.dwstyle-form .dwstyle-buttonHolder {
    min-width: 42.3%;
    width: auto;
    max-width: 525px;
    display: block;
    position: inherit
}

form.dwstyle-form .dwstyle-buttonHolder .dwstyle-floatbox {
    float: right
}

form.dwstyle-form .dwstyle-buttonHolder:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden
}

form.dwstyle-form .dwstyle-buttonHolder .dwstyle-buttonMain {
    height: 34px;
    margin-left: 1em;
    padding: 0 18px;
    background: #00136f;
    border: 0;
    border-radius: 20px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    font-family: NiveaBook, Arial, '​sans-serif';
    text-transform: uppercase
}

form.dwstyle-form .dwstyle-buttonHolder .dwstyle-textlink {
    margin-left: 1em;
    color: #666;
    font-size: 12px;
    text-decoration: underline
}

form.dwstyle-form .dwstyle-buttonHolder .dwstyle-textlink:hover {
    cursor: pointer;
    color: #333
}

form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeText input {
    border: 1px solid #f33;
    color: #f33;
    background: url(/rating/nivea/img/InputValidationError.jpg) right 0 no-repeat
}

form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeText p.dwstyle-validationError {
    margin: 0;
    padding-left: 215px;
    color: #f33
}

form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeCheckbox p.dwstyle-validationError {
    margin: 0;
    padding-left: 20px;
    color: #f33
}

form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeBirthday p.dwstyle-validationError, form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeRadio p.dwstyle-validationError {
    margin: 0;
    padding-left: 215px;
    color: #f33
}

form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeBirthday p.dwstyle-validationError {
    display: inline-block;
    min-width: 0;
    margin: 0 0 0 1em;
    padding: 0;
    float: right;
    color: #f33
}

form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeBirthday p.dwstyle-validationError:last-child:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden
}

form.dwstyle-form .dwstyle-globalErrorMessage {
    display: none;
    width: 100%;
    max-width: 530px;
    padding: 16px 17px 15px;
    border: 1px solid #f33;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #f33;
    font-size: 12px;
    font-family: NiveaBook, Arial, '​sans-serif'
}

form.dwstyle-form .dwstyle-globalErrorMessage strong {
    display: block;
    color: #f33;
    font-size: 14px;
    font-family: NiveaMedium, Arial, sans-serif
}

form.dwstyle-form p {
    min-width: 42.3%;
    width: auto;
    max-width: 525px;
    margin-bottom: 1em
}

.dwstyle-globalSuccessMessage {
    display: none;
    width: 100%;
    max-width: 530px;
    padding: 16px 17px 15px;
    border: 1px solid #090;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #090;
    font-size: 14px;
    font-family: NiveaMedium, Arial, sans-serif;
    margin-top: 10px
}

.dwstyle-forgotPasswordForm_JS {
    display: none
}

.dwstyle-afterPwToLogin {
    color: #666;
    cursor: pointer;
    text-decoration: underline
}

.dwstyle-afterPwToLogin:hover {
    color: #333;
    cursor: pointer;
    text-decoration: underline
}

.dwstyle-formSize-S form.dwstyle-form {
    display: inline-block;
    width: 100%;
    max-width: 280px
}

.dwstyle-formSize-S form.dwstyle-form .dwstyle-typeText input {
    width: 100%;
    min-width: 0;
    max-width: none
}

.dwstyle-formSize-S form.dwstyle-form p.dwstyle-validationError {
    padding-left: 0 !important
}

.dwstyle-formSize-S form.dwstyle-form .dwstyle-buttonHolder .dwstyle-floatbox {
    float: none
}

.dwstyle-formSize-S form.dwstyle-form .dwstyle-buttonHolder .dwstyle-textlink {
    display: block;
    margin: 0 0 1em
}

.dwstyle-formSize-S form.dwstyle-form .dwstyle-buttonHolder .dwstyle-buttonMain {
    margin: 0
}

.pt_account form.dwstyle-form .dwstyle-row.dwstyle-typeCheckbox {
    margin-left: 20px
}

.pt_account form.dwstyle-form .dwstyle-row.dwstyle-typeCheckbox p.dwstyle-validationError {
    padding-left: 0;
    text-indent: 0
}

.pt_account form.dwstyle-form.dwstyle-registerForm_JS .dwstyle-row.dwstyle-typeCheckbox p.dwstyle-validationError {
    padding-left: 25px;
    color: red
}

.pt_account form.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-inputHolder label input[type=radio], .pt_order-confirmation form.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-inputHolder label input[type=radio] {
    margin: 0
}

.dwstyle-chromeFix {
    overflow: visible !important
}

.pt_account form.dwstyle-form .dwstyle-row.dwstyle-socialLogin {
    margin-top: 40px
}

#registerform .success-button, .registration-success .success-button {
    background: #00136f;
    border: none;
    border-radius: 35px;
    color: #fff;
    float: right;
    margin-top: 40px;
    padding: 9px 15px;
    cursor: pointer;
    text-transform: uppercase
}

.ui-dialog .success-button > span {
    color: #fff;
    font-size: 14px
}

.social-login-text-wrapper {
    float: right;
    text-align: right;
    width: 81%
}

.registration-success .qualification-container .dob-container select {
    width: auto
}

.registration-success .success-page-header-container {
    border-bottom: 1px solid #b8b8b8;
    margin-top: 70px;
    padding-bottom: 28px;
    margin-bottom: 41px
}

.registration-success .qualification-container .qualification-header > h3, .registration-success .registration-headline-header > h3 {
    color: #00136f;
    font: 700 16px Arial;
    margin-top: -4px
}

.registration-success .qualification-header, .registration-success .registration-headline-header {
    margin-bottom: 23px
}

.registration-success .qualification-text, .registration-success .success-page-header-container p {
    font: 12px/18px Arial
}

#pwrwritediv #writeReviewLoginContainer .checkout-mandatory-fields-wrapper, .registration-success .checkout-mandatory-fields-wrapper {
    background: #f5f5f5;
    font-family: arial;
    color: #666;
    margin: 30px 0;
    opacity: 1
}

.registration-success .checkout-mandatory-fields {
    padding: 15px 0 15px 14px
}

.registration-success .dob-container, .registration-success .golden-question-container, .registration-success .qualification-text {
    margin-bottom: 40px
}

#primary .golden-question-container {
    padding: 0
}

.registration-success .button-container {
    background: #00136f;
    border-radius: 35px;
    float: right;
    height: 35px;
    width: 150px
}

.registration-success .myaccount-header {
    color: #00136f;
    font: 11px Arial;
    width: 93px;
    margin-top: 14px;
    float: left
}

.pt_account .col-1, .pt_account .col-2 {
    width: 48%;
    margin-top: -17px;
    float: left
}

.pt_account .legal-text {
    display: block
}

.pt_account .legal-text a {
    text-decoration: underline;
    color: #333
}

.pt_account .checkout-mandatory-fields-wrapper, .pt_order-confirmation .checkout-mandatory-fields-wrapper {
    background: #f5f5f5;
    font: 12px Arial;
    padding: 10px 0 10px 10px;
    width: 100%;
    clear: both
}

.pt_account .bottom-links, .pt_order-confirmation .bottom-links {
    float: left;
    position: relative;
    top: -117px;
    clear: both;
    width: 55%
}

.pt_account .col-1 .login-box.login-account, .pt_account .col-1.registration-form-left #registerform {
    border-right: 1px solid #ccc
}

.pt_account .col-1 .login-box, .pt_account .col-2 .login-box {
    margin-top: 50px
}

.dwstyle-resendActivationMailSuccess-JS .section-header, .pt_account .col-1 .login-box .section-header, .pt_account .col-2 .login-box .section-header {
    font: 700 30px Arial !important;
    width: 100%;
    word-wrap: break-word;
    color: #00136f
}

.pt_account .col-2 .login-box.guest-checkout .section-header {
    margin-bottom: 6px;
    background: #f0f0f0;
    border-bottom: none
}

.pt_account .col-2 .login-box.guest-checkout {
    background: #f0f0f0;
    padding: 15px
}

.pt_account .col-2 {
    padding: 0 14px;
    float: right
}

.pt_account .col-2 .form-row.form-row-button.register-btn {
    padding-right: 15px
}

.pt_account .col-1 form.dwstyle-form .dwstyle-buttonHolder .dwstyle-textlink {
    position: relative;
    top: -43px;
    right: -84px
}

.pt_account .col-1 form.dwstyle-form.dwstyle-registerForm_JS .dwstyle-buttonHolder .dwstyle-textlink {
    display: none
}

.pt_account .col-2 .login-box-content.clearfix {
    margin-top: 28px
}

.pt_account .col-1 .bottom-links .not-having-account {
    font: 12px Arial
}

#pwrwritediv #writeReviewLoginContainer .bottom-links .register, .pt_account .col-1 .bottom-links .login, .pt_account .col-1 .bottom-links .register, .pt_order-confirmation #registerform .bottom-links .login {
    color: #00136f;
    font: 700 11px Arial;
    text-transform: uppercase
}

#pwrwritediv #writeReviewLoginContainer form.dwstyle-form .dwstyle-row.dwstyle-socialLogin {
    position: relative;
    right: 75px;
    margin-top: 50px;
    margin-bottom: 11px
}

.pt_account #registerform .checkout-mandatory-fields-wrapper {
    width: 100%
}

.pt_account .col-2.registration-form-right {
    margin-top: 3px;
    padding: 0 16px
}

.pt_account .register-heading {
    font: 700 30px Arial;
    margin-bottom: 40px;
    margin-top: 45px;
    text-transform: uppercase
}

.pt_account #registerform form.dwstyle-form .dwstyle-buttonHolder .dwstyle-buttonMain {
    position: relative;
    right: -4px
}

.pt_account #registerform form.dwstyle-form .dwstyle-row > label {
    font-weight: 400;
    color: #333
}

.pt_account.registration-overlay-container .register-heading {
    margin-top: 9px;
    margin-bottom: 29px
}

.dwstyle-registerForm_JS form.dwstyle-form input[type=checkbox] + span:before {
    top: 2px
}

.ui-dialog .container-login .success-page-header-container {
    margin-top: -5px;
    padding-left: 0
}

#register-to-nlp-container {
    display: none;
    padding: 20px
}

#register-to-nlp-container .registration-success-container .reg-success-data {
    min-height: 200px;
    margin-top: 34px
}

.registration-success .registration-success-container .reg-success-data {
    min-height: 200px
}

#register-to-nlp-container .reg-success-data .col-1 {
    min-height: 456px
}

#register-to-nlp-container .registration-success-container {
    margin: 40px 0
}

.registration-success .registration-success-container {
    margin: 70px 0
}

#register-to-nlp-container .registeration-success-header {
    font: 700 30px Arial;
    margin-bottom: 27px;
    text-transform: uppercase
}

.registration-success .registeration-success-header {
    font: 700 30px Arial;
    margin-bottom: 27px
}

#register-to-nlp-container .col-1 .text, .registration-success .col-1 .text {
    color: #333;
    font: 12px/18px Arial
}

.registration-success .reg-success-data .col-1 {
    border-right: 1px solid #ccc;
    min-height: 196px;
    padding: 0 50px 0 0
}

.login-box button[type=submit] {
    float: right;
    padding: .6em 2em .5em
}

.pt_account .col-1 form.dwstyle-form .dwstyle-buttonHolder .dwstyle-textlink.dwstyle-cancelForgotPasswordForm_JS.dwstyle-hideByStandaloneForm_JS {
    position: relative;
    right: 218px;
    top: 18px;
    font: 700 11px Arial;
    color: #00136f;
    text-transform: uppercase
}

h2.section-header.reset-pass-header {
    margin-bottom: 30px;
    text-transform: uppercase
}

#loginForm form.dwstyle-form .dwstyle-row.dwstyle-typeCheckbox, #overlayloginForm form.dwstyle-form .dwstyle-row.dwstyle-typeCheckbox, #registerform form.dwstyle-form .dwstyle-row.dwstyle-typeCheckbox {
    margin-left: 0;
    margin-top: 0
}

#registerform form.dwstyle-form .dwstyle-row.dwstyle-typeCheckbox {
    margin-top: 0
}

.col-1 form.dwstyle-form .dwstyle-buttonHolder .dwstyle-buttonMain {
    position: relative;
    top: 10px
}

.dwstyle-forgotPasswordForm_JS .checkout-mandatory-fields-wrapper {
    margin-top: 40px
}

.dwstyle-forgotPasswordSuccess_JS h4.resetpassword-heading {
    text-align: left;
    font-size: 16px;
    font-family: Arial;
    font-weight: 700;
    padding-bottom: 20px;
    text-transform: uppercase
}

.dwstyle-forgotPasswordSuccess_JS p {
    line-height: 18px;
    font-family: Arial;
    color: #333;
    font-size: 12px
}

.login-form-field-container {
    float: left;
    width: 100%
}

.dwstyle-socialRegisterForm_JS .dwstyle-typeRadio .dwstyle-radioLabel {
    width: 210px !important
}

#overlayloginForm form.dwstyle-form .dwstyle-row.dwstyle-typeText span {
    width: 150px
}

.pt_account .login-overlay-container .col-2 {
    padding: 0 40px 0 90px
}

.pt_account .col-1 #overlayloginForm form.dwstyle-form .dwstyle-buttonHolder .dwstyle-textlink {
    right: -64px
}

.col-1 #overlayloginForm form.dwstyle-form .dwstyle-buttonHolder .dwstyle-buttonMain {
    right: 31px;
    margin-top: 13px
}

.pt_account #overlayloginForm form.dwstyle-form .dwstyle-row.dwstyle-socialLogin {
    position: relative;
    right: 28px;
    margin-top: 50px;
    margin-bottom: 11px;
    text-align: right;
    float: left
}

.pt_account #loginForm form.dwstyle-form .dwstyle-row.dwstyle-socialLogin {
    position: relative;
    right: 0;
    margin-top: 50px;
    margin-bottom: 11px;
    text-align: right
}

.pt_account #overlayloginForm .checkout-mandatory-fields-wrapper {
    width: 94.1%
}

.pt_account.registration-overlay-container {
    float: left;
    margin-top: 9px
}

input[type=email] {
    border: 1px solid #aaa
}

#overlayRegisterform .dwstyle-row.dwstyle-typeText span, #overlayRegisterform form.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-radioLabel {
    width: 150px
}

#overlayRegisterform .dwstyle-row.dwstyle-typeText .show-pass-conatiner span {
    width: auto
}

#overlayRegisterform {
    border-right: 1px solid #ccc;
    padding-left: 40px
}

.pt_account.registration-overlay-container .col-2.registration-form-right {
    padding-left: 90px;
    padding-right: 40px
}

.registration-overlay-container .col-1 form.dwstyle-form .dwstyle-buttonHolder .dwstyle-buttonMain {
    right: 57px;
    margin-top: 12px;
    margin-bottom: 39px;
    font-weight: 400
}

.pt_account.registration-overlay-container form.dwstyle-form .dwstyle-row.dwstyle-socialLogin {
    position: relative;
    right: 55px
}

.pt_account.registration-overlay-container .checkout-mandatory-fields-wrapper {
    width: 89.2%
}

.pt_account.registration-overlay-container form.dwstyle-form .dwstyle-row.dwstyle-typeCheckbox {
    margin-left: 14px
}

.social-login-msg {
    color: #333;
    float: none;
    text-align: right;
    text-transform: uppercase;
    width: 100%;
    padding-right: 0;
    display: inline
}

.pt_account #registerform form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeText input[type=email] {
    border: 1px solid #f33
}

#overlayRegisterform form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeRadio p.dwstyle-validationError, #overlayRegisterform form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeText p.dwstyle-validationError, #overlayloginForm form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeText p.dwstyle-validationError {
    padding-left: 152px
}

#dwfrm_login_register .form-row.form-row-button > button {
    height: 34px;
    padding: 8px 18px
}

.pt_account .col-1 #overlayloginForm form.dwstyle-form .dwstyle-buttonHolder .dwstyle-textlink.dwstyle-cancelForgotPasswordForm_JS.dwstyle-hideByStandaloneForm_JS {
    right: 195px;
    top: 27px
}

.checkbox-container {
    margin-top: 35px
}

form.dwstyle-form.dwstyle-forgotPasswordForm_JS .dwstyle-row.dwstyle-typeText.dwstyle-validationError input[type=email] {
    padding-right: 5%
}

#overlayloginForm .dwstyle-form.dwstyle-variantStandard.dwstyle-forgotPasswordForm_JS {
    margin: -30px 0 9px
}

.pt_account form.dwstyle-forgotPasswordForm_JS .section-header.reset-pass-header {
    margin-bottom: 20px
}

form.dwstyle-forgotPasswordForm_JS .dwstyle-row.dwstyle-typeText.dwstyle-isRequired {
    margin-top: 38px
}

.pt_account .login-overlay-container .col-1, .pt_account .login-overlay-container .col-2, .pt_account .registration-overlay-container .col-1, .pt_account .registration-overlay-container .col-2 {
    width: 50%
}

#overlayRegisterform form.dwstyle-form, #overlayloginForm form.dwstyle-form {
    max-width: 505px
}

.pt_account .login-overlay-container .col-1 .login-box.login-account {
    padding: 0 60px 0 40px
}

.ui-dialog .container-login .login-overlay-container .success-page-header-container {
    padding-left: 40px
}

#overlayRegisterform .checkbox-container {
    width: 448px;
    float: left;
    clear: both
}

.login-overlay-container .col-1 .login-box .section-header, .login-overlay-container .col-2 .login-box .section-header {
    margin-top: -6px;
    text-transform: uppercase
}

.dwstyle-resendActivationMailSuccess-JS .section-header.email-active-heading, .login-overlay-container .col-1 .login-box .section-header.email-active-heading {
    text-transform: uppercase
}

.pt_account .login-overlay-container .col-1, .pt_account .login-overlay-container .col-2 {
    margin-top: -12px
}

.login-overlay-container .col-1 .login-box .section-header {
    margin-bottom: 32px
}

.login-overlay-container .col-2 .login-box .section-header {
    margin-bottom: 28px;
    float: left
}

#overlayloginForm form.dwstyle-form .dwstyle-row {
    margin: 15px 0
}

#overlayloginForm .login-form-field-container {
    margin-bottom: 33px
}

.pt_account #overlayloginForm .bottom-links {
    top: -128px
}

#overlayloginFormContainer .pt_account #overlayloginForm .bottom-links {
    top: -139px
}

#pwrwritediv #writeReviewLoginContainer form.dwstyle-form .dwstyle-buttonHolder .dwstyle-textlink {
    right: -102px;
    top: -54px;
    position: relative;
    display: none
}

#pwrwritediv #writeReviewLoginContainer .bottom-links {
    float: left;
    position: relative;
    clear: both;
    width: 55%;
    top: -146px
}

.login-overlay-container #dwfrm_login_register .form-row.form-row-button > button {
    margin-top: 25px;
    font: 14px NiveaBook
}

#overlayRegisterform form.dwstyle-form .dwstyle-row {
    margin: 15px 0
}

#overlayRegisterform form.dwstyle-form .dwstyle-row.dwstyle-typeCheckbox {
    margin: 7px 0
}

#overlayRegisterform form.dwstyle-form .dwstyle-row.dwstyle-socialLogin {
    margin: 10px 0
}

.pt_account #overlayRegisterform .bottom-links {
    top: -125px
}

#overlayloginForm .dwstyle-form.dwstyle-variantStandard.dwstyle-forgotPasswordForm_JS > p {
    margin-bottom: 36px
}

.col-1 #overlayloginForm form.dwstyle-form.dwstyle-forgotPasswordForm_JS .dwstyle-buttonHolder .dwstyle-buttonMain {
    top: 7px
}

#overlayloginForm .dwstyle-forgotPasswordForm_JS .checkout-mandatory-fields-wrapper {
    margin-top: 37px
}

.dwstyle-registerForm_JS .checkbox-container #AcceptTerms-error.dwstyle-validationError {
    float: left;
    padding-left: 26px
}

.dwstyle-setNewPasswordForm_JS .section-header.login-header {
    margin-bottom: 20px
}

.dwstyle-setNewPasswordForm_JS .reset-password-success-page {
    border-top: 1px solid #ccc;
    margin-top: 37px;
    padding-top: 20px;
    margin-bottom: 24px
}

.dwstyle-setNewPasswordForm_JS .reset-password-success-page .reset-password-header {
    font: 700 16px Arial;
    margin-bottom: 30px;
    text-transform: uppercase
}

form.dwstyle-form.dwstyle-setNewPasswordForm_JS .dwstyle-row {
    margin: 16px 0
}

form.dwstyle-form.dwstyle-setNewPasswordForm_JS .dwstyle-buttonHolder {
    margin-bottom: 40px
}

.dwstyle-forgotPasswordForm_JS .forgot-password-para {
    width: 93.4%
}

.ui-dialog .ui-dialog-titlebar-close {
    padding: 0;
    right: 50px;
    top: 10px
}

.ui-dialog .ui-icon-closethick {
    color: #333;
    font: 12px Arial;
    text-indent: 17px;
    width: 51px;
    background: url(../images/close-icon-dialog.png) 0 4px no-repeat !important;
    text-transform: capitalize;
    height: 16px
}

.ui-dialog.quickview .ui-dialog-titlebar-close {
    right: 20px;
    top: 16px
}

.ui-dialog.quickview .ui-icon-closethick {
    background: url(../images/close-icon-dialog.png) no-repeat !important;
    height: 32px;
    top: 14px;
    width: 32px;
    text-indent: -9999px
}

.ui-dialog.login-overlay .ui-dialog-titlebar-close {
    right: 100px
}

.ui-dialog.login-overlay .ui-icon-closethick {
    width: 151px;
    background: url(../images/close-icon-dialog.png) 0 3px no-repeat !important
}

#registerform form.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-radioLabel {
    width: 207px
}

.ie .social-login-msg {
    width: 90.9%
}

form.dwstyle-form.dwstyle-registerForm_JS .dwstyle-row.dwstyle-typeCheckbox span.term-n-cond {
    display: inline-block;
    width: 95%;
    float: right
}

form.dwstyle-form.dwstyle-registerForm_JS .dwstyle-row.dwstyle-typeCheckbox {
    overflow: hidden
}

form.dwstyle-form.dwstyle-socialRegisterForm_JS .dwstyle-subHeadline {
    margin-top: 2px
}

.col-1 #loginForm form.dwstyle-form.dwstyle-setpasswordloginForm_JS .dwstyle-buttonHolder .dwstyle-buttonMain {
    top: 0
}

form.dwstyle-form.dwstyle-variantStandard.dwstyle-setNewPasswordForm_JS {
    margin-top: -48px
}

#resetPasswordLoginForm .reset-password-login-header {
    color: #00136f;
    float: left;
    font: 700 16px Arial;
    margin-bottom: 29px;
    text-transform: uppercase
}

#setNewPasswordSuccess_JS .password-change-success-msg {
    display: inline-block;
    margin-top: 10px
}

#resetPasswordLoginForm.dwstyle-form.dwstyle-variantStandard.dwstyle-setpasswordloginForm_JS {
    border-top: 1px solid #ccc;
    margin-top: 27px;
    padding-top: 20px
}

form.dwstyle-form.dwstyle-setpasswordloginForm_JS .dwstyle-buttonHolder {
    clear: both;
    float: none;
    margin-bottom: 32px;
    margin-top: 35px
}

.dwstyle-form.dwstyle-variantStandard.dwstyle-forgotPasswordForm_JS {
    width: 700px
}

.pt_account .col-2 .login-box button[type=submit] {
    font: 14px NiveaBook
}

.dwstyle-registerSuccess_JS h2.registeration-success-header {
    font: 700 30px Arial;
    margin-bottom: 27px
}

.dwstyle-registerSuccess_JS .dwstyle-chromeFix {
    color: #333;
    font: 12px/18px Arial;
    margin: 0 0 8.5px;
    padding: 0 !important
}

.dwstyle-registerSuccess_JS .success-button {
    background: #00136f;
    border: none;
    border-radius: 35px;
    color: #fff;
    float: right;
    padding: 9px 15px;
    cursor: pointer;
    text-transform: uppercase
}

.from-text {
    font-size: 12px;
    color: #00136f;
    font-family: arial;
    font-weight: 700
}

.dwstyle-globalErrorMessage.dwstyle-globalErrorMessage_JS.dwstyle-inactiveAccount_JS {
    font: 12px/18px Arial;
    padding-bottom: 11px;
    padding-left: 15px;
    padding-top: 12px;
    margin-top: 31px;
    margin-bottom: 20px
}

.dwstyle-globalErrorMessage.dwstyle-inactiveAccount_JS span.resend-mail-msg {
    display: block;
    margin-top: 11px
}

.dwstyle-globalErrorMessage a.resend-mail-link {
    font: 700 12px/18px Arial;
    text-transform: uppercase
}

.dwstyle-globalErrorMessage a.resend-mail-link:hover {
    color: #00136f
}

.dwstyle-inactiveAccount_JS .resend-mail-msg .inactive-account-msg {
    padding-right: 5px
}

.dwstyle-resendActivationMailSuccess-JS p {
    margin-top: 30px;
    font: 12px/18px Arial
}

.dwstyle-resendActivationMailSuccess-JS .section-header {
    padding: 50px 0 0
}

.dwstyle-resendActivationMailSuccess-JS .dwstyle-buttonMain.btn-primary {
    margin-top: 15px
}

.registration-overlay-container {
    width: 100%
}

.ca-containerNLP {
    display: none
}

.dwstyle-forgotPasswordForm_JS button[type=submit]:hover, .dwstyle-loginForm_JS button[type=submit]:hover, .dwstyle-registerForm_JS button[type=submit]:hover, .dwstyle-setNewPasswordForm_JS button[type=submit]:hover, .pt_account .login-box button[type=button]:hover, .pt_account .login-box button[type=submit]:hover, .pt_account.registration-overlay-container button[type=button]:hover, .pt_account.registration-overlay-container button[type=submit]:hover {
    background-color: #3d72f6 !important
}

a.success-button:hover {
    background-color: #3d72f6 !important;
    text-decoration: none
}

.pt_account .col-1.registration-form-left .section-header.login-header {
    font: 700 30px Arial !important;
    padding: 0
}

.pt_account .col-1.registration-form-left .register-heading {
    margin-top: 0
}

.pt_account .ca-container.login-content .success-page-header-container {
    margin-bottom: 30px
}

.contact-us .contactus-form a {
    color: #666;
    text-decoration: underline
}

form.dwstyle-form .dwstyle-row.dwstyle-typeText span.show-pwd-empty {
    min-width: auto;
    width: 16px !important;
    display: inline-block !important;
    height: 16px
}

form.dwstyle-form .dwstyle-row.dwstyle-typeText span.show-pwd {
    min-width: auto;
    width: auto;
    padding-left: 3px;
    display: inline-block !important;
    position: relative;
    top: -6px
}

form.dwstyle-form .dwstyle-row.dwstyle-typeText input.show-pwd-check {
    height: 16px;
    left: 11px;
    margin: 0;
    min-width: auto;
    position: absolute;
    top: 10px;
    width: 16px !important
}

.show-pwd-container {
    background: #f5f5f5;
    border-bottom-right-radius: 5px;
    border-left: 1px solid #ccc;
    border-top-right-radius: 5px;
    height: 32px;
    right: 1px;
    margin-bottom: 0;
    margin-top: 1px;
    padding-left: 10px;
    padding-top: 5px;
    position: absolute;
    padding-right: 10px;
    top: 0;
    width: auto !important
}

#overlayRegisterform .dwstyle-registerForm_JS .password-label {
    float: left;
    width: 100%;
    display: block;
    clear: both
}

#overlayRegisterform .dwstyle-registerForm_JS .password-label span {
    float: left;
    display: block
}

#overlayRegisterform .dwstyle-registerForm_JS .show-pass-conatiner {
    display: inline-block;
    position: relative;
    float: left;
    width: 295px;
    margin-left: 3px
}

.campaign .scfForm .cf-personal-details .cf-logged-user > a {
    text-decoration: underline
}

#overlayRegisterform .dwstyle-row.dwstyle-typeText .show-pass-conatiner span.show-pwd {
    margin-top: 10px;
    margin-left: 4px
}

#overlayloginFormContainer form.dwstyle-form input[type=checkbox] + span::before {
    background: 0 0
}

#overlayloginFormContainer input[name=remember-me] + span + span {
    position: relative;
    top: 3px
}

#overlayloginFormContainer .success-page-header-container p {
    padding-right: 0
}

#overlayloginFormContainer .form-row {
    margin: 30px 0 0;
    clear: both
}

#overlayloginFormContainer .pt_account form.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-radioLabel {
    font-weight: 400
}

#overlayloginFormContainer .pt_account #overlayRegisterform .bottom-links {
    top: -136px
}

.multiple-error-wrapper.error-style {
    border: 2px solid #f33;
    padding: 18px 17px
}

.password-change-success-msg {
    border: 1px solid #090;
    padding: 18px 17px;
    text-transform: uppercase;
    font: 700 14px Arial;
    color: #090
}

.multiple-error-wrapper h5 span {
    background: url(/global/images/input-warning.png) 98% center no-repeat;
    padding: 0 10px 0 0;
    margin-left: -5px;
    margin-right: 10px;
    display: inline-block;
    height: 11px
}

.multiple-error-wrapper h5 {
    color: #f33;
    font-size: 14px;
    font-family: Arial;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    font-weight: 700
}

.editable-field .multiple-error-wrapper.error-style, .password-editable-field .multiple-error-wrapper.error-style {
    margin-bottom: 18px;
    clear: both
}

.multiple-error-wrapper span {
    color: #f33;
    font-size: 12px;
    font-family: arial;
    padding-top: 13px;
    display: block
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .pt_account #overlayRegisterform .bottom-links {
        top: -127px
    }

    #overlayRegisterform .dwstyle-row.dwstyle-typeText .show-pass-conatiner span.show-pwd {
        margin-top: 9px
    }

    #overlayloginFormContainer .pt_account #overlayRegisterform .bottom-links, #overlayloginFormContainer .pt_account #overlayloginForm .bottom-links {
        top: -159px
    }

    #overlayloginFormContainer form.dwstyle-registerForm_JS.dwstyle-form .dwstyle-typeCheckbox.dwstyle-row span.term-n-cond {
        width: 95%;
        margin-top: 0
    }

    #overlayloginFormContainer .advantage-container {
        margin-top: -27px
    }
}

@-moz-document url-prefix() {
    #loginForm form.dwstyle-form .dwstyle-row.dwstyle-typeCheckbox, #overlayloginForm form.dwstyle-form .dwstyle-row.dwstyle-typeCheckbox, #registerform form.dwstyle-form .dwstyle-row.dwstyle-typeCheckbox {
        margin-bottom: 8px;
        margin-left: 0;
        margin-top: 0
    }
    .pt_account .col-1 form.dwstyle-form .dwstyle-buttonHolder .dwstyle-textlink {
        position: relative;
        top: -32px;
        right: -98px
    }
    .pt_account.registration-overlay-container form.dwstyle-form .dwstyle-row.dwstyle-typeCheckbox {
        margin-left: 2px
    }
    .pt_account .col-1 #overlayloginForm form.dwstyle-form .dwstyle-buttonHolder .dwstyle-textlink.dwstyle-cancelForgotPasswordForm_JS.dwstyle-hideByStandaloneForm_JS {
        right: 183px;
        top: 29px
    }
    .pt_account .col-1 form.dwstyle-form .dwstyle-buttonHolder .dwstyle-textlink.dwstyle-cancelForgotPasswordForm_JS.dwstyle-hideByStandaloneForm_JS {
        right: 228px
    }
    #registerform form.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-radioLabel {
        width: 195px
    }
    .dwstyle-registerForm_JS .legal-check {
        display: inline-block;
        float: left
    }
    .dwstyle-registerForm_JS .show-pass-conatiner {
        position: relative;
        display: inline-block
    }
    @media screen and (max-width: 361px) {
        .pt_account .col-1 #loginForm form.dwstyle-form .dwstyle-buttonHolder .dwstyle-textlink {
            top: -50px
        }

        .pt_account .col-1 #loginForm form.dwstyle-form.dwstyle-forgotPasswordForm_JS .dwstyle-buttonHolder .dwstyle-textlink {
            top: 15px
        }

        .pt_account .bottom-links {
            top: -5px
        }
    }
}

@media screen and (min-width: 320px) and (max-width: 359px) {
    form.dwstyle-forgotPasswordForm_JS .dwstyle-buttonHolder button.dwstyle-buttonMain {
        top: 0 !important;
        right: 0 !important;
        float: none;
        margin: 0
    }

    form.dwstyle-forgotPasswordForm_JS .dwstyle-buttonHolder .dwstyle-floatbox {
        float: none;
        text-align: center
    }

    .pt_account .col-1 #loginForm form.dwstyle-form.dwstyle-forgotPasswordForm_JS .dwstyle-buttonHolder .dwstyle-textlink {
        top: 60px !important
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    #pwrwritediv #writeReviewLoginContainer .section-header {
        padding-left: 0
    }

    #pwrwritediv #writeReviewLoginContainer form.dwstyle-form .dwstyle-row.dwstyle-typeText input {
        width: 100%
    }

    .pt_product-details .container.write-review form.dwstyle-form .bottom-links, .pt_product-details .container.write-review form.dwstyle-form .checkout-mandatory-fields-wrapper, .pt_product-details .container.write-review form.dwstyle-form .dwstyle-socialLogin, .pt_product-details .container.write-review form.dwstyle-form .legal-text {
        padding: 0
    }

    #pwrwritediv #writeReviewLoginContainer form.dwstyle-form .dwstyle-buttonHolder .dwstyle-textlink {
        right: -15px;
        top: 0;
        display: none
    }

    #pwrwritediv #writeReviewLoginContainer form.dwstyle-form .dwstyle-row.dwstyle-socialLogin {
        right: 0
    }

    .pt_product-details .container.write-review form.dwstyle-form .forgotpswdNchkbox, .pt_product-details .container.write-review form.dwstyle-form .login-form-field-container {
        padding: 0
    }

    #pwrwritediv #writeReviewLoginContainer .bottom-links {
        top: 0;
        margin-bottom: 14px;
        width: 100%
    }

    #pwrwritediv #writeReviewLoginContainer .checkout-mandatory-fields-wrapper {
        clear: both;
        padding: 16px 0 16px 10px;
        width: 100%
    }

    .pt_account .bottom-links {
        top: -130px
    }

    form.dwstyle-form .dwstyle-row.dwstyle-typeRadio.register-radio-btn .dwstyle-inputHolder {
        margin-left: 0;
        margin-top: 5px
    }

    form.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-radioLabel, form.dwstyle-form .dwstyle-row.dwstyle-typeText input {
        width: 100%
    }

    form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeRadio p.dwstyle-validationError, form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeText p.dwstyle-validationError {
        padding-left: 0
    }

    .pt_account .col-1, .pt_account .col-2 {
        width: 100%
    }

    .pt_account .col-1 .login-box.login-account, .pt_account .col-1.registration-form-left #registerform {
        border: none
    }

    form.dwstyle-form {
        margin: 0 auto;
        max-width: none
    }

    form.dwstyle-form .dwstyle-buttonHolder {
        max-width: none
    }

    .dwstyle-loginForm_JS .social-login-msg {
        width: 89%;
        padding-right: 0
    }

    form.dwstyle-form.dwstyle-loginForm_JS .dwstyle-row.dwstyle-socialLogin a:not(.social-login-link) {
        float: right
    }

    form.dwstyle-form.dwstyle-loginForm_JS .dwstyle-row.dwstyle-typeText span {
        width: 120px
    }

    .pt_account .col-1 .login-box, .pt_account .col-2 .login-box {
        margin-top: 0
    }
}

@media screen and (min-width: 500px) and (max-width: 767px) and (orientation: landscape) {
    .login-account form.dwstyle-form .dwstyle-row.dwstyle-typeText input {
        float: right
    }

    .login-account form.dwstyle-form .dwstyle-row.dwstyle-typeText label {
        width: 100%
    }

    .pt_account .col-1, .pt_account .col-2 {
        width: 100%;
        padding: 0 14px
    }

    .login-account form.dwstyle-form .dwstyle-row.dwstyle-typeText label.show-pwd-container {
        width: auto
    }
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    #pwrwritediv #writeReviewLoginContainer .section-header {
        padding-left: 0
    }

    .pt_product-details .container.write-review form.dwstyle-form .bottom-links, .pt_product-details .container.write-review form.dwstyle-form .checkout-mandatory-fields-wrapper, .pt_product-details .container.write-review form.dwstyle-form .dwstyle-socialLogin, .pt_product-details .container.write-review form.dwstyle-form .legal-text {
        padding: 0
    }

    #pwrwritediv #writeReviewLoginContainer form.dwstyle-form .dwstyle-buttonHolder .dwstyle-textlink {
        right: -15px;
        top: 0;
        display: none
    }

    #pwrwritediv #writeReviewLoginContainer form.dwstyle-form .dwstyle-row.dwstyle-socialLogin {
        right: 0
    }

    .pt_product-details .container.write-review form.dwstyle-form .forgotpswdNchkbox, .pt_product-details .container.write-review form.dwstyle-form .login-form-field-container {
        padding: 0
    }

    #pwrwritediv #writeReviewLoginContainer .bottom-links {
        top: 0;
        margin-bottom: 14px;
        width: 100%
    }

    #pwrwritediv #writeReviewLoginContainer .checkout-mandatory-fields-wrapper {
        clear: both;
        padding: 16px 0 16px 10px;
        width: 100%
    }

    .pt_account #loginForm form.dwstyle-form .dwstyle-row.dwstyle-socialLogin {
        min-height: 93px
    }

    .social-login-text-wrapper {
        width: 79%
    }

    #writeReviewLoginContainer .social-login-text-wrapper {
        width: 76%
    }

    form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeRadio p.dwstyle-validationError {
        padding-left: 0
    }

    form.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-radioLabel, form.dwstyle-form .dwstyle-row.dwstyle-typeText input {
        width: 100%
    }

    .pt_account .col-1 .login-box {
        margin-top: 30px
    }

    .pt_account .col-1 .login-box-content .register-radio-btn label {
        width: auto
    }

    form.dwstyle-form .dwstyle-row.dwstyle-typeRadio.register-radio-btn .dwstyle-inputHolder {
        margin-left: 0;
        margin-top: 5px
    }

    #writeReviewLoginContainer form.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-radioLabel {
        margin-left: 0
    }

    .pt_account #registerform form.dwstyle-form .dwstyle-row.dwstyle-typeText input {
        width: 100%
    }

    .pt_account #registerform .bottom-links {
        clear: both;
        position: relative
    }

    .pt_account #registerform form.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-radioLabel {
        margin-bottom: 6px;
        width: 100%
    }

    .registration-success .success-page-header-container {
        margin-top: 30px
    }

    .registration-success .qualification-container .qualification-header > h3, .registration-success .registration-headline-header > h3 {
        font-size: 17px
    }

    .registration-success .qualification-text, .registration-success .success-page-header-container p {
        margin-bottom: 0
    }

    .registration-success .qualification-container .qualification-header > h3 {
        margin-top: -17px
    }

    .registration-success .dob-container {
        margin-top: 30px
    }

    .registration-success .dob-container .dob-label {
        display: block
    }

    .pt_account .col-1, .pt_account .col-2 {
        width: 100%
    }

    .pt_account .col-1 .login-box.login-account {
        border-right: none
    }

    .pt_account .bottom-links {
        position: relative;
        top: 0;
        margin-bottom: 28px;
        width: 100%
    }

    .pt_account .col-1 .login-box-content label {
        width: 100%
    }

    .pt_account .col-1 .login-box-content label.show-pwd-container {
        width: auto
    }

    .pt_account .checkout-mandatory-fields-wrapper {
        padding: 16px 0 16px 10px;
        width: 100%
    }

    .pt_account .col-2 .login-box {
        margin-top: 34px
    }

    .pt_account .col-2 {
        border-top: 1px solid #ccc;
        margin-top: 10px;
        padding: 0
    }

    .pt_account .col-1 .login-box .section-header, .pt_account .col-2 .login-box .section-header {
        font-size: 24px !important
    }

    .pt_account .col-1.registration-form-left #registerform {
        border-right: none
    }

    .pt_account .col-2.registration-form-right {
        margin-top: 0;
        padding-top: 40px
    }

    .pt_account .register-heading {
        font-size: 24px;
        margin-top: 4px;
        margin-bottom: 20px
    }

    .registration-success .reg-success-data .col-1 {
        border-bottom: 1px solid #ccc;
        border-right: medium none;
        margin-bottom: 40px;
        padding-right: 0
    }

    .registration-success .registeration-success-header {
        font: 700 24px/20px Arial
    }

    .registration-success .registration-success-container {
        margin: 30px 0
    }

    .registration-success .success-button {
        margin: 30px 0 40px
    }

    .pt_account .col-2 {
        width: 100%
    }

    #loginForm form.dwstyle-form .dwstyle-row.dwstyle-typeText span {
        width: 120px
    }

    #loginForm form.dwstyle-form .dwstyle-row.dwstyle-typeText span.show-pwd, #loginForm form.dwstyle-form .dwstyle-row.dwstyle-typeText span.show-pwd-empty {
        width: auto;
        display: inline
    }

    .pt_account .col-1 #loginForm form.dwstyle-form .dwstyle-buttonHolder .dwstyle-textlink {
        right: -93px
    }

    .pt_account form.dwstyle-form .dwstyle-row.dwstyle-socialLogin {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .pt_account #registerform .bottom-links {
        top: 2px
    }

    #registerform form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeText p.dwstyle-validationError, form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeText p.dwstyle-validationError {
        padding-left: 0
    }

    .social-login-msg {
        padding-right: 0
    }

    .pt_account .col-1 #loginForm form.dwstyle-form .dwstyle-buttonHolder .dwstyle-textlink {
        top: -42px
    }

    .pt_account .col-1 #loginForm form.dwstyle-form.dwstyle-forgotPasswordForm_JS .dwstyle-buttonHolder .dwstyle-textlink {
        right: 142px;
        top: 20px
    }

    .login-container {
        margin-top: 30px
    }

    .pt_order-confirmation .bottom-links {
        clear: both;
        float: left;
        margin-bottom: 20px;
        position: relative;
        top: 0;
        width: 100%
    }

    .customer-info .menu-utility-user .user-not-logged a.user-login {
        width: 100%
    }
}

@media screen and (max-width: 361px) {
    .pt_account #registerform form.dwstyle-form .dwstyle-row.dwstyle-typeText input {
        width: 100%
    }

    .social-login-msg {
        width: 88.5%
    }

    .pt_account .bottom-links {
        position: relative;
        top: -14px;
        margin-bottom: 14px;
        width: 100%
    }

    .pt_account #registerform .bottom-links {
        top: 5px
    }

    form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeText p.dwstyle-validationError {
        padding-left: 0
    }

    .col-1 form.dwstyle-form .dwstyle-buttonHolder .dwstyle-buttonMain {
        top: 5px
    }
}

@media screen and (min-width: 360px) and (max-width: 479px) {
    .pt_account .col-1 #loginForm form.dwstyle-form.dwstyle-forgotPasswordForm_JS .dwstyle-buttonHolder .dwstyle-textlink {
        top: 0 !important;
        right: 0 !important;
        position: relative;
        float: left;
        margin-top: 15px
    }
}

@media screen and (max-width: 767px) {
    form.dwstyle-form .dwstyle-row.dwstyle-socialLogin a.social-icon-img {
        padding-bottom: 50px
    }

    .pt_account #loginForm form.dwstyle-form .dwstyle-row.dwstyle-socialLogin {
        margin-bottom: 30px;
        margin-top: 33px
    }

    .pt_account .registration-wrapper .col-1 {
        width: 100%
    }

    .pt_account .registration-wrapper .col-1 .login-box, .pt_account .registration-wrapper h2.registeration-success-header {
        margin-top: 0
    }

    .dwstyle-form.dwstyle-variantStandard.dwstyle-forgotPasswordForm_JS {
        width: auto
    }

    #loginForm form.dwstyle-form .dwstyle-row.dwstyle-typeText span, #registerform form.dwstyle-form .dwstyle-row.dwstyle-typeText span, #writeReviewLoginContainer form.dwstyle-form .dwstyle-row.dwstyle-typeText span {
        display: none
    }

    #writeReviewLoginContainer .dwstyle-row.dwstyle-typeText label {
        width: 100%
    }

    #writeReviewLoginContainer .dwstyle-loginForm_JS h2.section-header {
        font-size: 24px !important;
        padding-bottom: 0
    }

    #writeReviewLoginContainer h2.register-heading {
        font-size: 24px !important;
        text-transform: uppercase;
        font-weight: 700;
        clear: both
    }

    #writeReviewLoginContainer form.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-inputHolder label input {
        margin: 0
    }

    .pt_account .col-1 #loginForm form.dwstyle-form.dwstyle-forgotPasswordForm_JS .dwstyle-buttonHolder .dwstyle-textlink {
        right: 10px;
        top: 20px
    }

    .container-login input::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 1);
        opacity: 1
    }

    .container-login input::-ms-input-placeholder {
        color: rgba(0, 0, 0, 1);
        opacity: 1
    }

    .container-login input:-moz-placeholder {
        color: rgba(0, 0, 0, 1);
        opacity: 1
    }

    .container-login input::-moz-placeholder {
        color: rgba(0, 0, 0, 1);
        opacity: 1
    }

    .container-login input:focus::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 1);
        opacity: 0
    }

    .container-login input:focus::-ms-input-placeholder {
        color: rgba(0, 0, 0, 1);
        opacity: 0
    }

    .container-login input:focus:-moz-placeholder {
        color: rgba(0, 0, 0, 1);
        opacity: 0
    }

    .container-login input:focus::-moz-placeholder {
        color: rgba(0, 0, 0, 1);
        opacity: 0
    }

    .container-login .pt_account .col-2 {
        margin-top: 30px
    }

    form.dwstyle-form.dwstyle-registerForm_JS .dwstyle-row.dwstyle-typeCheckbox span.term-n-cond {
        display: inline-block;
        width: 92%;
        margin-top: 2px
    }

    .dwstyle-registerForm_JS .checkbox-container #AcceptTerms-error.dwstyle-validationError {
        float: left;
        padding-left: 8%
    }

    .teaser .img-wrapper .img-container-resize {
        width: auto
    }

    header #main-nav .myaccountlinks ul li input#resbtnLogout[type=submit] {
        text-align: left;
        width: 100%
    }

    .dwstyle-registerForm_JS .show-pass-conatiner {
        width: 100%
    }

    .dwstyle-globalErrorMessage a.resend-mail-link {
        display: block
    }

    .dwstyle-globalErrorMessage.dwstyle-globalErrorMessage_JS.dwstyle-inactiveAccount_JS {
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 10px
    }

    .dwstyle-resendActivationMailSuccess-JS .section-header {
        font-size: 24px;
        padding: 22px 0 0
    }

    .dwstyle-resendActivationMailSuccess-JS p {
        margin-top: 18px
    }

    #registerform form.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-radioLabel, .pt_account #registerform form.dwstyle-form .dwstyle-row > label {
        width: 100%
    }

    .pt_account #registerform form.dwstyle-form .dwstyle-row > label.legal-check {
        width: auto
    }
}

@media screen and (min-width: 768px) {
    .login-box-content input::-webkit-input-placeholder, .login-container input::-webkit-input-placeholder, .login-overlay-container input::-webkit-input-placeholder, .registration-overlay-container input::-webkit-input-placeholder {
        opacity: 0
    }

    .login-box-content input::-ms-input-placeholder, .login-container input::-ms-input-placeholder, .login-overlay-container input::-ms-input-placeholder, .registration-overlay-container input::-ms-input-placeholder {
        opacity: 0
    }

    .login-box-content input:-moz-placeholder, .login-container input:-moz-placeholder, .login-overlay-container input:-moz-placeholder, .registration-overlay-container input:-moz-placeholder {
        opacity: 0
    }

    .login-box-content input::-moz-placeholder, .login-container input::-moz-placeholder, .login-overlay-container input::-moz-placeholder, .registration-overlay-container input::-moz-placeholder {
        opacity: 0
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    #pwrwritediv #writeReviewLoginContainer form.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-inputHolder label {
        width: 81px
    }

    .pt_account #registerform form.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-inputHolder label {
        font-size: 12px;
        margin-right: 20px
    }

    .pt_account #registerform form.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-radioLabel {
        margin-bottom: 6px;
        width: 100%
    }

    .pt_account #registerform .checkout-mandatory-fields-wrapper {
        width: 91%
    }

    #pwrwritediv #writeReviewLoginContainer .checkout-mandatory-fields-wrapper {
        width: 100%;
        clear: both;
        padding: 10px 0 10px 10px
    }

    #pwrwritediv #writeReviewLoginContainer .section-header {
        padding-left: 0
    }

    .pt_account .checkout-mandatory-fields-wrapper {
        width: 90.2%
    }

    .pt_account .col-2.registration-form-right {
        padding: 0 4px
    }

    .pt_account .col-2 {
        padding: 0 3px
    }

    #loginForm .dwstyle-row.dwstyle-typeText.dwstyle-isRequired span {
        width: 100%
    }

    .pt_account #overlayloginForm .bottom-links {
        width: 55%
    }

    #registerform form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeRadio p.dwstyle-validationError {
        padding-left: 0
    }

    .teaser .img-wrapper .img-container-resize {
        width: 100%
    }

    #loginForm .dwstyle-row.dwstyle-typeText.dwstyle-isRequired span.show-pwd, #loginForm .dwstyle-row.dwstyle-typeText.dwstyle-isRequired span.show-pwd-empty {
        width: auto
    }

    .dwstyle-globalErrorMessage.dwstyle-globalErrorMessage_JS.dwstyle-inactiveAccount_JS {
        width: 90%
    }

    .dwstyle-resendActivationMailSuccess-JS .section-header {
        font-size: 29px
    }

    .multiple-error-wrapper.error-style {
        width: 90.5%
    }

    form.dwstyle-form .dwstyle-buttonHolder .dwstyle-floatbox {
        float: right;
        width: 250px
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    #pwrwritediv #writeReviewLoginContainer form.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-radioLabel {
        width: 189px
    }

    .pt_account #loginForm form.dwstyle-form.dwstyle-registerForm_JS .dwstyle-row.dwstyle-socialLogin {
        right: 40px
    }

    form.dwstyle-form .dwstyle-row.dwstyle-socialLogin a.social-icon-img {
        padding-bottom: 40px
    }

    .pt_account .checkout-mandatory-fields-wrapper, .pt_account .dwstyle-registerForm_JS .checkout-mandatory-fields-wrapper {
        width: 90.2%
    }

    #overlayloginForm form.dwstyle-form .dwstyle-row.dwstyle-typeText input {
        width: 278px
    }

    .pt_account .login-overlay-container .col-2 {
        padding-left: 32px
    }

    .pt_account #overlayloginForm .checkout-mandatory-fields-wrapper {
        width: 82.3%
    }

    #overlayRegisterform form.dwstyle-form .dwstyle-row.dwstyle-typeText input {
        width: 295px
    }

    .pt_account.registration-overlay-container .col-2.registration-form-right {
        padding-left: 14px
    }

    .registration-overlay-container .col-1 form.dwstyle-form .dwstyle-buttonHolder .dwstyle-buttonMain {
        right: 38px
    }

    .pt_account.registration-overlay-container form.dwstyle-form .dwstyle-row.dwstyle-socialLogin {
        right: -21px
    }

    #overlayloginForm .dwstyle-row.dwstyle-typeCheckbox > label {
        width: 60%
    }

    .pt_account .col-1 #loginForm form.dwstyle-form .dwstyle-buttonHolder .dwstyle-buttonMain {
        margin-right: 39px
    }

    .pt_account .col-1 #loginForm form.dwstyle-form.dwstyle-registerForm_JS .dwstyle-buttonHolder .dwstyle-buttonMain {
        margin-right: 40px
    }

    .pt_account form.dwstyle-form.dwstyle-registerForm_JS .dwstyle-row.dwstyle-socialLogin {
        margin-right: 0
    }

    .pt_account .col-1 #overlayloginForm form.dwstyle-form .dwstyle-buttonHolder .dwstyle-textlink {
        right: -65px;
        top: -50px
    }

    form.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-radioLabel {
        width: 95px
    }

    form.dwstyle-form.dwstyle-loginForm_JS .dwstyle-row.dwstyle-typeText input, form.dwstyle-form.dwstyle-registerForm_JS .dwstyle-row.dwstyle-typeText input {
        max-width: 315px
    }

    .pt_account .col-1 #loginForm form.dwstyle-form .dwstyle-buttonHolder .dwstyle-textlink {
        top: -43px;
        display: none
    }

    .pt_account .col-1 #loginForm form.dwstyle-form .dwstyle-buttonHolder .dwstyle-textlink.dwstyle-showForgotPasswordArea_JS {
        display: inline;
        top: -42px
    }

    .pt_account .bottom-links {
        top: -160px
    }

    #overlayloginForm .social-login-msg {
        padding-left: 15%;
        width: 56.9%;
        word-break: break-all;
        word-wrap: break-word
    }

    .pt_account .bottom-links {
        width: 55%
    }

    #overlayRegisterform form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeRadio p.dwstyle-validationError, #overlayRegisterform form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeText p.dwstyle-validationError, #overlayloginForm form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeText p.dwstyle-validationError, form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeText p.dwstyle-validationError {
        padding-left: 0
    }

    .col-1 #overlayloginForm form.dwstyle-form .dwstyle-buttonHolder .dwstyle-buttonMain {
        right: 27px
    }

    .pt_account #overlayloginForm .bottom-links {
        top: -144px
    }

    .pt_account #overlayloginForm form.dwstyle-form .dwstyle-row.dwstyle-socialLogin {
        right: 0
    }

    .pt_account .col-1 form.dwstyle-form .dwstyle-buttonHolder .dwstyle-buttonMain {
        margin-right: 7px
    }

    .pt_account.registration-overlay-container .bottom-links {
        top: -138px
    }

    #overlayRegisterform .social-login-msg {
        width: 55.5%
    }

    .pt_account.registration-overlay-container .bottom-links {
        width: 49%
    }

    .pt_account .col-1 #overlayloginForm form.dwstyle-form .dwstyle-buttonHolder .dwstyle-textlink.dwstyle-cancelForgotPasswordForm_JS.dwstyle-hideByStandaloneForm_JS {
        right: 38px;
        top: 20px
    }

    .col-1 #overlayloginForm form.dwstyle-form.dwstyle-forgotPasswordForm_JS .dwstyle-buttonHolder .dwstyle-buttonMain {
        right: 51px
    }

    .pt_account .col-1 #loginForm form.dwstyle-form .dwstyle-buttonHolder .dwstyle-textlink.dwstyle-cancelForgotPasswordForm_JS.dwstyle-hideByStandaloneForm_JS {
        right: 50%;
        top: 19px
    }

    .pt_account #registerform form.dwstyle-form .dwstyle-buttonHolder .dwstyle-buttonMain {
        position: relative;
        right: 25px
    }

    .dwstyle-socialRegisterForm_JS .dwstyle-typeRadio .dwstyle-radioLabel {
        width: 92px !important
    }

    form.dwstyle-form.dwstyle-socialRegisterForm_JS .dwstyle-row.dwstyle-typeText input {
        width: 217px
    }

    #loginForm form.dwstyle-form.dwstyle-socialRegisterForm_JS .dwstyle-row.dwstyle-typeCheckbox label {
        width: 94%
    }

    .pt_account .col-1 #loginForm form.dwstyle-form.dwstyle-forgotPasswordForm_JS .dwstyle-buttonHolder .dwstyle-buttonMain {
        right: 8px
    }

    .dwstyle-forgotPasswordForm_JS .forgot-password-para {
        width: 89.4%
    }

    form.dwstyle-form.dwstyle-forgotPasswordForm_JS .dwstyle-row.dwstyle-typeText input {
        width: 380px
    }

    form.dwstyle-form.dwstyle-registerForm_JS .dwstyle-row.dwstyle-typeCheckbox label span.term-n-cond {
        width: 83%
    }

    .dwstyle-registerForm_JS .social-login-text-wrapper {
        width: 80%
    }

    .dwstyle-registerSuccess_JS .success-button {
        margin-right: 25px
    }

    #pwrwritediv #writeReviewLoginContainer form.dwstyle-form .dwstyle-row.dwstyle-socialLogin {
        right: 0
    }

    .pt_account #registerform form.dwstyle-form .dwstyle-row.dwstyle-socialLogin {
        margin-right: 31px
    }

    form.dwstyle-form.dwstyle-registerForm_JS .dwstyle-row.dwstyle-typeCheckbox span.term-n-cond {
        display: inline-block;
        width: 84%;
        margin-right: 5%
    }

    .dwstyle-registerForm_JS .checkbox-container #AcceptTerms-error.dwstyle-validationError {
        float: left;
        padding-left: 37px
    }

    .pt_account .registration-form-left .bottom-links {
        top: -150px
    }

    .dwstyle-globalErrorMessage a.resend-mail-link, .dwstyle-registerForm_JS .show-pass-conatiner {
        display: inline-block
    }

    .multiple-error-wrapper.error-style {
        width: 90.3%
    }

    form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeRadio p.dwstyle-validationError#Salutation-error {
        padding-left: 0
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .container-fluid{
        width: 768px;
        margin: auto;
    }
}
@media (min-width: 1024px) and (max-width: 1279px) {
    .container-fluid{
        width: 1024px;
        margin: auto;
    }
}
@media (min-width: 1280px) {
    .container-fluid{
        width: 1280px;
        margin: auto;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .pt_account #loginForm form.dwstyle-form .dwstyle-row.dwstyle-typeText input, .pt_account #registerform form.dwstyle-form .dwstyle-row.dwstyle-typeText input {
        width: 415px
    }

    .pt_account .col-1 form.dwstyle-form .dwstyle-buttonHolder .dwstyle-buttonMain, .pt_account form.dwstyle-form .dwstyle-row.dwstyle-socialLogin {
        margin-right: 42px
    }

    #overlayloginForm form.dwstyle-form .dwstyle-row.dwstyle-typeText input {
        width: 340px
    }

    .pt_account .col-1 #overlayloginForm form.dwstyle-form .dwstyle-buttonHolder .dwstyle-buttonMain {
        margin-right: 16px
    }

    .pt_account #overlayloginForm form.dwstyle-form .dwstyle-row.dwstyle-socialLogin {
        right: 30px
    }

    .pt_account #overlayloginForm .checkout-mandatory-fields-wrapper {
        width: 82.3%
    }

    #overlayRegisterform form.dwstyle-form .dwstyle-row.dwstyle-typeText input {
        width: 338px
    }

    .pt_account .col-1 #overlayRegisterform form.dwstyle-form .dwstyle-buttonHolder .dwstyle-buttonMain {
        margin-right: 18px
    }

    .pt_account.registration-overlay-container form.dwstyle-form .dwstyle-row.dwstyle-socialLogin {
        margin-right: 11px
    }

    .pt_account.registration-overlay-container .checkout-mandatory-fields-wrapper {
        width: 82.3%
    }

    .pt_account .col-1 #loginForm form.dwstyle-form .dwstyle-buttonHolder .dwstyle-buttonMain {
        margin-right: 47px
    }

    form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeText p.dwstyle-validationError {
        padding-left: 0 !important
    }

    #overlayRegisterform form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeRadio p.dwstyle-validationError, #overlayRegisterform form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeText p.dwstyle-validationError, #overlayloginForm form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeText p.dwstyle-validationError, #registerform form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeText p.dwstyle-validationError {
        padding-left: 0
    }

    .pt_account .col-1 #loginForm form.dwstyle-form .dwstyle-buttonHolder .dwstyle-textlink.dwstyle-cancelForgotPasswordForm_JS.dwstyle-hideByStandaloneForm_JS {
        right: 111px;
        top: 19px
    }

    .dwstyle-socialRegisterForm_JS .dwstyle-typeRadio .dwstyle-radioLabel {
        width: 92px !important
    }

    .pt_account .col-1 #loginForm form.dwstyle-form.dwstyle-forgotPasswordForm_JS .dwstyle-buttonHolder .dwstyle-textlink.dwstyle-cancelForgotPasswordForm_JS.dwstyle-hideByStandaloneForm_JS {
        right: 47%
    }

    form.dwstyle-form.dwstyle-forgotPasswordForm_JS .dwstyle-row.dwstyle-typeText input {
        width: 380px
    }

    form.dwstyle-form.dwstyle-registerForm_JS .dwstyle-row.dwstyle-typeCheckbox label span.term-n-cond {
        width: 85%
    }

    .dwstyle-registerSuccess_JS .success-button {
        margin-right: 25px
    }

    #pwrwritediv #writeReviewLoginContainer form.dwstyle-form .dwstyle-row.dwstyle-socialLogin {
        right: 0
    }

    form.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-radioLabel {
        width: 95px
    }

    #loginForm form.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-radioLabel {
        width: 100%;
        margin-bottom: 6px
    }

    .dwstyle-registerForm_JS.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-inputHolder {
        margin-left: 0
    }

    form.dwstyle-form.dwstyle-registerForm_JS .dwstyle-row.dwstyle-typeCheckbox span.term-n-cond {
        display: inline-block;
        width: 84%;
        margin-right: 7%
    }

    .dwstyle-registerForm_JS .checkbox-container #AcceptTerms-error.dwstyle-validationError {
        float: left;
        padding-left: 39px
    }

    .logout-success-wrapper .col-sm-4 .teaser.teaser-copy .caption {
        max-width: 73%
    }

    form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeRadio p.dwstyle-validationError#Salutation-error {
        padding-left: 0 !important
    }

    .teaser .img-wrapper .img-container-resize {
        width: 100%;
        height: 100%
    }
}

.article-card .topic {
    overflow: auto;
    white-space: normal
}

.newsletter-success .bootstrap-select.btn-group .dropdown-menu.inner {
    display: block;
    background: 0 0
}

.scpage .quickview .product-set div.quantity label {
    float: left
}

.scpage .ui-dialog .pdp-main .product-set-col-2-box.photo-tin {
    margin: 4% 0 0 10%
}

.scpage .ui-dialog .product-set .availability-block {
    padding-top: 13px;
    color: #999
}

.scpage .ui-dialog .product-set .product-size {
    margin-top: -8%
}

.scpage .ui-dialog .product-set .product-add-to-cart {
    padding-bottom: 21px
}

.scpage .js .ui-dialog-content .pdp-main h1.product-name {
    text-align: center
}

.scpage .quickview .product-set .design-your-tin, .scpage .quickview .product-set .design-your-tin:hover {
    clear: both;
    display: block;
    float: right;
    margin: 3% 0 0;
    text-transform: uppercase;
    font-size: 14px;
    color: #00136f;
    border-color: #00136f;
    background-color: transparent
}

.scpage .ui-dialog .price-standard {
    color: #999;
    text-decoration: line-through;
    font: 400 12px arial;
    clear: both
}

.scpage .ui-dialog .badge {
    margin-left: -20px
}

.scpage .product-set .product-image-container .exclusive {
    padding-left: 0
}

.grid-tile, .no-touch .grid-tile, .no-touch .product-tile, .product-tile {
    cursor: pointer
}


@media screen and (min-width: 1025px) and (max-width: 1279px) {
    #loginForm .dwstyle-row.dwstyle-typeText.dwstyle-isRequired span {
        width: 94px
    }

    .pt_account .col-1 #loginForm form.dwstyle-form .dwstyle-buttonHolder .dwstyle-textlink {
        right: -42px
    }

    .col-1 #loginForm form.dwstyle-form .dwstyle-buttonHolder .dwstyle-buttonMain {
        right: 51px
    }

    .social-login-msg {
        width: 100%
    }

    #registerform form.dwstyle-form .dwstyle-row.dwstyle-typeText span {
        width: 111px
    }

    #registerform form.dwstyle-form .dwstyle-row.dwstyle-typeText input {
        width: 295px
    }

    #registerform .checkbox-container {
        width: 93%
    }

    .pt_account #registerform form.dwstyle-form .dwstyle-buttonHolder .dwstyle-buttonMain {
        position: relative;
        right: 50px
    }

    .pt_account #registerform .checkout-mandatory-fields-wrapper {
        width: 89%
    }

    #registerform form.dwstyle-form .dwstyle-row.dwstyle-typeRadio .dwstyle-radioLabel {
        width: 108px
    }

    .pt_account #loginForm .checkout-mandatory-fields-wrapper {
        width: 89%
    }

    #loginForm form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeText p.dwstyle-validationError {
        padding-left: 99px
    }

    #registerform form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeRadio p.dwstyle-validationError, #registerform form.dwstyle-form .dwstyle-isRequired.dwstyle-validationError.dwstyle-typeText p.dwstyle-validationError {
        padding-left: 114px
    }
}

.address {
    display: inline;
    float: left;
    width: 15%;
    margin: 0 .34910784%;
    margin-left: 12.14910784%;
    min-width: 140px;
    position: relative;
    text-align: left;
    padding-left: 57px
}

.bottom-side {
    background-color: rgba(50,50,50,0.9);
    position: absolute;
    width: 100%;
    bottom: 0
}

.container-footer {
    display: inline;
    float: left;
    width: 99.30178433%;
    margin: 0 .34910784%;
    position: relative;
    padding-bottom: 60px;
    padding-top: 40px
}

.container-footer .email {
    padding-top: 22px
}

footer {
    margin: 0 auto;
    margin-top: 300px;
    max-width: 1280px;
    clear: both;
    position: relative
}
footer ul{
    list-style-type: none;
}

footer li,footer p,footer span,footer a {
    font-family: 'DINPro','Open Sans';
    font-size: 13px;
    letter-spacing: 1.3px;
    color: #d1cfd0;
    text-decoration: none
}

.fallback-font footer li,.fallback-font footer p,.fallback-font footer span,.fallback-font footer a {
    font-family: 'Open Sans';
    letter-spacing: 0
}

footer a:hover {
    text-decoration: underline
}

footer .phone {
    display: inline;
    float: left;
    width: 30%;
    margin: 0 .34910784%;
    margin-left: 10.34910784%;
    text-align: center;
    min-width: 240px;
    padding-left: 95px
}

footer .phone span {
    float: left;
    text-align: left;
    width: 70px
}

footer .phone p {
    text-align: left
}

footer .social {
    display: inline;
    float: left;
    width: 14.30178433%;
    margin: 0 .34910784%;
    margin-left: 8%;
    text-align: center;
    min-width: 190px
}

footer .social p {
    padding-top: 30px
}

footer .address:before {
    background-position: 46px -2px;
    width: 44px;
    height: 60px
}

footer .phone:before {
    background-position: 748px 826px;
    width: 80px;
    height: 55px
}

footer .address:before,footer .phone:before {
    background-image: url("/resrc/images/spritereply.png");
    content: " ";
    position: absolute;
    top: -10px;
    left: 0
}

footer .address,footer .phone,footer .social {
    vertical-align: top;
    display: inline-block;
    position: relative
}

footer .social ul li {
    display: inline-block;
    height: 35px;
    width: 35px
}

footer .social ul li a {
    display: block
}
.sprite-sprite-btn_mouseover,.sprite-sprite-btn,.sprite-sprite-logo,.sprite-sprite-sprechblase,.sprite-sprite-standort_icon,.sprite-sprite-Logo_Retina_kreis,.sprite-sprite-navi_pfeil_links,.sprite-sprite-navi_pfeil,.sprite-sprite-settingsActive,.sprite-sprite-strategyActive,.sprite-sprite-solutionsActive,.sprite-sprite-gridActive,.sprite-sprite-strategy,.sprite-sprite-solutions,.sprite-sprite-settings,.sprite-sprite-grid,.sprite-sprite-xing,.sprite-sprite-facebook,.sprite-sprite-burger_navi,.sprite-sprite-navi_kugeln_inactiv,.sprite-sprite-navi_kugeln,.sprite-sprite-competence_link_activ,.sprite-sprite-competence_link {
    background-image: url('/resrc/images/spritereply.png');
    background-repeat: no-repeat;
    -webkit-background-size: 375px 353px;
    -moz-background-size: 375px 353px;
    background-size: 375px 353px
}
.sprite-sprite-btn_mouseover {
    background-position: -2px -2px;
    width: 324px;
    height: 86px
}

.sprite-sprite-btn {
    background-position: -2px -92px;
    width: 324px;
    height: 86px
}

.sprite-sprite-logo {
    background-position: -40px -182px;
    width: 170px;
    height: 47px
}

.sprite-sprite-sprechblase {
    background-position: -2px -233px;
    width: 80px;
    height: 55px
}

.sprite-sprite-standort_icon {
    background-position: -330px -2px;
    width: 43px;
    height: 60px
}

.sprite-sprite-Logo_Retina_kreis {
    background-position: -2px -292px;
    width: 58px;
    height: 59px
}

.sprite-sprite-navi_pfeil_links {
    background-position: -330px -66px;
    width: 36px;
    height: 56px
}

.sprite-sprite-navi_pfeil {
    background-position: -330px -126px;
    width: 36px;
    height: 56px
}

.sprite-sprite-settingsActive {
    background-position: -216px -182px;
    width: 45px;
    height: 45px
}

.sprite-sprite-strategyActive {
    background-position: -265px -182px;
    width: 44px;
    height: 45px
}

.sprite-sprite-solutionsActive {
    background-position: -86px -233px;
    width: 44px;
    height: 44px
}

.sprite-sprite-gridActive {
    background-position: -64px -292px;
    width: 44px;
    height: 44px
}

.sprite-sprite-strategy {
    background-position: -330px -185px;
    width: 42px;
    height: 42px
}

.sprite-sprite-solutions {
    background-position: -330px -231px;
    width: 42px;
    height: 42px
}

.sprite-sprite-settings {
    background-position: -134px -233px;
    width: 42px;
    height: 42px
}

.sprite-sprite-grid {
    background-position: -180px -233px;
    width: 42px;
    height: 42px
}

.sprite-sprite-xing {
    background-position: -226px -233px;
    width: 33px;
    height: 33px
}

.sprite-sprite-facebook {
    background-position: -263px -233px;
    width: 33px;
    height: 33px
}

.sprite-sprite-burger_navi {
    background-position: -112px -292px;
    width: 33px;
    height: 30px
}

.sprite-sprite-navi_kugeln_inactiv {
    background-position: -300px -233px;
    width: 19px;
    height: 19px
}

.sprite-sprite-navi_kugeln {
    background-position: -149px -292px;
    width: 19px;
    height: 19px
}

.sprite-sprite-competence_link_activ {
    background-position: -172px -292px;
    width: 17px;
    height: 17px
}

.sprite-sprite-competence_link {
    background-position: -193px -292px;
    width: 17px;
    height: 17px
}
h1{
    font-family: 'DINPro-Light','Open Sans';
    font-size: 42px;
}