@font-face {
  font-family: 'NiveaLight';
  src: url(../fonts/All/nivea_light-webfont.eot);
  src: url(../fonts/All/nivea_light-webfont.eot?#iefix) format('embedded-opentype'),
       url(../fonts/All/nivea_light-webfont.woff) format('woff'),
       url(../fonts/All/nivea_light-webfont.ttf) format('truetype'),
       url(../fonts/All/nivea_light-webfont.svg#webfont) format('svg');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'NiveaBook';
  src: url(../fonts/All/nivea_book-webfont.eot);
  src: url(../fonts/All/nivea_book-webfont.eot?#iefix) format('embedded-opentype'),
       url(../fonts/All/nivea_book-webfont.woff) format('woff'),
       url(../fonts/All/nivea_book-webfont.ttf) format('truetype'),
       url(../fonts/All/nivea_book-webfont.svg#webfont) format('svg');
  font-weight: 300;
  font-style: normal;
}

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

@font-face {
  font-family: 'NiveaBold';
  src: url(../fonts/All/nivea_boldtext-webfont.eot);
  src: url(../fonts/All/nivea_boldtext-webfont.eot?#iefix) format('embedded-opentype'),
       url(../fonts/All/nivea_boldtext-webfont.woff) format('woff'),
       url(../fonts/All/nivea_boldtext-webfont.ttf) format('truetype'),
       url(../fonts/All/nivea_boldtext-webfont.svg#webfont) format('svg');
  font-weight: 700;
  font-style: normal;
}
/*
YUI 3.6.0 (build 5521)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
.lt-ie8 input,.lt-ie8 textarea,.lt-ie8 select{font-size:100%}
legend{color:#000}

/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;}
.lt-ie8 audio,.lt-ie8 canvas,.lt-ie8 video {display:inline;zoom:1;}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
.ie-6 code,.ie-6 kbd,.ie-6 pre,.ie-6 samp{font-family:'courier new',monospace;}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:10px 0}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;}
.lt-ie8 legend{margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;}
.lt-ie8 button,.lt-ie8 input,.lt-ie8 select,.lt-ie8 textarea{vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-moz-appearance:button;-webkit-appearance:button;cursor:pointer;}
.lt-ie8 button,html.lt-ie8 input[type="button"],.lt-ie8 input[type="reset"],.lt-ie8 input[type="submit"]{overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
.lt-ie8 input[type="checkbox"],.lt-ie8 input[type="radio"]{height:13px;width:13px}
input[type="search"]{-moz-appearance:textfield;-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0;}


/* clearfix */

.cf:after{display: block;visibility: hidden;clear: both;height: 0;line-height: 0;font-size: 0;content: ".";}.cf{display: inline-block;}* html .cf{ height: 1%; }.cf{ display: block; }

.clr {clear: both;}

.fl {
  float: left;
}

.fr {
  float: right;
}

/* Placeholder Text Colour */
::-webkit-input-placeholder {
    color: #bababa;
}
:-moz-placeholder {
    color: #bababa;
}

/* Text Select Colour */
::-moz-selection {
  background-color: #003566;
  color: #fff;
}

::selection {
  background-color: #003566;
  color: #fff;
}

a {
  color: #5d5d5d;
  cursor: pointer;
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: underline;
}

a:focus,
a:active,
input:focus {
  outline: none;
}

figure img {
  display: block;
}.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}/* and now children if you are sitting comfortably lets begin */

html {
  background:#e9e9e9;
  color:#000;
}

body {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -ms-text-size-adjust: none;
  /*background-image: -webkit-repeating-linear-gradient(43deg, rgba(255,255,255,0), rgba(255,255,255,0) 150px, rgba(0,0,0,0.1) 491px, rgba(255,255,255,0) 820px);
  background-image: -moz-repeating-linear-gradient(43deg, rgba(255,255,255,0), rgba(255,255,255,0) 150px, rgba(0,0,0,0.1) 491px, rgba(255,255,255,0) 820px);
  background-image: -ms-repeating-linear-gradient(43deg, rgba(255,255,255,0), rgba(255,255,255,0) 150px, rgba(0,0,0,0.1) 491px, rgba(255,255,255,0) 820px);
  background-image: -o-repeating-linear-gradient(43deg, rgba(255,255,255,0), rgba(255,255,255,0) 150px, rgba(0,0,0,0.1) 491px, rgba(255,255,255,0) 820px);
  background-image: repeating-linear-gradient(43deg, rgba(255,255,255,0), rgba(255,255,255,0) 150px, rgba(0,0,0,0.1) 491px, rgba(255,255,255,0) 820px);*/
  color: #5d5d5d;
  cursor: default;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 62.5%;
  font-weight: 400;
  min-width: 980px;
}

body,
.gradient-bg {
  background-image: url(../images/bg/gradient-horizontal.jpg);
}

.mobile-only {
    display: none;
}

.desktop-only {
  display: block;
}

/* Grid */

.container,
.container-desktop-only {
  margin: 0 auto;
  width: 980px;
}

.page-content {
  margin-bottom: 30px;
  margin-top: 30px;
}

.home-page-content {
  margin-bottom: 20px;
}

.box-1 {
	width: 235px;
}

.box-2 {
	width: 480px;
}

.box-3 {
	width: 725px;
}

.box-4 {
	width: 970px;
}

.box-1,
.box-2,
.box-3,
.box-4 {
  margin: 0 5px;
}

.box-1 .box-1,
.box-2 .box-1,
.box-3 .box-1,
.box-3 .box-2,
.box-4 .box-1,
.box-4 .box-2,
.box-4 .box-3 {
  margin: 0;
}

.left-spacing {
  padding-left: 30px;
}

.page-section {
  margin-bottom: 60px;
  margin-top: 60px;
}

.page-element-container .page-section {
  margin-bottom: 30px;
  margin-top: 30px;
}

.page-element-container .page-section.last {
  margin-bottom: 60px;
}

.mobile-detect {
  width: 0;
}

.gray-border-top {
  border-top: 10px solid #d8d8d8;
  border-top-color: rgba(0,0,0,0.1);
}

.gray-border-btm {
  border-bottom: 7px solid #d8d8d8;
  border-bottom-color: rgba(0,0,0,0.1);
}

.inset-box-shadow {
  -webkit-box-shadow: inset 0 10px 0 rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 10px 0 rgba(0,0,0,0.1);
  -ms-box-shadow: inset 0 10px 0 rgba(0,0,0,0.1);
  -o-box-shadow: inset 0 10px 0 rgba(0,0,0,0.1);
  box-shadow: inset 0 10px 0 rgba(0,0,0,0.1);
}


/* colours */

.nB {
  background-color: #003566;
}

.wB {
  background-color: #fff;
}

.gB {
  background-image: url(../images/bg/main.gif);
}
/* fonts */

h1,
h2,
h3 {
  text-transform: uppercase;
}

h4 {
  line-height: 18px;
  font-family: 'NiveaBold';
  font-weight: 700;
  text-transform: uppercase;
}

h5 {
  font-family: 'NiveaMedium';
  font-weight: 400;
  line-height: 16px;
  margin: 30px 0;
  text-transform: uppercase;
}

p {
  line-height: 23px;
  margin: 26px 0;
}.fixed-nav {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11;
}

.sub-nav-container {
  border-bottom: 1px #d2d2d2 solid;
}

.sub-nav {
  margin: 0 auto;
  display: table;
}

.lt-ie8 .sub-nav {
  display: block;
  text-align: center;
}

.sub-nav li {
  display: table-cell;
  height: 60px;
  vertical-align: middle;
}

.lt-ie8 .sub-nav li {
  display: inline;
  height: 40px;
  padding-top: 20px;
  zoom: 1;
}

.sub-nav li a {
  border-right: 1px #eaeaea solid;
  color: #32363a;
  display: block;
  font-weight: bold;
  padding: 0 20px 0 19px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.sub-nav .active {
  position: relative;
}

.sub-nav .active:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #003566;
  bottom: -9px;
  content: '';
  display: block;
  left: 50%;
  margin-left: -5px;
  height: 0;
  position: absolute;
  width: 0;
  z-index: 1;
}

.lt-ie8 .sub-nav li a {
  display: inline;
  zoom: 1;
}

.sub-nav .last a {
  border: 0;
}

.sub-nav li a:hover,
.sub-nav li a:focus {
  color: #003566;
  text-decoration: underline;
}

.sub-nav li .active,
.sub-nav li .active:hover {
  color: #003566;
  text-decoration: none;
}

/* breadcrumb */

.breadcrumb li {
  color: #32363a;
  line-height: 60px;
  height: 60px;
  font-weight: bold;
  padding-left: 12px;
  text-align: center;
}

.breadcrumb .first {
  padding-left: 0;
}

.breadcrumb li a {
  border-right: 2px #eaeaea solid;
  color: #979797;
  padding-right: 12px;
}

/* product navs */

.product-type-container {
  background: #eaeaea;
}

.product-type-container .product-type-nav {
  margin: 0;
  text-align: center;
}

.product-type-nav li {
  padding: 16px 0 18px;
  display: inline-block;
}

.lt-ie8 .product-type-nav li {
  display: inline;
  zoom: 1;
}

.product-type-nav a {
  border-right: 1px solid #d2d2d2;
  color: #4e545a;
  display: inline-block;
  font-weight: bold;
  padding: 0 28px;
  text-align: center;
}

.product-type-nav .active {
  color: #003566;
  text-decoration: none;
}

.lt-ie8 .product-type-nav a {
  display: inline;
  zoom: 1;
}

.product-type-nav .last a,
.product-type-nav li:last-child a {
  border: 0;
}/* links */

.blue-cta {
  background-color: #003566;
  color: #fff;
  display: inline-block;
  font-family: 'NiveaBook';
  font-weight: 300;
  min-width: 96px;
  padding: 0 12px;
  text-transform: uppercase;
  text-align: center;
}

.lt-ie8 .blue-cta {
  display: inline;
  zoom: 1;
}

.blue-cta:hover,
.blue-cta:focus,
.blue-cta:active {
  background-color: #05437a;
  text-decoration: none;
}

.buy-now-cta {
  line-height: 13px;
  padding-top: 13px;
  padding-bottom: 12px;
}

.write-review-cta {
  line-height: 12px;
  padding-top: 9px;
  padding-bottom: 8px;
}

.product-reviews .write-review-cta {
  margin-top: 15px;
}

.scroll-down {
  background: url(../images/icon/scroll-down.png) right center no-repeat;
  cursor: pointer;
  padding: 2px 25px 2px 0;
}
/* forms */

label {
  margin: 10px 0;
}

input[type=text],
input[type=email],
input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: 1px solid #d8d8d8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  height: 28px;
  padding: 0 5px;
  margin: 10px 0;
}

textarea {
  background: #fff;
  border: 1px solid #d8d8d8;
}

input+span {
  display: inline-block;
  font-style: italic;
  margin-top: -5px;
}

.lt-ie8 input+span {
  display: inline;
  zoom: 1;
}

button {
  background: #013969;
  border: none;
  color: #fff;
  display: inline-block;
  font-family: 'NiveaMedium';
  font-weight: 400;
  margin: 10px 0;
  line-height: 11px;
  padding: 10px 10px 9px;
  text-transform: uppercase;
}

.lt-ie8 button {
  display: inline;
  margin-top: 12px;
  padding: 3px 10px 10px;
  zoom: 1;
}

button:hover,
button:focus,
button:active {
  background: #05437a;
}

/* site core */

.scfSectionBorderAsFieldSet {
  border: 0;
  margin: 0;
  padding: 0;
}

.scfSectionLegend {
  display: block;
  font-size: 0;
  height: 0;
  position: relative;
  overflow: hidden;
  left: -9999em;
  width: 0;
}

.scfValidationSummary {
  margin-right: 21px;
}

.scfValidationSummary ul {
  color: #ff0000;
}

.scfValidationSummary li {
  margin: 5px 0;
}

/* common */

.scfSingleLineTextBorder,
.scfMultipleLineTextBorder,
.scfEmailBorder,
.scfTelephoneBorder,
.scfDropListBorder,
.scfCheckboxBorder,
.scfSubmitButtonBorder,
.scfRadioButtonListBorder,
.scfSmsTelephoneBorder,
.scfDateSelectorBorder,
.scfShortDate  {
  margin: 30px 0;
  padding-left: 136px;
  position: relative;
}

.scfDropListBorder {
  margin: 20px 0;
}

.scfSingleLineTextLabel,
.scfMultipleLineTextLabel,
.scfEmailLabel,
.scfTelephoneLabel,
.scfDropListLabel,
.scfRadioButtonListLabel,
.scfSmsTelephoneLabel,
.scfDateSelectorLabel {
  display: block;
  left: 0;
  position: absolute;
  top: 2px;
  width: 136px;
}

/* input type="text" */

input.scfSingleLineTextBox,
input.scfEmailTextBox,
input.scfSmsTelephoneTextBox,
input.scfTelephoneTextBox {
  border-color: #cccccc;
  height: 42px;
  margin: 0;
  padding: 0 15px;
  width: 538px;
}

/* textarea */

textarea.scfMultipleLineTextBox {
  border: 1px solid #cccccc;
  margin: 0;
  min-height: 112px;
  padding: 5px 15px;
  resize: vertical;
  width: 538px;
}

/* checkbox */

.scfCheckbox input[type="checkbox"] {
  margin-top: 2px;
  float: left;
}

.scfCheckbox label {
  padding-left: 25px;
  display: block;
}

/* radio */

.scfRadioButton label {
  margin-left: 10px
}

.scfRadioButtonListBorder .scfRadioButton {
  margin: 5px 0;
}

/* date select */

.scfDateSelectorShortLabelYear,
.scfDateSelectorShortLabelMonth,
.scfDateSelectorShortLabelDay {
  display: none;
  position: relative;
  font-size: 0;
  top: -9999em;
  text-indent: -9999em;
}

/* select */

.scfDropList {
  border-color: #cccccc;
  height: 42px;
  padding: 0 15px;
  width: 538px;
}

/* select - DropKick */

.dk_container {
  background: #fff;
  display: none;
  float: left;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
  .dk_container:focus {
    outline: 0;
  }
  .dk_container a {
    cursor: pointer;
    outline: 0;
    text-decoration: none;
  }

.dk_toggle {
  background-image: url(../images/sprite/dropdown.png);
  background-repeat: no-repeat;
  background-position: 99% 0;
  border: 1px solid #ccc;
  display: -moz-inline-stack;
  display: inline-block;
  position: relative;
  color: #333;
  padding: 13px 15px 12px;
  min-width: 50px;
}

.lt-ie8 .dk_toggle {
  display: inline;
  zoom: 1;
}
  .dk_toggle:hover {
    border-color: #8c8c8c;
  }

  .dk_focus .dk_toggle {
    border-color: #40b5e2;
  }
  .dk_focus .dk_toggle {

  }

.dk_open {
  position: relative;
  z-index: 10;
}
  .dk_open .dk_toggle {
    background-position: 99% 100%;
    border-color: #8c8c8c;
    color: #ccc;
  }

  .dk_open .dk_options {
    display: block;
  }
  .dk_open .dk_label {
    color: inherit;
  }

.dk_options {
  display: none;
  margin-top: -1px;
  position: absolute;
  right: 0px;
  width: 100%;
}
  .dk_options a {
    background: #fff;
    border-bottom: 1px solid #ccc;
    padding: 8px 15px;
  }
  .dk_options li:last-child a {
    border-bottom: none;
  }
  .dk_options a:hover,
  .dk_option_current a {
    background: #003566;
    border-color: #005095;
    color: #fff;
    text-decoration: none;
  }

  .dk_options a,
  .dk_options a:link,
  .dk_options a:visited {
    display: block;
  }

.dk_options_inner {
  border: 1px solid #ccc;
  color: #000;
  max-height: 250px;
  margin: 1px 0 0;
  overflow: auto;
  position: relative;
}

.dk_options_inner,
.dk_touch .dk_options {
  max-height: 250px;
}

.dk_touch .dk_options {
  overflow: hidden;
}

.dk_touch .dk_options_inner {
  max-height: none;
  overflow: visible;
}

.dk_fouc select {
  position: relative;
  top: -99999em;
  visibility: hidden;
}

/* submit */

.scfSubmitButtonBorder input {
  background-color: #003566;
  border: 0;
  color: #fff;
  display: inline-block;
  font-family: 'NiveaBook';
  font-weight: 300;
  height: 40px;
  padding: 0 30px;
  text-transform: uppercase;
  text-align: center;
}

.lt-ie8 .scfSubmitButtonBorder input {
  display: inline;
  zoom: 1;
}

.scfSubmitButtonBorder input:hover,
.scfSubmitButtonBorder input:focus,
.scfSubmitButtonBorder input:active {
  background-color: #05437a;
  text-decoration: none;
}

/* validation */

.scfValidator {
  display: block;
  color: #ff0000;
  padding: 6px 15px 0;
}

/* icon */

.icon {
  direction: ltr;
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.icon-facebook,
.icon-youtube,
.icon-twitter {
  -webkit-background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  -ms-background-size: 30px 30px;
  -o-background-size: 30px 30px;
  background-size: 30px 30px;
  height: 30px;
  width: 30px;
}

.icon-facebook {
  background: url(../images/icon/social/facebook.png);
}
.icon-twitter {
  background: url(../images/icon/social/twitter.png);
}
.icon-youtube {
  background: url(../images/icon/social/youtube.png);
}

.icon-search {
  background: url(../images/icon/search.png);
  -webkit-background-size: 12px 11px;
  -moz-background-size: 12px 11px;
  -ms-background-size: 12px 11px;
  -o-background-size: 12px 11px;
  background-size: 12px 11px;
  height: 11px;
  width: 12px;
}

.lt-ie8 .icon-search {
  display: block;
}

.icon-flag {
  background: no-repeat 50%;
  -webkit-background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  -ms-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  background-size: 16px 16px;
  margin-right: 10px;
  height: 16px;
  width: 16px;
}

.icon-speech-bubble {
  background: url(../images/icon/speech-bubble.png);
  -webkit-background-size: 35px 32px;
  -moz-background-size: 35px 32px;
  -ms-background-size: 35px 32px;
  -o-background-size: 35px 32px;
  background-size: 35px 32px;
  height: 32px;
  width: 35px;
}

.icon-menu {
  background: url(../images/icon/menu.png);
  -webkit-background-size: 26px 17px;
  -moz-background-size: 26px 17px;
  -ms-background-size: 26px 17px;
  -o-background-size: 26px 17px;
  background-size: 26px 17px;
  height: 17px;
  width: 26px;
}

.icon-form-search {
  background: url(../images/icon/lrg-search.png);
  -webkit-background-size: 27px 27px;
  -moz-background-size: 27px 27px;
  -ms-background-size: 27px 27px;
  -o-background-size: 27px 27px;
  background-size: 27px 27px;
  height: 27px;
  width: 27px;
}

.icon-inline-search {
  background: url(../images/icon/m-search.png);
  -webkit-background-size: 18px 18px;
  -moz-background-size: 18px 18px;
  -ms-background-size: 18px 18px;
  background-size: 18px 18px;
  height: 18px;
  width: 18px;
}

/* logo */

.nivea-men {
  background: url(../images/logo/nivea-men-2016.png);
  -webkit-background-size: 100px 100px;
  -moz-background-size: 100px 100px;
  -ms-background-size: 100px 100px;
  -o-background-size: 100px 100px;
  background-size: 100px 100px;
  direction: ltr;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  height: 100px;
  width: 100px;
  white-space: nowrap;
}

.lt-ie7 .nivea-men {
  background-image: url(../images/logo/ie6-nivea-men-2016.gif);
}

.beiersdorf {
  background: url(../images/logo/beiersdorf.png);
  -webkit-background-size: 208px 69px;
  -moz-background-size: 208px 69px;
  -ms-background-size: 208px 69px;
  -o-background-size: 208px 69px;
  background-size: 208px 69px;
  direction: ltr;
  height: 69px;
  overflow: hidden;
  text-indent: 100%;
  width: 208px;
  white-space: nowrap;
}
/* site-header */

.site-header {
  background: #013968;
  color: #fff;
  padding: 26px 0;
}

.site-header a {
  color: #fff;
}

.site-header .box-1 {
  padding-left: 14px;
  width: 225px;
}

.site-header .nivea-men {
  margin-right: 15px;
}

.site-header .tagline {
  font-family: 'NiveaBook';
  font-weight: 300;
  line-height: 22px;
  padding: 31px 0 27px;
  text-transform: uppercase;
}

.site-header .tagline a:hover {
  text-decoration: none;
}

.site-header .primary-nav {
  clear: right;
  font-family: 'NiveaBold';
  font-weight: 700;
  line-height: 18px;
  margin: 26px 0 0 0;
  text-transform: uppercase;
}

.lt-ie8 .site-header .primary-nav {
  clear: both;
  display: inline;
  float: none;
  margin-top: -58px;
  zoom: 1;
}

.lt-ie8 .site-header .primary-nav ul {
  float: right;
}

.site-header .primary-nav li {
  float: left;
  margin-right: 34px;
}

.site-header .extra-link li {
  margin-right: 22px;
}

.site-header .primary-nav .active {
  color: #d4d4d4;
}

.site-header .primary-nav .last,
.site-header .extra-link .last {
  margin-right: 0;
}

.locale-select {
  display: inline-block;
  margin-top: -1px;
  line-height: 12px;
}

.locale-select:after {
  content: '';
  display: inline-block;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #fff;
  height: 0;
  margin: 0 0 0 5px;
  position: relative;
  top: -2px;
  width: 0;
}

.lt-ie8 .locale-select {
  display: inline;
  padding-left: 22px;
  position: relative;
}

.site-header .locale-select .icon-flag {
  margin-bottom: -3px;
  margin-top: -2px;
}

.lt-ie8 .locale-select .icon-flag {
  left: 0;
  margin: 0;
  position: absolute;
  top: -3px;
}

.site-header .secondary-nav {
  line-height: 12px;
  margin: 5px 0 0 0;
}

.site-header .secondary-nav li {
  float: left;
  margin-right: 20px;
}

.site-header .secondary-nav .last {
  margin-right: 0;
}

.site-header .primary-nav ul,
.site-header .secondary-nav ul {
  margin: 0;
}


/* logo */

.site-header .nivea-men {
  display: none;
}

.site-header .animated-logo {
  background: url(../images/logo/animated/surround-2016.png) no-repeat;
  -webkit-background-size: 100px 100px;
  -moz-background-size: 100px 100px;
  -ms-background-size: 100px 100px;
  background-size: 100px 100px;
  cursor: pointer;
  height: 90px;
  margin-right: 15px;
  padding: 5px;
  position: relative;
  width: 90px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.site-header .animated-logo .button {
  background: url(../images/logo/animated/logo-2016.png) no-repeat;
  -webkit-background-size: 90px 90px;
  -moz-background-size: 90px 90px;
  -ms-background-size: 90px 90px;
  background-size: 90px 90px;
  direction: ltr;
  height: 90px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 90px;
}

.site-header .animated-logo .vignette {
  background: -moz-radial-gradient(center, ellipse cover, rgba(33,127,207,0.0) 59%, rgba(5,32,72,0.15) 60%, rgba(5,32,72,0.5) 62%, rgba(5,32,72,1) 66%, rgba(255,255,255,1) 70%, rgba(236,248,255,1) 72%, rgba(237,248,249,1) 74%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(59%,rgba(5,32,72,0.0)), color-stop(60%,rgba(5,32,72,0.15)), color-stop(62%,rgba(5,32,72,0.5)), color-stop(66%,rgba(5,32,72,1))), color-stop(70%,rgba(255,255,255,1)), color-stop(72%,rgba(236,248,255,1)), color-stop(74%,rgba(237,248,249,1)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(33,127,207,0.0) 59%, rgba(5,32,72,0.15) 60%, rgba(5,32,72,0.5) 62%, rgba(5,32,72,1) 66%, rgba(255,255,255,1) 70%, rgba(236,248,255,1) 72%, rgba(237,248,249,1) 74%);
  background: -o-radial-gradient(center, ellipse cover, rgba(33,127,207,0.0) 60%, rgba(5,32,72,0.15) 62%, rgba(5,32,72,0.5) 64%, rgba(5,32,72,1) 66%, rgba(255,255,255,1) 70%, rgba(236,248,255,1) 72%, rgba(237,248,249,1) 74%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(33,127,207,0.0) 59%, rgba(5,32,72,0.15) 60%, rgba(5,32,72,0.5) 62%, rgba(5,32,72,1) 66%, rgba(255,255,255,1) 70%, rgba(236,248,255,1) 72%, rgba(237,248,249,1) 74%);
  background: radial-gradient(ellipse at center, rgba(33,127,207,0.0) 59%, rgba(5,32,72,0.15) 60%, rgba(5,32,72,0.5) 62%, rgba(5,32,72,1) 66%, rgba(255,255,255,1) 70%, rgba(236,248,255,1) 72%, rgba(237,248,249,1) 74%);
  width: 92px;
  height: 92px;
  position: absolute;
  top: 4px;
  left: 4px;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  border-radius: 45px;
  -moz-background-clip:padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  opacity: 0;
  z-index: 1;
}
/* Page stuff */

.page-title,
.page-sub-title {
  font-weight: 700;
  line-height:  42px;
  font-family: 'NiveaBold';
}

.page-sub-title {
  color: #003566;
  line-height: 24px;
}

.masthead {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.page-masthead .site-header {
  background: url(../images/bg/header-gradient.png) repeat-x;
}

.masthead .site-header {
  background: url(../images/bg/header-gradient.png) repeat-x;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.masthead .message {
  bottom: 20px;
  color: #fff;
  width: 700px;
  padding: 18px 50px 29px 50px;
  position: absolute;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 3;
}

.masthead .message:hover {
  text-decoration: none;
}

.masthead .message a {
  color: #fff;
}

.lt-ie9 .masthead .message {
  background: #003566;
}

.masthead .message-right {
  background-position: top right;
  background-image: url(../images/bg/message-right.png);
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.66, rgb(0,53,102)),
    color-stop(1,  rgba(0,53,102,0.6))
  );
  background-image: -webkit-linear-gradient(left, rgb(0,53,102) 66%, rgba(0,53,102,0.6) 100%);
  background-image: -moz-linear-gradient(left, rgb(0,53,102) 66%, rgba(0,53,102,0.6) 100%);
  background-image: -ms-linear-gradient(left, rgb(0,53,102) 66%, rgba(0,53,102,0.6) 100%);
  background-image: -o-linear-gradient(left, rgb(0,53,102) 66%, rgba(0,53,102,0.6) 100%);
  background-image: linear-gradient(left, rgb(0,53,102) 66%, rgba(0,53,102,0.6) 100%);
  left: 230px;
  margin-left: -105px;
}

.masthead .message-left {
  background-position: top left;
  background-image: url(../images/bg/message-left.png);
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, rgba(0,53,102,0.6)),
    color-stop(0.34, rgb(0,53,102))
  );
  background-image: -webkit-linear-gradient(left, rgba(0,53,102,0.6) 0%, rgb(0,53,102) 34%);
  background-image: -moz-linear-gradient(left, rgba(0,53,102,0.6) 0%, rgb(0,53,102) 34%);
  background-image: -ms-linear-gradient(left, rgba(0,53,102,0.6) 0%, rgb(0,53,102) 34%);
  background-image: -o-linear-gradient(left, rgba(0,53,102,0.6) 0%, rgb(0,53,102) 34%);
  background-image: linear-gradient(left, rgba(0,53,102,0.6) 0%, rgb(0,53,102) 34%);
  left: -50px;
  margin-left: 105px;
}

.masthead .message .title {
  background-image: url(../images/bg/transparent.gif);
  line-height: 42px;
  font-family: 'NiveaBold';
  font-weight: 700;
  margin-bottom: 22px;
  text-transform: uppercase;
}

.masthead .message .large-font .title {
  line-height: 74px;
}

.masthead .message .caption {
  font-weight: 700;
  line-height: 18px;
  margin: 0;
  width: 417px
}

.masthead .message .cta {
  bottom: 29px;
  display: block;
  line-height: 16px;
  font-family: 'NiveaBold';
  position: absolute;
  right: 50px;
  text-transform: uppercase;
}

.masthead .message .cta:hover {
  text-decoration: underline;
}

/* parallax */

.masthead .parallax {
  background-color: #013968;
  margin: 0 auto;
  min-width: 980px;
  width: 100%;
  height: 570px;
  overflow: hidden;
  position: relative;
}

.masthead .parallax .bg {
  width: 100%;
  overflow: hidden;
}

.masthead .parallax .bg img {
  display: block;
  left: 50%;
  position: relative;
}

.masthead .carousel-nav .lrg-circle {
  display: none;
}

.parallax .mood {
  background-position: center top;
  height: 570px;
  min-width: 980px;
  position: absolute;
  width: 100%;
/*  z-index: -1;*/
  overflow: hidden;
}

.parallax .active-panel {
  /*z-index: 1;*/
}

.parallax .container {
  position: relative;
  height: 570px;
}

.parallax .key-product {
  display: block;
  position: absolute;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 1;
}

.masthead .lrg-circle {
  left: 50%;
}

.masthead .prev {
  margin-left: -470px;
}

.masthead .next {
  margin-left: 394px;
}

.masthead .parallax-item {
  position: absolute;
}

.js .move-me {
  display: block;
  position: absolute;
  left: -400%;
}

.masthead .loader {
  color: #fff;
  margin: -40px 0 0 -70px;
  text-align: center;
  height: 80px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 150px;
  z-index: 1;
}
/* site footer */
.site-footer {
  background: #fff;
  color: #727272;
  padding: 56px 0;
  position: relative;
}

.lt-ie8 .site-footer {
  margin-bottom: -13px;
}

.site-footer:before {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  top: -8px;
  content: '';
  display: block;
  margin-left: -8px;
  left: 50%;
  height: 0;
  position: absolute;
  width: 0;
  z-index: 1;
}

.site-footer a {
  color: #727272;
}

.site-footer .site-footer-nav {
  margin-top: 30px;
  text-transform: uppercase;
}

.site-footer .site-footer-nav li {
  float: left;
  margin: 0 12px 5px 0;
  line-height: 13px;
}

.site-footer .site-footer-nav .desktop-only {
  display: block;
}

.site-footer .site-footer-nav .mobile-only {
  display: none;
}

.site-footer .site-footer-nav li:last-child {
  margin-right: 0;
}

.site-footer .link-corporate {
  margin-top: 38px;
  line-height: 13px;
}

.site-footer small a {
  color: #003566;
  text-transform: none;
}

.site-footer .form-subscribe {
  width: 350px;
}

.form-subscribe label {
  font-family: 'NiveaMedium';
  font-weight: 400;
  line-height: 16px;
  text-transform: uppercase;
}

.form-subscribe input {
  width: 240px;
}

.follow-us {
  width: 250px;
}

.follow-us h5 {
  margin: 0 0 10px;
}

.follow-us li {
  float: left;
  margin-right: 10px;
}

.follow-us a {
  display: inline-block;
}

.lt-ie8 .follow-us a {
  display: block;
}

/* SocialPush */

.social-push {
  -webkit-background-size: 35px 32px;
  -moz-background-size: 35px 32px;
  -ms-background-size: 35px 32px;
  -o-background-size: 35px 32px;
  background-size: 35px 32px;
  color: #fff;
  margin: 0 auto;
  min-height: 169px;
  padding: 34px 0;
  position: relative;
  width: 778px;
}

.social-push a {
  color: #fff;
}

.social-push .loader {
  color: #fff;
  margin: -40px 0 0 -70px;
  text-align: center;
  height: 80px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 150px;
  z-index: 1;
}

.social-push .account-link {
  display: block;
  text-decoration: none;
}

.social-push h4 {
  margin: 0 0 20px;
  text-align: center;
}

.social-push p {
  margin: 20px 0;
}

.social-push .meta {
  font: italic 14px Arial, Helvetica, sans-serif;
}

.social-push .tweet {
  text-align: center;
}

.social-push .carousel-nav .arrow {
  color: #fff;
  cursor: pointer;
  direction: ltr;
  display: inline-block;
  height: 14px;
  margin-top: -7px;
  position: absolute;
  top: 50%;
  text-align: center;
  font-family: 'NiveaBook';
  text-decoration: none;
}

.social-push .prev {
  left: -55px;
  line-height: 14px;
}

.social-push .next {
  right: -55px;
  line-height: 14px;
}

.social-push .tweet p {
  font-family: 'NiveaBook';
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 12px;
}

.social-push .facebook {
  padding-left: 40px;
}

.social-push .facebook img {
  display: block;
}

.social-push .facebook p {
  font-family: 'NiveaBook';
  font-weight: 300;
  text-align: justify;
  margin: 0 0 10px;
  padding-left: 198px;
  width: 494px;
}

.lt-ie8 .social-push .facebook p {
  padding-left: 10px;
}

.social-push .facebook .meta {
  padding-left: 198px;
}

.social-push .youtube {
  padding: 0 88px;
}

.social-push .youtube img {
    display: block;
    position: absolute; /* NM-908 */
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: auto;
}

.social-push .youtube-container {
  margin: 0 -10px 0 0;
}

.social-push .youtube .youtube-video {
  margin-right: 10px;
  text-align: center;
  width: 194px;
}

.social-push .youtube h6 {
  font: 13px/normal Arial, Helvetica, sans-serif;
  margin: 3px 0 0;
  padding: 0 10px;
}

.social-push .youtube .view-count {
  font-style: italic;
}

.social-push .youtube .thumb {
  border-bottom: 7px solid #00305c;
  display: block;
  height: 108px;
  position: relative;
  width: 194px;
  overflow: hidden;
}

.social-push .youtube .thumb:after {
  background: url(../images/icon/play.png) no-repeat center center;
  content: '';
  display: block;
  height: 48px;
  margin: -24px 0 0 -24px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 48px;
}
/* carousel */

.carousel-nav .circle,
.carousel-nav .lrg-circle  {
  display: block;
  position: absolute;
  overflow: hidden;
  text-align: center;
  top: 50%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-select: none;
  z-index: 4;
}

.carousel-nav .circle {
  background: url(../images/sprite/carousel-circles.png) 0 0 no-repeat;
  background-size: 167px 83px;
  height: 41px;
  margin-top: -20px;
  width: 41px;

}

.carousel-nav .lrg-circle {
  background: url(../images/sprite/carousel-lrg-circles.png) 1000px 1000px no-repeat;
  background-size: 307px 153px;
  height: 77px;
  margin-top: -38px;
  width: 77px;
}

.carousel-nav .arrow {
  display: none;
}

/* circle */

.blue-nav .prev {
  background-position: 0 0;
}

.no-touch .blue-nav .prev:hover {
  background-position: 0 -42px;
}

.blue-nav .next {
  background-position: -42px 0;
}

.no-touch .blue-nav .next:hover {
  background-position: -42px -42px;
}

.white-nav .prev {
  background-position: -84px 0;
}

.no-touch .white-nav .prev:hover {
  background-position: -84px -42px;
}

.white-nav .next {
  background-position: -126px 0;
}

.no-touch .white-nav .next:hover {
  background-position: -126px -42px;
}

/* lrg nav */

.blue-nav .lrg-circle.prev {
  background-position: 0 0;
}

.no-touch .blue-nav .lrg-circle.prev:hover {
  background-position: 0 -77px;
}

.blue-nav .lrg-circle.next {
  background-position: -77px 0;
}

.no-touch .blue-nav .lrg-circle.next:hover {
  background-position: -77px -77px;
}

.white-nav .lrg-circle.prev {
  background-position: -154px 0;
}

.no-touch .white-nav .lrg-circle.prev:hover {
  background-position: -154px -77px;
}

.white-nav .lrg-circle.next {
  background-position: -231px 0;
}

.no-touch .white-nav .lrg-circle.next:hover {
  background-position: -231px -77px;
}


/* loader */

.product-carousel .loader,
.slideshow .loader {
  margin: -40px 0 0 -70px;
  text-align: center;
  height: 80px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 150px;
  z-index: 3;
}

.carousel {
  display: none;
}

.carousel-loaded {
  display: block;
}

/* product carousels */

.product-carousel {
  background: #fff;
  font-family: 'NiveaMedium';
  font-weight: 400;
  line-height: 13px;
  padding: 10px 0 0;
  position: relative;
  text-transform: uppercase;
}

.product-carousel:hover {
  border-bottom-color: #003566;
}


.lt-ie8 .product-carousel {
  line-height: 15px;
}

.product-carousel .text {
  display: table;
  height: 40px;
  margin: 0 auto;
}

.lt-ie8 .product-carousel .text {
  display: block;
  height: 32px;
  padding-top: 8px;
  text-align: center;
}

.product-carousel .text span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.lt-ie8 .product-carousel .text span {
  display: inline;
  zoom: 1;
}

.product-carousel .text .arrow {
  font-style: normal;
}

.product-carousel .title {
  color: #003566;
  font-family: 'NiveaBold';
  font-weight: 700;
  line-height: 30px;
  height: 100px;
  width: 320px;
}

.lt-ie8 .product-carousel .title  {
  line-height: 50px;
  height: 100px;
  padding-top: 10px;
}

.product-carousel .content {
  overflow: hidden;
}

.product-carousel .content .carousel,
.product-carousel .content {
  height: 370px;
}

.product-carousel .content .carousel[style*="visibility"] {
  height: auto;
}

.product-carousel .carousel-nav .prev {
  left: 20px;
}

.product-carousel .carousel-nav .next {
  right: 20px;
}

.product-carousel .carousel {
  width: auto;
}

.product-carousel .carousel li {
  width: 100%;
}

.product-carousel .carousel li a {
  display: block;
  height: 100%;
  line-height: 370px;
  text-align: center;
}

.product-carousel .carousel li img {
  max-height: 288px;
  max-width: 280px;
  vertical-align: middle;
}

.product-collection-carousel .description {
  display: none;
}

.full-height {
  background: url(../images/bg/product-box.jpg) 0 0 no-repeat;
  height: 523px;
  padding-top: 0;
}

.full-height .content .carousel,
.full-height .content {
  height: 523px;
}

.full-height .content .carousel[style*="visibility"] {
  height: auto;
}

.full-height .carousel li a {
  line-height: 523px;
}

.full-height .carousel li img {
  max-height: 443px;
  margin: 40px auto;
}
/* product landings */

.product-category {
  line-height: 24px;
  margin-bottom: 20px;
}

.product-category .title {
  color: #003566;
  font-family: 'NiveaBold';
  font-weight: 700;
}

.product-category .sort ul {
  display: inline-block;
  margin: 0;
}

.lt-ie8 .product-category .sort ul {
  display: inline;
  zoom: 1;
}

.product-type-container {
  overflow: hidden;
}

.product-category .sort li {
  border-right: 1px solid #b7b7b7;
  display: inline;
}

.product-category .sort .last {
  border: 0;
}

.product-category .sort a {
  color: #727272;
  padding: 0 8px;
}

.product-category .last a {
  padding-right: 0;
}

.product-category .sort .active {
  color: #003566;
  text-decoration: none;
}

/* product list */
.list-products-outer {
  left: -30px;
  padding: 10px 30px 17px 30px;
  position: relative;
  overflow: hidden;
  top: -10px;
  width: 980px;
}

.touch .list-products-outer {
  left: auto;
  padding: 10px 0 17px;
}

.no-js .list-products-no-js,
.js .list-products-js {
  display: block;
}

.no-js .list-products-js,
.js .list-products-no-js,
.js .list-products-js .list-products {
    display: none;
}

.js .product-category {
  opacity: 0;
}

.list-products-js {
  position: relative;
  min-height: 400px;
}

.list-products-js .loader {
  margin: -40px 0 0 -70px;
  text-align: center;
  height: 80px;
  left: 50%;
  position: absolute;
  top: 180px;
  width: 140px;
  z-index: 3;
}

.product-item a {
  background: #f6f6f6;
  -webkit-backround-clip: padding;
  background-clip: padding-box;
  display: block;
  padding: 32px 0 0;
  overflow:hidden;
  position: relative;
  text-align: center;
  text-decoration: none;
}

.product-item a:hover {
  border-bottom-color: #003566;
}

.list-products .product-item-hover {
  z-index: 10;
}

.list-products .product-item-hover a {
  background: #003566;
  background: -moz-radial-gradient(center, ellipse cover,  #335d85 0%, #003566 55%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#335d85), color-stop(55%,#003566));
  background: -webkit-radial-gradient(center, ellipse cover,  #335d85 0%,#003566 55%);
  background: -o-radial-gradient(center, ellipse cover,  #335d85 0%,#003566 55%);
  background: -ms-radial-gradient(center, ellipse cover,  #335d85 0%,#003566 55%);
  background: radial-gradient(ellipse at center,  #335d85 0%,#003566 55%);
  border-bottom-color: #003566;
  border-bottom-color: rgba(0,0,0,0.1);
}

.list-products .product-item-hover .name {
  color: #fff;
}

.list-products .product-item-hover .product-item-content {
  position: relative;
  top: 100px;
}

.list-products .product-item-hover .product-rating {
  background: none;
  padding-left: 30px;
  text-align: left;
}

.list-products .product-item-hover .rating {
  background-position: 100% 100%;
  vertical-align: top;
}

.lt-ie8 .product-item .rating {
  display: block;
  margin-top: 8px;
}

.lt-ie8 .list-products .product-item-hover .rating {
  margin-top: 0;
}

.list-products .description,
.product-item .buy-now-cta,
.list-products .product-item-hover .short-description {
  display: none;
}

.list-products .product-item-hover .description {
  display: block;
  padding: 0 30px;
}

.list-products .product-item-hover .name {
  margin-top: 24px;
}

.list-products .product-item-hover .buy-now-cta {
  background: none;
  color: #fff;
  cursor: pointer;
  display: block;
  float: right;
  font-family: 'NiveaBold';
  margin-top: -13px;
  padding: 13px 30px 0 0;
  text-transform: uppercase;
}

.list-products .product-item-hover .buy-now-cta:hover {
  background: none;
}

.list-products .product-item-hover .buy-now-cta:hover span {
  border-bottom: 1px solid #fff;
  display: block;
}

.lt-ie8 .list-products .product-item-hover .buy-now-cta {
  margin-top: -20px;
}

.lt-ie8 .list-products .product-item-hover .buy-now-cta span {
  line-height: normal;
}

.list-products .product-item {
  margin-bottom: 10px;
  position: relative;
}

.product-collection-carousel .product-item a {
  background: #fdfdfd;
  background-image: -webkit-gradient(radial, center center, 0, center center, 141, from(rgba(253,253,253,0.5)), to(rgba(234,235,234,0.5))); /* old WebKit Syntax */
  background-image: -webkit-radial-gradient(center center, circle, rgba(253,253,253,0.5) 0%, rgba(234,235,234,0.5) 100%); /* New WebKit syntax */
  background-image: -moz-radial-gradient(center center, circle, rgba(253,253,253,0.5) 0%, rgba(234,235,234,0.5) 100%);
  background-image: -ms-radial-gradient(center center, circle, rgba(253,253,253,0.5) 0%, rgba(234,235,234,0.5) 100%); /* IE10+ */
  background-image: -o-radial-gradient(center center, circle, rgba(253,253,253,0.5) 0%, rgba(234,235,234,0.5) 100%); /* Opera (13?) */
  background-image: radial-gradient(center center, circle, rgba(253,253,253,0.5) 0%, rgba(234,235,234,0.5) 100%);
}

.product-collection-carousel .product-item a:hover {
  border-color: #003566;
}

.lt-ie9 .masonry-loaded .product-item a:hover {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003566', endColorstr='#3e668a',GradientType=1 );
}

.product-item img {
  margin: 0 auto;
}

.product-collection-carousel .product-item .product-item-image {
  height: 225px;
  line-height: 225px;
}

.product-collection-carousel .product-item img {
  display: inline-block;
  max-height: 225px;
  max-width: 112px;
  vertical-align: middle;
}

.lt-ie8 .product-collection-carousel .product-item img {
  display: inline;
  zoom: 1;
}

.lt-ie8 .product-collection-carousel .rating {
  display: block;
}

.product-item .new-product-icon {
    background: #003566;
    color: #fff;
    display: block;
    font-family: 'NiveaMedium';
    font-weight: 700;
    left: 10px;
    line-height: 9px;
    padding: 4px 6px;
    position: absolute;
    text-transform: uppercase;
    top: 10px;
}

.list-products .product-item-hover .new-product-icon {
  background: #fff;
  color: #003566;
}

.product-item .name {
  color: #727272;
  font-family: 'NiveaBold', Arial, Helvetica, sans-serif;
  line-height: 16px;
  margin: 32px 0 7px;
  text-transform: uppercase;
  padding: 0 14px;
}

.product-item .rule{
  background: #a7a7a7;
  display: block;
  margin: 5px auto;
  height: 1px;
  width: 58px;
}

.product-item .product-rating {
  background: #fff;
  line-height: 28px;
  height: 30px;
}

.product-item .short-description {
  line-height: 18px;
  margin: 5px auto 8px;
  padding: 0 14px;
  text-transform: uppercase;
}

.product-collection-carousel .short-description {
  font-style: italic;
}

.product-item .description {
  color: #fff;
  margin: 5px auto 8px;
  line-height: 16px;
  text-align: left;
}

.product-item .product-date,
.product-item .product-order {
  display: none;
}
/* rating */

.rating {
  background-position: 0 0;
  display: inline-block;
  height: 13px;
  text-indent: -9999em;
  width: 80px;
  vertical-align: middle;
}

.lt-ie8 .rating {
  display: inline;
  zoom: 1;
}

.rating-1 {
  background-image: url(../images/icon/rating/gray/1.png);
}

.rating-2 {
  background-image: url(../images/icon/rating/gray/2.png);
}

.rating-3 {
  background-image: url(../images/icon/rating/gray/3.png);
}

.rating-4 {
  background-image: url(../images/icon/rating/gray/4.png);
}

.rating-5 {
  background-image: url(../images/icon/rating/gray/5.png);
}

.lrg-rating {
  background: url(../images/icon/rating/sprite/large.png) no-repeat 0 0;
  background-position: 0 0;
  display: inline-block;
  height: 17px;
  text-indent: -9999em;
  width: 111px;
  vertical-align: top;
}

.lt-ie8 .lrg-rating {
  display: inline;
  zoom: 1;
}

.lrg-rating-2 {
  background-position: 0 -18px;
}

.lrg-rating-3 {
  background-position: 0 -36px;
}

.lrg-rating-4 {
  background-position: 0 -54px;
}

.lrg-rating-5 {
  background-position: 0 -72px;
}
/* product detail */

.product-detail {
  margin-top: 42px;
}
.product-detail .product-image {
  background: #fff;
  height: 435px;
  padding: 50px 0;
}

.product-image img {
  display: block;
  margin: 0 auto;
  max-height: 435px;
  max-width: 340px;
}

.product-description .name {
  color: #003566;
  font-family: 'NiveaBold';
  font-weight: 700;
  line-height: 48px;
  padding-top: 50px;
}

.product-description .large-font .name {
  line-height: 58px;
}

.product-description .description {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 200;
  line-height: 34px;
  padding-right: 60px;
}

.product-description .large-font .description {
  line-height: 38px;
}

.product-description .product-meta {
  line-height: 21px;
  height: 21px;
  margin-bottom: 60px;
  vertical-align: middle;
}

.product-description .product-meta .product-rating,
.product-description .product-meta .product-meta-review {
  margin-right: 26px;
}

.lt-ie8 .product-description .product-meta .lrg-rating {
  display: block;
}

.product-meta iframe {
  display: block;
}

.product-detail .section-heading,
.product-detail .sub-section-heading {
  color: #003566;
  font-family: 'NiveaBold';
  font-weight: 700;
}

.product-knowledge .section-title {
  font-family: 'NiveaMedium';
  font-weight: 400;
  margin-bottom: 25px;
}

.product-knowledge .teaser {
  margin-bottom: 0;
}

.product-detail .product-description {
  margin-bottom: 26px;
}

.product-detail .product-related {
  margin-bottom: 60px;
}

.product-detail .product-award-logo{
    position:absolute;
    margin-top:-10px;
    right:489px;
}

.product-detail .product-award-logo img{
width:114px;
height:114px;
}

.product-overview p {
  margin: 16px 0 21px;
}

.product-overview img{
  margin-top:16px;
}


.product-related p {
  margin: 16px 0 25px;
}

.product-detail .product-overview ul {
  margin: 19px 0;
  padding-left: 16px;
}

.product-detail .product-overview li {
  list-style: disc;
  line-height: 16px;
  margin: 15px 0;
}

.product-collection-carousel {
  position: relative;
}

.product-collection-carousel .carousel,
.product-collection-carousel {
  height: 370px;
}

.product-collection-carousel .carousel[style*="visibility"] {
  height: auto;
}

.product-collection-carousel .loader {
  margin: -40px 0 0 -70px;
  text-align: center;
  height: 80px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 140px;
  z-index: 3;
}

.product-collection-carousel .prev {
  left: 30px;
}

.product-collection-carousel .next {
  right: 30px;
}

.product-collection-carousel .product-item .name {
  min-height: 55px;
  margin-bottom: 0;
}

.product-reviews {
  background: #dee1e3;
  padding: 45px 0 60px;
}

.product-reviews .title {
  margin-bottom: 10px;
  font-family: 'NiveaBold';
  font-weight: 700;
}

.product-reviews .product-rating .rating {
  vertical-align: top;
}

.lt-ie8 .product-reviews .product-rating .rating {
  display: block;
  float: left;
  margin-right: 3px;
}

.product-reviews .more-reviews {
  color: #5d5d5d;
  display: inline-block;
  margin-top: 20px;
}

.lt-ie8 .product-review .more-reviews {
  display: inline;
  zoom: 1;
}

.product-review {
  margin-top: 40px;
}

.product-review .description {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
}

.product-review .review-meta {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 200;
}

.review-meta .rating {
  margin-right: 3px;
}

.product-review .form-review-helpful {
  border: 1px solid #b8babc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  color: #5d5d5d;
  line-height: 27px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 200;
  margin-top: 24px;
  padding: 2px 4px 0 8px;
}

.form-review-helpful .review-helpful-select {
  display: inline-block;
  margin-left: 10px;
  line-height: 28px;
}

.form-review-helpful label {
  background: #b8babc;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: 'NiveaBook';
  font-weight: 300;
  line-height: 22px;
  margin: 0 0 0 1px;
  padding: 0 10px;
  position: relative;
  text-transform: uppercase;
}

.lt-ie8 .form-review-helpful .review-helpful-select,
.lt-ie8 .form-review-helpful label {
  display: inline;
  zoom: 1;
}

.form-review-helpful label input {
  left: -9999em;
  position: absolute;
}/* search forms */

.form-search-page input,
.form-not-found-search input {
  border-right-width: 0;
  height: 42px;
  font-family: 'NiveaBold';
  font-weight: 700;
  margin: 18px 0;
  padding: 0 10px;
  width: 640px;
}

.form-not-found-search input {
  margin: 0;
  width: 442px;
}

.lt-ie9 .form-search-page input,
.lt-ie9 .form-not-found-search input {
  line-height: 42px;
}

.lt-ie8 .form-search-page input {
  width: 635px;
}

.form-not-found-search button,
.form-search-page button {
  height: 44px;
  margin: 18px 0;
  text-align: center;
  padding-top: 10px;
  width: 64px;
}

.form-not-found-search button {
  margin: 0;
  width: 61px;
}

.form-search-page .icon-form-search,
.form-not-found-search .icon-form-search {
  margin: 0 auto;
}

.form-search-page .icon-form-search,
.lt-ie8 .form-search-page .icon-form-search,
.form-not-found-search .icon-form-search,
.lt-ie8 .form-inline-search .icon {
  display: block;
}

.site-header .inline-search {
  display: block;
}

.site-header .inline-search:hover,
.site-header .secondary-nav .inline-search-on {
  background: #003566;
  margin: -13px -13px -11px;
  padding: 10px 10px 7px;
  position: relative;
  z-index: 2;
}

.lt-ie8 .site-header .inline-search:hover,
.lt-ie8 .site-header .secondary-nav .inline-search-on {
  margin-bottom: -13px;
}

.site-header .inline-search:hover .icon,
.site-header .secondary-nav .inline-search-on .icon {
  background: url(../images/icon/m-search.png);
  -webkit-background-size: 18px 18px;
  -moz-background-size: 18px 18px;
  -ms-background-size: 18px 18px;
  background-size: 18px 18px;
  height: 18px;
  width: 18px;
}

.lt-ie8 .site-header {
  overflow: hidden;
}

.lt-ie8 .site-header .inline-search:hover,
.lt-ie8 .site-header .secondary-nav .inline-search-on {
  width: 100%;
}

.form-inline-search {
  display: none;
  position: absolute;
  top: 0px;
  right: -9999em;
  width: 329px;
}

.inline-search-on .form-inline-search {
  display: block;
  right: 0;
}

.form-inline-search input {
  margin: 0;
  height: 34px;
  padding: 0 12px;
  width: 265px;
}

.lt-ie9 .form-inline-search input {
  height: 14px;
  padding: 10px 12px;
}

.form-inline-search button {
  line-height: normal;
  height: 36px;
  width: 38px;
  margin: 0;
  padding: 10px 10px 7px;
}

.show-inline-form button {
  position: relative;
  z-index: 1;
}
/*.form-search-page button span {
  vertical-align: middle;
}*/

.search-results .title {
  border-bottom-width: 10px;
  color: #003566;
  line-height: 30px;
  height: 30px;
  margin-top: 28px;
  font-family: 'NiveaBold';
  font-weight: 700;
}

.list-search-results {
  margin: 0 auto 30px;
}

.list-search-results .result {
  border-bottom: 1px solid #d8d8d8;
  border-color: rgba(0,0,0,0.1);
  min-height: 127px;
  padding: 30px 245px 30px 170px;
  position: relative;
}

.list-search-results .last {
  border: 0;
}

.search-results .result-title {
  line-height: 26px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-transform: none;
}

.list-search-results .result-image {
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 1;
}

.result-image img {
  height: 127px;
  width: 140px;
}

.search-results p {
  margin: 8px 0 10px;
}

.list-result-tags {
  margin: 0;
}

.list-result-tags li {
  border-right: 1px solid #999999;
  margin: 0 6px 0 0;
  padding-right: 6px;
}

.list-result-tags .last {
  border-right: 0;
}

.list-result-tags a {
  color: #003566;
}/* site information */

.bg-wall {
  background: url(../images/bg/site-information.jpg) 50% 0 no-repeat;
  padding-top: 37px;
}

.site-information-header {
  background: url(../images/bg/site-information-header.jpg) 0 0 no-repeat;
  display: table;
  height: 260px;
  margin-bottom: 35px;
  position: relative;
}


.lt-ie8 .site-information-header {
  display: block;
  height: 180px;
  padding-top: 80px;
  text-align: center;
}

.site-information-header span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.lt-ie8 .site-information-header span {
  display: inline;
}

.site-information-header .page-title {
  border-bottom: 5px solid #fff;
  border-top: 5px solid #fff;
  color: #fff;
  display: inline-block;
  max-width: 770px;
  padding: 30px 0 40px;
}

.site-information .large-font .page-title {
  line-height: 60px;
}

.site-information-header span.mobile-only {
  display: none;
}

.lt-ie8 .site-information-header .page-title {
  display: inline;
  line-height: normal;
  padding: 0 0 8px;
  zoom: 1;
}

.lt-ie8 .site-information-header .large-font .page-title {
  line-height: normal;
  padding: 0 0 10px;
}

.site-information .intro {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 200;
  line-height: 36px;
  margin: 35px 0 40px;
}

.site-information .intro:first-child,
.site-information .intro:first-child.mobile-only + .intro {
  margin-top: 0;
}

.site-information .intro a {
  color: #003566;
}

.site-information .text-box .intro:first-child {
  margin-top: 20px;
}

.site-information .gray-border-top > .intro:first-child {
  margin-top: 35px;
}

.site-information .text-box.box-3 p {
  max-width: 456px;
}

.site-information-details {
  margin-bottom: 30px;
  margin-top: 30px;
}

.site-information p {
  background-image: url(../images/bg/transparent.gif);
  background-repeat: repeat;
}

.site-information .section-title {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-transform: none;
}

.list-site-information li {
  line-height: 23px;
}

.list-site-information .has-icon {
  padding-left: 32px;
}

.list-site-information .phone {
  background: url(../images/icon/contact/phone.png) 0 50% no-repeat;
}

.list-site-information .fax {
  background: url(../images/icon/contact/fax.png) 0 50% no-repeat;
}

.list-site-information .website {
  background: url(../images/icon/contact/website.png) 0 50% no-repeat;
}

.list-site-information .email {
  background: url(../images/icon/contact/email.png) 0 50% no-repeat;
}

.list-accordion-categories {
  margin: 0 20px 0 0;
}

.list-accordion-categories li {
  margin-bottom: 10px;
}

.accordion-category-title a {
  background: #003566;
  color: #fff;
  display: block;
  font-family: 'NiveaBold';
  font-weight: 700;
  padding: 6px 60px 7px;
  position: relative;
  text-decoration: none;
}

.accordion-category-title a:hover {
  text-decoration: none;
}

.js .accordion-category-title a {
  background-color: #fff;
  color: #4a4a4a;
}

.js .accordion-category-title a:hover,
.js .accordion-category-title a:focus,
.js .open .accordion-category-title a {
  background: #003566;
  color: #fff;
  text-decoration: none;
}

.accordion-category-title .state {
  background: #003566;
  left: 0;
  height: 42px;
  position: absolute;
  top: 0;
  width: 42px;
}

.accordion-category-title .state .minus,
.accordion-category-title .state .minus-to-plus {
  background: #fff;
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
}

.accordion-category-title .state .minus {
  height: 3px;
  margin: -1px 0 0 -6px;
  width: 13px;
}

.accordion-category-title .state .minus-to-plus {
  height: 13px;
  margin: -6px 0 0 -1px;
  width: 3px;
}

.no-js .accordion-category-title .state .minus,
.no-js .accordion-category-title .state .minus-to-plus,
.js .open .accordion-category-title .minus-to-plus,
.js .accordion-hide {
  display: none;
}

.list-category-questions {
  background: #fff;
  margin: 0;
  padding: 0 60px;
}

.js .list-category-questions {
  display: none;
}

.list-category-questions li {
  border-bottom: 1px solid #cfcfcf;
  margin-bottom: 0;
  padding: 30px 0 1px;
}

.list-category-questions li:last-child {
  border-bottom: 0;
}

.list-category-questions .question {
  font-style: italic;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-transform: none;
}

.list-category-questions a {
  color: #003566;
}

.list-category-questions a span {
  font-family: 'NiveaBold';
  font-weight: 700;
}
/* highlight page */

.top-wall-image {
  padding-top: 30px;
}

.no-js .top-wall-image,
.show-wall-image {
  background: url(../images/bg/page-wall.jpg) no-repeat center top;
}

.highlight-parallax .parallax,
.highlight-parallax .parallax .container,
.highlight-parallax .mood {
  height: 800px;
}

.highlight-parallax .message {
  background-position: top left;
  background-image: url(../images/bg/message-left.png);
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, rgba(0,53,102,0.6)),
    color-stop(0.34, rgb(0,53,102))
  );
  background-image: -webkit-linear-gradient(left, rgba(0,53,102,0.6) 0%, rgb(0,53,102) 34%);
  background-image: -moz-linear-gradient(left, rgba(0,53,102,0.6) 0%, rgb(0,53,102) 34%);
  background-image: -ms-linear-gradient(left, rgba(0,53,102,0.6) 0%, rgb(0,53,102) 34%);
  background-image: -o-linear-gradient(left, rgba(0,53,102,0.6) 0%, rgb(0,53,102) 34%);
  background-image: linear-gradient(left, rgba(0,53,102,0.6) 0%, rgb(0,53,102) 34%);
  bottom: 78px;
  color: #fff;
  max-width: 675px;
  padding: 18px 50px 29px 50px;
  position: absolute;
  left: -50px;
  z-index: 3;
}

.highlight-parallax .message .large-font .title {
  line-height: 62px;
}

.highlight-parallax .message .cta {
  display: inline;
  position: static;
}

.js .move-me {
  display: block;
  position: absolute;
  left: -400%;
}

.list-social {
  margin: 0;
}

.list-social li {
  min-width: 86px;
  margin-right: 10px;
}

.list-social li iframe,
.list-social li a {
  display: block;
}

.campaign-title {
  color: #003566;
  margin: 47px 0 20px;
}

.large-font .campaign-title {
  line-height: 62px;
}

.highlight .page-section.first {
  margin-top: 20px;
}

.highlight-frame {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin-bottom: 60px;
}

.highlight-teasers {
  margin-bottom: 55px;
}
/* Grooming guide */

.js .container-grooming-guide {
  visibility: hidden;
}

.grooming-guides-sub-nav {
  margin: 0 auto;
  width: 480px;
}

.promo-grooming-guide {
  margin-bottom: 10px;
  position: relative;
}

.promo-grooming-guide .details {
  background: #003566;
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 25px 40px 20px;
  position: absolute;
  width: 440px;
  z-index: 2;
}


.item-grooming-guide .excerpt {
    display: block;
}

.promo-grooming-guide .excerpt,
.promo-grooming-guide .list-social {
  display: none;
}

.promo-grooming-guide img {
  display: block;
  margin: 0 auto;
  height: 524px;
  width: 970px;
}

.promo-grooming-guide .time {
  line-height: 14px;
  font-family: 'NiveaBold';
  font-weight: 700;
  text-transform: uppercase;
}

.promo-grooming-guide .title {
  line-height: 36px;
  font-weight: 700;
  margin-bottom: 15px;
}

.promo-grooming-guide .large-font .title {
  line-height: 55px;
}

.promo-grooming-guide .title,
.promo-grooming-guide a {
  color: #fff;
  font-family: 'NiveaBold';
  text-transform: uppercase;
}

.promo-grooming-guide .title a {
  text-decoration: none;
}

.list-grooming-guides {
  margin: 0 0 60px;
}

.list-grooming-guides li {
    position: relative;
}

.list-grooming-guides .list-social {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 3;
}

.item-grooming-guide {
  margin-bottom: 10px;
  position: relative;
}

.item-grooming-guide img {
  height: 440px;
  width: 100%;
}

.item-grooming-guide .details {
  background: #003566;
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 25px 30px 45px;
  position: absolute;
  width: 315px;
  z-index: 2;
}

.item-grooming-guide .title {
  font-family: 'NiveaBold';
  font-weight: 700;
  line-height: 30px;
}

.item-grooming-guide .excerpt,
.item-grooming-guide .read-more {
  line-height: 18px;
  margin: 12px 0 0;
}


.item-grooming-guide .read-more {
  color: #fff;
  display: block;
  margin: 0 0 17px 0;
}

.promo-grooming-guide .read-more:hover,
.item-grooming-guide .read-more:hover  {
    text-decoration: underline;
}

.item-grooming-guide a span {
  font-family: 'NiveaBold';
}

/* single guide */

.grooming-guide-header {
  margin-bottom: 60px;
  position: relative;
}

.grooming-guide-header .page-title {
  margin-bottom: 25px;
}

.grooming-guide-header .large-font .page-title {
  line-height: 62px;
}

.grooming-guide-header .message {

  background-position: top left;
  background-image: url(../images/bg/message-left.png);
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, rgba(0,53,102,0.6)),
    color-stop(0.34, rgb(0,53,102))
  );
  background-image: -webkit-linear-gradient(left, rgba(0,53,102,0.6) 0%, rgb(0,53,102) 34%);
  background-image: -moz-linear-gradient(left, rgba(0,53,102,0.6) 0%, rgb(0,53,102) 34%);
  background-image: -ms-linear-gradient(left, rgba(0,53,102,0.6) 0%, rgb(0,53,102) 34%);
  background-image: -o-linear-gradient(left, rgba(0,53,102,0.6) 0%, rgb(0,53,102) 34%);
  background-image: linear-gradient(left, rgba(0,53,102,0.6) 0%, rgb(0,53,102) 34%);

  bottom: 20px;
  color: #fff;
  left: -50px;
  max-width: 700px;
  padding: 18px 50px 29px 50px;
  position: absolute;
  z-index: 3;
}

.rule-84 {
  background: #013969;
  display: block;
  margin: 0 auto;
  height: 3px;
  width: 84px;
}

/* tabbed */

.tabbed {
  background: #f9f9f9;
}

.tabbed ol {
  margin: 0;
}

.tabbed li {
  border-bottom: 1px solid #e3e3e3;
  position: relative;
}

.tabbed li a {
  color: #32363a;
  display: block;
  font-family: 'NiveaBold';
  font-weight: 700;
  line-height: 18px;
  padding: 20px 25px 20px 25px;
  text-decoration: none;
  text-transform: uppercase;
}

.desktop-only .tabbed li a {
    width: 180px;
}

.tabbed li a:hover,
.tabbed li a:focus {
  color: #0c2c59;
}

.tabbed li .selected {
  background: #fff;
  color: #0c2c59;
}

.tabbed li .selected:after {
  color: #0c2c59;
  content: '>';
  display: block;
  font-family: 'NiveaBold';
  font-weight: 700;
  position: absolute;
  top: 20px;
  right: 10px;
  z-index: 2;
}

.tabbed .title {
  color: #0c2c59;
  font-family: 'NiveaBold';
  font-weight: 700;
  margin: 0 0 25px;
  padding-top: 20px;
}

.tabbed .tab-content {
  background: #fff;
  padding: 0 50px 0 29px;
  width: 656px;
}

.tab-content p {
  line-height: 26px;
}

.tabbed .hide {
  display: none;
}

/* intro quote */

.quote {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 200;
  line-height: 36px;
  margin: 30px 0;
  text-align: center;
}

.quote p {
  margin: 0;
  line-height: 36px;
  padding: 0 55px;
}

/* slideshow */

.slideshow {
  position: relative;
}

.slideshow:hover {
  border-bottom-color: #003566;
}

.slideshow .content .carousel,
.slideshow .content {
  height: 523px;
}

.slideshow .content .carousel[style*="visibility"] {
  height: auto;
}

.slideshow .carousel-nav .prev {
  left: 20px;
}

.slideshow .carousel-nav .next {
  right: 20px;
}

.slideshow .carousel li {
  width: 100%;
}

.slideshow .carousel img {
  display: block;
  height: 523px;
  max-width: 100%;
}

.slideshow .slide {
  display: block;
  position: relative;
}

.slideshow .text {
  bottom: 30px;
  color: #fff;
  left: 0;
  line-height: 18px;
  right: 0;
  padding: 0 30px;
  position: absolute;
  text-align: center;
  z-index: 1;
}

/* text box */

.text-box .title {
  color: #003566;
  line-height: 36px;
  font-family: 'NiveaBold';
  font-weight: 700;
  margin: 0 0 25px;
}

.text-box .intro {
  line-height: 36px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 200;
  margin: 25px 0;
}

.text-box p:first-of-type,
.text-box .intro:first-of-type {
  margin-top: 0;
}

.text-box p {
  line-height: 26px;
}

.text-box p:last-of-type,
.text-box .intro:last-of-type {
  margin-bottom: 0;
}

/* infographic boxes */

.infographic .title {
  color: #003566;
  line-height: 36px;
  font-family: 'NiveaBold';
  font-weight: 700;
  margin: 0 0 25px;
  text-transform: uppercase;
}

.infographic.box-4 .title {
  text-align: center;
}

.align-center img {
  margin: 0 auto;
}

.infographic-highlight {
  background: #fdfdfd;
  background-image: -webkit-gradient(radial, center center, 0, center center, 141, from(rgba(253,253,253,0.5)), to(rgba(234,235,234,0.5))); /* old WebKit Syntax */
  background-image: -webkit-radial-gradient(center center, circle, rgba(253,253,253,0.5) 0%, rgba(234,235,234,0.5) 100%); /* New WebKit syntax */
  background-image: -moz-radial-gradient(center center, circle, rgba(253,253,253,0.5) 0%, rgba(234,235,234,0.5) 100%);
  background-image: -ms-radial-gradient(center center, circle, rgba(253,253,253,0.5) 0%, rgba(234,235,234,0.5) 100%); /* IE10+ */
  background-image: -o-radial-gradient(center center, circle, rgba(253,253,253,0.5) 0%, rgba(234,235,234,0.5) 100%); /* Opera (13?) */
  background-image: radial-gradient(center center, circle, rgba(253,253,253,0.5) 0%, rgba(234,235,234,0.5) 100%);
  text-align: center;
  padding: 25px 0;
}

.infographic-highlight .title:after {
  background: #003566;
  content: '';
  display: block;
  height: 3px;
  margin: 15px auto 25px;
  width: 86px;
}

/* teaser boxes */

.teaser {
  background: #fff;
  line-height: 13px;
  font-family: 'NiveaMedium';
  font-weight: 400;
  text-transform: uppercase;
}

.lt-ie8 .teaser {
  line-height: 15px;
}

.teaser:hover {
  border-color: #003566;
}

.teaser a,
.teaser img {
  display: block;
}

.teaser a:hover {
  text-decoration: none;
}

.teaser img {
  max-width: 100%;
}

.teaser .content {
  height: 213px;
}

.teaser .text {
  display: table;
  height: 40px;
  margin: 0 auto;
}

.lt-ie8 .teaser .text {
  display: block;
  height: 35px;
  padding-top: 5px;
  text-align: center;
}

.teaser .text span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.lt-ie8 .teaser .text span {
  display: inline;
  zoom: 1;
}

.teaser .text .arrow {
  font-style: normal;
}

.box-1.teaser {
  height: 253px;
  margin-bottom: 10px;
}

.box-1.teaser .content {
  width: 235px;
}

.box-1.teaser .text {
  width: 140px;
}

.box-2.teaser .text {
  width: 210px;
}

.box-2.teaser .content {
  width: 480px;
}

.box-4.teaser .text {
  width: 210px;
}

.box-4.teaser .content {
  width: 970px;
}

.live-text .live-text-figure {
  position: relative;
}

.live-text-figure .live-text-caption {
  color: #fff;
  font-family: 'NiveaBold';
  left: 0;
  line-height: 28px;
  padding: 0 10%;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 80%;
}

.live-text-figure .blue-text {
  color: #013969;
}
/* langauge select */

.country-select {
  background: url(../images/bg/country-select.jpg) top center;
}

.country-select .site-header {
  background: none;
}

.country-select .country-list-container {
  margin-bottom: 100px;
}

.country-select .page-title {
  color: #fff;
  padding-bottom: 45px;
  padding-top: 32px;
}

.region {
  font-weight: bold;
  float: left;
  width: 195px;
}

.large-region {
  width: 385px;
}

.region-header {
  background: #fff;
  border-bottom: 1px solid #d2d2d2;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #32363a;
  height: 50px;
  padding: 29px 0 0 20px;
  text-transform: none;
}

.regional-sites {
  line-height: 19px;
  margin: 0;
  padding: 25px 0 25px 20px;
}

.regional-sites a {
  color: #4e545a;
}

.large-region .regional-sites {
  width: 172px;
}

.language-select {
  background: url(../images/bg/language-select.jpg) top center;
}

.language-select-box {
  margin-bottom: 260px;
  font-weight: 700;
}

.language-select-header {
  background: #fff;
  border-bottom: 1px solid #d2d2d2;
  padding: 30px 10px 28px;
  text-align: center;
}

.language-list-container {
  padding: 13px 16px;
}

.lt-ie8 .language-list-container {
  padding-bottom: 0;
}

.language-list-container ul {
  margin: -13px -14px 0 0;
}

.lt-ie8 .language-list-container ul {
  margin-top: 0;
  position: relative;
  top: -13px;
  width: 952px;
}

.language-list-container li {
  margin: 13px 14px 0 0;
  width: 462px;
}

.language-list-container a {
  background: #fff;
  color: #4e545a;
  display: block;
  padding: 20px 10px 17px;
  text-align: center;
}

.language-list-container a:hover {
  border-color: #003566;
  text-decoration: none;
}
/* overlay */

.overlay {
  background: rgb(1,57,105) url(../images/bg/transparent.gif);
  background-color: rgba(1,57,105, 0.9);
  left: 0;
  position: fixed;
  top: 0;
  z-index: 10;
}

.overlay-content {
  padding-top: 42px;
  position: absolute;
  width: 100%;
  z-index: 11;
}

.overlay-content .site-header {
  background: none;
}

.overlay-content .page-title {
  color: #fff;
  padding-bottom: 45px;
}

.overlay-content .container {
  position: relative;
}

.close {
  background: url(../images/sprite/overlay-close.png) 0 0;
  direction: ltr;
  display: block;
  height: 41px;
  text-indent: -9999em;
  width: 41px;
}

.overlay-content .close {
  position: absolute;
  right: 0;
  top: 20px;
}

.close:hover {
  background-position: 0 100%;
}

.white-close {
  background-position: 100% 0;
}

.white-close:hover {
  background-position: 100% 100%;
}.old-browser {
    background: #f5f5f5 url(../images/bg/old-browser-gradient.gif) top left repeat-x;
}

.old-browser-header {
  background: url(../images/bg/old-browser.jpg) top center no-repeat;
  color: #fff;
  height: 467px;
  padding: 26px 0;
}

.lt-ie7 .old-browser-header {
    border-color: #d8d8d8;
    padding: 0;
}

.minimal-header .nivea-men {
    margin-left: 30px;
    margin-right: 10px;
}

.minimal-header .tagline {
    font-family: 'NiveaBook';
    font-weight: 300;
    line-height: 22px;
    padding: 31px 0 27px;
    text-transform: uppercase;
}

.minimal-footer {
    padding: 21px 0 40px;
}

.minimal-footer .site-footer-nav {
    margin-left: 10px;
}

.minimal-footer .link-corporate {
    margin-right: 10px;
}

.lt-ie7 .minimal-footer .site-footer-nav {
    margin-left: 5px
}

.lt-ie7 .minimal-footer .link-corporate {
    margin-right: 5px;
}


.old-browser-title {
    font-family: 'NiveaBold';
    font-weight: 700;
    margin: 0;
    height: 394px;
    line-height: 70px;
    text-transform: uppercase;
}

.old-browser-title td {
    padding: 0 180px;
    text-align: center;
    vertical-align: middle;
}

.old-browser-border {
    background: #fff;
    height: 5px;
    margin: 0 auto 10px;
    font-size: 0;
    width: 470px;
}

.old-browser-last-border {
    margin: 20px auto 0;
}

.old-browser-intro {
    margin-top: 0;
    padding: 26px 25px 0;
    text-align: center;
}

.old-browser-intro a {
    color: #013969;
}

.browser-select {
    width: 100%;
    margin: 0 0 60px;
}

.browser-select td {
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 25%;
}

.browser-select span {
    font-family: 'NiveaBold';
}

.browser-select a,
.browser-select a:hover {
    text-decoration: none
}
.page-not-found-masthead {
  background: url(../images/bg/404.jpg) top center no-repeat;
  height: 772px;
}

.not-found {
    color: #fff;
    margin: 120px auto 60px;
    text-align: center;
    width: 524px;
}

.not-found .headings {
    border-bottom: 5px solid #fff;
    border-top: 5px solid #fff;
    margin: 60px auto;
    padding: 10px 30px 25px;
}

.not-found .page-title {
    line-height: 90px;
}

.not-found .page-sub-title {
    color: #fff;
    font-family: 'NiveaBold';
    font-weight: 700;
    line-height: 39px;
}

.not-found p {
    margin: 15px 0;
}@media screen and (min-width:  1165px) {
  .masthead .prev {
    margin-left: -575px;
  }

  .masthead .next {
    margin-left: 499px;
  }

  .masthead .message {
    margin-left: 0;
  }

  .product-collection-carousel .prev {
    left: -50px;
  }

  .product-collection-carousel .next {
    right: -50px;
  }

}

@media screen and (min-width: 1366px) {
  .country-select,
  .language-select,
  .highlight-iframe-masthead,
  .page-not-found-masthead {
    background-size: 100% auto;
  }

  .top-wall-image {
    background-size: 100% 460px;
  }

  .bg-wall {
    background-size: 100% 258px;
  }

  .masthead .prev {
    margin-left: 0;
    left: 108px;
  }

  .masthead .next {
    margin-left: 0;
    left: auto;
    right: 108px;
  }
}

.masthead .message .large-font .title {
	font-size: 66px;
}

.grooming-guide-header .large-font .page-title,
.promo-grooming-guide .large-font .title,
.promo-grooming-guide .large-font .title a {
	font-size: 60px
}

.highlight-parallax .message .large-font .title,
.large-font .campaign-title {
	font-size: 58px;
}

.not-found .page-title {
	font-size: 90px;
}

.old-browser-title {
	font-size: 64px;
}

.product-description .large-font .name {
	font-size: 62px;
}

.product-description .name {
	font-size: 48px;
}

.site-information .page-title,
.page-title,
.masthead .message .title,
.grooming-guide-header .page-title { /* long-title */
	font-size: 42px;
}

.promo-grooming-guide .title,
.promo-grooming-guide .title a {
	font-size: 40px; /* long-title */
}

.not-found .page-sub-title,
.product-carousel .title {
	font-size: 36px;
}

.carousel-nav .lrg-circle .arrow {
	font-size: 34px;
}

.infographic .title,
.text-box .title {
	font-size: 32px;
}

.product-description .large-font .description,
.product-reviews .title,
.search-results .title,
.item-grooming-guide .title,
.live-text .live-text-caption {
	font-size: 30px;
}

.blue-nav .arrow,
.white-nav .arrow {
	font-size: 27px;
}

.product-detail .section-heading,
.quote p,
.text-box .intro,
.product-category .title {
	font-size: 24px;
}

.product-description .description,
.social-push .tweet p,
.language-list-container a {
	font-size: 22px;
}

.search-results .result-title,
.site-header .tagline,
.minimal-header .tagline,
.site-information .intro,
.old-browser-intro,
.not-found p {
	font-size: 21px;
}

.site-header .primary-nav,
.form-search-page input,
.tabbed li a,
.tabbed .title,
h4,
.accordion-category-title,
.page-sub-title {
	font-size: 18px;
}

h5,
label,
input,
.region-header,
.masthead .message .cta,
.sub-nav-container,
.product-review .description,
.product-knowledge .section-title,
.highlight-parallax .message .cta,
.promo-grooming-guide .details .read-more,
.language-select-header,
.lt-ie8 .form-not-found-search input,
.text-box p,
.tab-content p {
	font-size: 16px;
}

p,
.product-detail li,
.site-header .extra-link,
.list-site-information li,
.site-information .section-title,
.quote .cite,
.scfForm input,
.scfForm textarea,
.scfForm select,
.scfForm label,
.scfValidationSummary,
.scfRadioButtonListLabel,
.scfDateSelectorLabel,
.scfForm .dk_container,
.slideshow .text {
	font-size: 15px;
}

.masthead .message .caption,
.list-products .product-item-hover .name,
.list-products .product-item-hover .buy-now-cta,
.promo-grooming-guide .time {
	font-size: 14px;
}

.regional-sites,
.site-footer small a,
.product-type-nav,
.product-meta,
.product-reviews .product-rating,
.buy-now-cta,
.product-category .sort {
	font-size: 13px;
}

.teaser,
.social-push .youtube .view-count,
.site-header .secondary-nav,
.social-push .meta time,
.locale-select,
input+span,
.product-carousel,
.product-item .name,
.product-item .description,
.product-review .review-meta,
.form-review-helpful label,
.list-result-tags li,
.item-grooming-guide .details .read-more,
.scfForm input[type="submit"],
.scfValidator,
.browser-select {
	font-size: 12px;
}

.teaser .text .arrow,
.site-footer nav,
.site-footer .link-corporate,
.product-item .short-description,
button,
.product-review .form-review-helpful,
.product-reviews .more-reviews,
.write-review-cta {
	font-size: 11px;
}

.product-item[data-new="true"] a:before,
.product-item .new-product-icon {
	font-size: 9px;
}

/*
VideoJS Default Styles (http://videojs.com)
Version 3.2.0
*/

.video-js {
  background-color: #000; position: relative; padding: 0;
  font-size: 10px;
  vertical-align: middle;
}

.video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video-js:-moz-full-screen { position: absolute; }


body.vjs-full-window {
  padding: 0; margin: 0;
  height: 100%; overflow-y: auto;
}
.video-js.vjs-fullscreen {
  position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; width: 100% !important; height: 100% !important;
  _position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important; height: 100% !important;
}

.vjs-poster {
  margin: 0 auto; padding: 0; cursor: pointer;
  position: relative; width: 100%; max-height: 100%;
}

.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 50px;
  left: 3px;
  right: 3px;
  font-family: Arial, Helvetica, sans-serif;
}

.video-js .vjs-text-track {
  display: none; color: #fff; font-size: 1.3em; text-align: center; margin-bottom: 0.1em;
  background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.50);
  padding: 5px 0;
}
.video-js .vjs-subtitles { color: #fff; }
.video-js .vjs-captions { color: #fc6; }
.vjs-tt-cue { display: block; }

.large-font .video-js .vjs-text-track {
  font-size: 1.5em;
}

.vjs-fade-in {
  visibility: visible !important;
  opacity: 1 !important;

  -webkit-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -ms-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -o-transition: visibility 0s linear 0s, opacity 0.3s linear;
  transition: visibility 0s linear 0s, opacity 0.3s linear;
}
.vjs-fade-out {
  visibility: hidden !important;
  opacity: 0 !important;

  -webkit-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
  -moz-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
  -ms-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
  -o-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
  transition: visibility 0s linear 1.5s,opacity 1.5s linear;
}

.vjs-default-skin .vjs-controls {
  position: absolute;
  bottom: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  left: 3px;
  right: 3px;
  margin: 0;
  padding: 0;
  height: 40px;
  color: #fff;
  background: rgb(0,33,64);
  background: rgba(0,33,64,0.6);
  visibility: hidden;
  opacity: 0;
}

.vjs-default-skin .vjs-control {
  position: relative; float: left;
  text-align: center; margin: 0; padding: 0;
  height: 2.6em; width: 2.6em;
}

.vjs-default-skin .vjs-control:focus {
  outline: 0;
}


.vjs-default-skin .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }


/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-play-control { width: 5em; cursor: pointer !important; }

.vjs-default-skin.vjs-paused .vjs-play-control div {
  width: 12px; height: 13px; background: url(../images/videojs/controls.png) no-repeat -26px -1px; margin: 14px auto 0;
}
.vjs-default-skin.vjs-playing .vjs-play-control div {
  width: 10px; height: 13px; background: url(../images/videojs/controls.png) no-repeat 0 -2px; margin: 14px auto 0;
}

/* Rewind
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-rewind-control { width: 5em; cursor: pointer !important; }
.vjs-default-skin .vjs-rewind-control div { width: 19px; height: 16px; background: url(../images/videojs/video-js.png); margin: 0.5em auto 0; }

/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control { width: 25px; cursor: pointer !important; float: right; }
.vjs-default-skin .vjs-mute-control div {
  width: 9px; height: 15px;
  background: url(../images/videojs/controls.png) no-repeat -120px -1px;
  margin: 13px auto 0;
}


.vjs-default-skin .vjs-volume-control { width: 40px; float: right; }
.vjs-default-skin .vjs-volume-bar {
  position: relative;
  width: 40px;
  height: 5px;
  margin: 18px auto 0;
  cursor: pointer;
  background: rgb(138,146,158);
  background: rgba(255,255,255,0.3);
}
.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.6em;
  background: #fff;
}
.vjs-default-skin .vjs-volume-handle {
  display: none;
}

/* Progress
-------------------------------------------------------------------------------- */
.vjs-default-skin div.vjs-progress-control {
  position: absolute;
  left: 95px; right: 162px;
  height: 7px; width: auto;
  top: 50%;
  margin-top: -4px;
}

.subtitles .vjs-default-skin div.vjs-progress-control {
  right: 213px;
}

/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  position: relative; cursor: pointer !important;
  padding: 0; margin: 0;
  height: 7px;
}
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
  position: absolute;
  display: block;
  height: 7px;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  -moz-border-radius: 0.6em;
}

.vjs-default-skin .vjs-play-progress {
  background: #fff;
}
.vjs-default-skin .vjs-load-progress {
  background: rgb(138,146,158);
  background: rgba(255,255,255,0.3);
}

.vjs-default-skin div.vjs-seek-handle {
  display: none;
}
/* Time Display
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-time-controls {
  position: absolute;
  right: 0;
  height: 10px;
  width: 39px;
  top: 50%;
  margin-top: -5px;
  font-size: 10px;
  line-height: 10px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  background: none;
}

.vjs-default-skin .vjs-current-time { left: 56px;text-align: left; }

.vjs-default-skin .vjs-duration { right: 122px; display: none; text-align: right; }
.vjs-default-skin .vjs-remaining-time { right: 122px; text-align: right; }

.subtitles .vjs-default-skin .vjs-remaining-time { right: 172px; }

.vjs-time-divider { display:none; }

.vjs-default-skin .vjs-time-control { font-size: 1em; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif; }
.vjs-default-skin .vjs-time-control span { line-height: 25px; }

/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-secondary-controls { float: right; }

.vjs-default-skin .vjs-fullscreen-control { width: 42px; cursor: pointer !important; float: right; margin-left: 13px; }
.vjs-default-skin .vjs-fullscreen-control div { width: 18px; height: 17px; background: url(../images/videojs/controls.png) no-repeat -53px 0; margin: 13px auto 0; }

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control div { background: url(../images/videojs/controls.png) no-repeat -86px 0; }


/* Big Play Button (at start)
---------------------------------------------------------*/
.vjs-default-skin .vjs-big-play-button {
  display: block; /* Start hidden */
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 74px;
  height: 74px;
  margin: -45px 0 0 -45px;
  text-align: center;
  vertical-align: center;
  cursor: pointer !important;
  border: 4px solid rgba(0,53,102,0.6);
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  -ms-border-radius: 90px;
  -o-border-radius: 90px;
  border-radius: 90px;
  padding: 4px;
  outline: 0;
}

.vjs-default-skin div.vjs-big-play-button span {
  background: rgb(0,33,63);
  background: rgba(0,33,63,0.6);
  -webkit-border-radius: 74px;
  -moz-border-radius: 74px;
  -ms-border-radius: 74px;
  -o-border-radius: 74px;
  border-radius: 74px;
  display: block;
  position: relative;
  height: 74px;
  width: 74px;
}

.lt-ie8 .vjs-default-skin div.vjs-big-play-button span {
  background: rgb(0,33,63) url(../images/videojs/ie7-play.png) no-repeat 50% 50%;
}

.vjs-default-skin div.vjs-big-play-button:hover span {
  background-color: rgb(0,33,63);
  background-color: rgba(0,33,63,0.8);
}

.vjs-default-skin div.vjs-big-play-button span:after {
  border-bottom: 17px solid transparent;
  border-left: 24px solid #fff;
  border-top: 17px solid transparent;
  content: '';
  display: block;
  margin: -17px 0 0 -8px;
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 0;
}

/* Loading Spinner
---------------------------------------------------------*/
/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */
.vjs-loading-spinner {
  display: none;
  position: absolute; top: 50%; left: 50%; width: 55px; height: 55px;
  margin: -28px 0 0 -28px;
  -webkit-animation-name: rotatethis;
  -webkit-animation-duration:1s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
  -moz-animation-name: rotatethis;
  -moz-animation-duration:1s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:linear;
}

@-webkit-keyframes rotatethis {
  0% {-webkit-transform:scale(0.6) rotate(0deg); }
  12.5% {-webkit-transform:scale(0.6) rotate(0deg); }
  12.51% {-webkit-transform:scale(0.6) rotate(45deg); }
  25% {-webkit-transform:scale(0.6) rotate(45deg); }
  25.01% {-webkit-transform:scale(0.6) rotate(90deg);}
  37.5% {-webkit-transform:scale(0.6) rotate(90deg);}
  37.51% {-webkit-transform:scale(0.6) rotate(135deg);}
  50% {-webkit-transform:scale(0.6) rotate(135deg);}
  50.01% {-webkit-transform:scale(0.6) rotate(180deg);}
  62.5% {-webkit-transform:scale(0.6) rotate(180deg);}
  62.51% {-webkit-transform:scale(0.6) rotate(225deg);}
  75% {-webkit-transform:scale(0.6) rotate(225deg);}
  75.01% {-webkit-transform:scale(0.6) rotate(270deg);}
  87.5% {-webkit-transform:scale(0.6) rotate(270deg);}
  87.51% {-webkit-transform:scale(0.6) rotate(315deg);}
  100% {-webkit-transform:scale(0.6) rotate(315deg);}
}

@-moz-keyframes rotatethis {
  0% {-moz-transform:scale(0.6) rotate(0deg);}
  12.5% {-moz-transform:scale(0.6) rotate(0deg);}
  12.51% {-moz-transform:scale(0.6) rotate(45deg);}
  25% {-moz-transform:scale(0.6) rotate(45deg);}
  25.01% {-moz-transform:scale(0.6) rotate(90deg);}
  37.5% {-moz-transform:scale(0.6) rotate(90deg);}
  37.51% {-moz-transform:scale(0.6) rotate(135deg);}
  50% {-moz-transform:scale(0.6) rotate(135deg);}
  50.01% {-moz-transform:scale(0.6) rotate(180deg);}
  62.5% {-moz-transform:scale(0.6) rotate(180deg);}
  62.51% {-moz-transform:scale(0.6) rotate(225deg);}
  75% {-moz-transform:scale(0.6) rotate(225deg);}
  75.01% {-moz-transform:scale(0.6) rotate(270deg);}
  87.5% {-moz-transform:scale(0.6) rotate(270deg);}
  87.51% {-moz-transform:scale(0.6) rotate(315deg);}
  100% {-moz-transform:scale(0.6) rotate(315deg);}
}
/* Each circle */
div.vjs-loading-spinner .ball1 { opacity: 0.12; position:absolute; left: 20px; top: 0px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball2 { opacity: 0.25; position:absolute; left: 34px; top: 6px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball3 { opacity: 0.37; position:absolute; left: 40px; top: 20px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball4 { opacity: 0.50; position:absolute; left: 34px; top: 34px; width: 13px; height: 13px; background: #fff;
  border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 15px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball5 { opacity: 0.62; position:absolute; left: 20px; top: 40px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball6 { opacity: 0.75; position:absolute; left: 6px; top: 34px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball7 { opacity: 0.87; position:absolute; left: 0px; top: 20px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball8 { opacity: 1.00; position:absolute; left: 6px; top: 6px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

/* Menu Buttons (Captions/Subtitles/etc.)
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-menu-button {
  float: right;
  margin: 0 0.5em 0 0;
  padding: 0;
  width: 3em;
  height: 2em;
  cursor: pointer !important;
}

.vjs-default-skin .vjs-menu-button div {
  background: url(../images/videojs/video-js.png) 0px -75px no-repeat;
  width: 16px;
  height: 16px;
  margin: 13px auto 0;
  padding: 0;
}

.vjs-default-skin .vjs-menu-button ul {
  display: none;
  opacity: 0.8;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 20px;
  max-height: 15em;
  left: -3.5em;
  overflow: auto;
  background: #002140;
  background: rgba(0, 33, 64, 0.6);
}

.vjs-default-skin .vjs-menu-button:focus ul,
.vjs-default-skin .vjs-menu-button:hover ul { display: block; list-style: none; }

.vjs-default-skin .vjs-menu-button ul li { list-style: none; margin: 0; padding: 0.3em 0 0.3em 20px; line-height: 1.4em; font-size: 1.2em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: left; }
.vjs-default-skin .vjs-menu-button ul li.vjs-selected { text-decoration: underline; background: url(../images/videojs/video-js.png) -125px -50px no-repeat; }
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover { background-color: #ccc; color: #111; outline: 0; }

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  background: #002140;
  background: rgba(0, 33, 64, 0.6);
  text-align: center;
  text-transform: uppercase;
  font-size: 1.2em;
  line-height: 2em;
  padding: 0.3em 0 0.2em;
  margin: 0 0 0.3em 0;
  color: white;
  font-weight: bold;
  cursor: default;
}

/* Subtitles Button */
.vjs-default-skin .vjs-captions-button div { background-position: -25px -75px; }
.vjs-default-skin .vjs-chapters-button div { background-position: -100px -75px; }
.vjs-default-skin .vjs-chapters-button ul { width: 20em; left: -8.5em; /* Width of menu - width of button / 2 */ }


@media screen and (min-width: 0px)
and (max-width: 765px) {

body {
  background-image: none;
  min-width: 100%;
  overflow-x: hidden;
}

.mobile-only {
        display: block;
    }

    .desktop-only {
        display: none;
    }

.container {
  margin: 0 auto;
  width: 97%;
}

.container-desktop-only {
  width: 100%;
  margin: 0;
}

.page-content {
  margin-bottom: 30px;
  margin-top: 30px;
}

.page-section {
  margin-bottom: 30px;
  margin-top: 30px;
}

.page-element-container .page-section {
  margin-bottom: 30px;
  margin-top: 30px;
}

.page-element-container .page-section.last {
  margin-bottom: 30px;
}

.site-header .container {
  width: 100%;
}

.box-1 {
  width: 48%;
}

.box-2,
.box-3 {
  width: 98%;
}

.box-4 {
    width: 100%;
}

.box-1,
.box-2,
.box-3,
.box-4 {
  margin: 0 1%;
}

.box-2 .box-1 {
  margin: 0;
  width: 49%;
}

.box-4 .box-2,
.box-3 .box-2 {
  margin: 0;
  width: 100%;
}


.left-spacing {
  padding: 0;
}

.mobile-detect {
  width: 1px;
}

p {
  line-height: 28px;
  margin: 20px 0;
}

p.intro {
  line-height: 32px;
}

.gray-border-btm {
  border-bottom: 5px solid #d8d8d8;
  border-color: rgba(0,0,0,0.1);
}

.wB.gray-border-btm {
  border-bottom-width: 8px;
}

/* common */

.scfSingleLineTextBorder,
.scfMultipleLineTextBorder,
.scfEmailBorder,
.scfTelephoneBorder,
.scfSmsTelephoneBorder,
.scfDropListBorder,
.scfCheckboxBorder,
.scfSubmitButtonBorder,
.scfRadioButtonListBorder,
.scfDateSelectorBorder,
.scfShortDate {
  margin: 12px 0;
  padding-left: 0;
  position: relative;
}

.scfCheckbox label {
  margin: 20px 0;
}

.scfSingleLineTextLabel,
.scfMultipleLineTextLabel,
.scfEmailLabel,
.scfTelephoneLabel,
.scfSmsTelephoneLabel,
.scfDropListLabel,
.scfRadioButtonListLabel,
.scfDateSelectorLabel {
  margin: 12px 0;
  display: block;
  left: auto;
  position: static;
  top: auto;
  width: auto;
}


/* input type="text" */

input.scfSingleLineTextBox,
input.scfEmailTextBox,
input.scfTelephoneTextBox,
input.scfSmsTelephoneTextBox {
  border-color: #cccccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 42px;
  margin: 0;
  padding: 0 15px;
  width: 100%;
}

/* textarea */

textarea.scfMultipleLineTextBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0
  min-height: 112px;
  padding: 5px 15px;
  width: 100%;
}

/* checkbox */

.scfCheckbox input[type="checkbox"] {
  margin: 0;
}

.scfCheckbox label {
  padding-top: 2px;
  padding-left: 20px;
}

/* select */

.scfDropList {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 42px;
  padding: 0 15px;
  width: 100%;
}

.js .scfDropList {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* select - DropKick */

.scfDropListBorder .dk_toggle {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
}

.scfDropListBorder .dk_options {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  right: 0;
  width: 100%;
}



/* submit */

.scfSubmitButtonBorder input {
  background-color: #003566;
  border: 0;
  color: #fff;
  display: inline-block;
  font-family: 'NiveaBook';
  font-weight: 300;
  height: 40px;
  padding: 0 30px;
  text-transform: uppercase;
  text-align: center;
}

.lt-ie8 .scfSubmitButtonBorder input {
  display: inline;
  zoom: 1;
}

.scfSubmitButtonBorder input:hover,
.scfSubmitButtonBorder input:focus,
.scfSubmitButtonBorder input:active {
  background-color: #05437a;
  text-decoration: none;
}

/* validation */

.scfValidator {
  display: block;
  color: #ff0000;
  padding: 6px 15px 0;
}
/* logo */

.nivea-men {
  background: url(../images/logo/m-nivea-men-2016.png);
  -webkit-background-size: 45px 45px;
  -moz-background-size: 45px 45px;
  -ms-background-size: 45px 45px;
  -o-background-size: 45px 45px;
  background-size: 45px 45px;
  height: 45px;
  width: 45px;
}

.beiersdorf {
  background: url(../images/logo/m-beiersdorf.png);
  background-size: 200px 72px;
  height: 72px;
  width: 200px;
}

/* icons */

.icon-facebook,
.icon-youtube,
.icon-twitter {
  -webkit-background-size: 45px 45px;
  -moz-background-size: 45px 45px;
  -ms-background-size: 45px 45px;
  -o-background-size: 45px 45px;
  background-size: 45px 45px;
  height: 45px;
  width: 45px;
}

.icon-facebook {
  background: url(../images/icon/social/m-facebook.png);
}
.icon-twitter {
  background: url(../images/icon/social/m-twitter.png);
}
.icon-youtube {
  background: url(../images/icon/social/m-youtube.png);
}

.icon-flag {
  -webkit-background-size: 8px 8px;
  -moz-background-size: 8px 8px;
  -ms-background-size: 8px 8px;
  -o-background-size: 8px 8px;
  background-size: 8px 8px;
  margin-right: 5px;
  height: 8px;
  width: 8px;
}

.icon-form-search {
  background: url(../images/icon/m-search.png);
  -webkit-background-size: 18px 18px;
  -moz-background-size: 18px 18px;
  -ms-background-size: 18px 18px;
  background-size: 18px 18px;
  height: 18px;
  width: 18px;
}

.back-top {
  color: #727272;
  font-family: 'NiveaBold';
  font-weight: 700;
  line-height: 11px;
  padding: 15px 0 17px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.back-top i {
  background: url(../images/icon/top.png);
  -webkit-background-size: 5px 7px;
  -moz-background-size: 5px 7px;
  -ms-background-size: 5px 7px;
  -o-background-size: 5px 7px;
  background-size: 5px 7px;
  cursor: pointer;
  display: inline-block;
  height: 7px;
  position: relative;
  text-indent: -9999em;
  top: -1px;
  width: 5px;
}

.lt-ie8 .back-top i {
  display: inline;
  zoom: 1;
}

.scroll-down {
  background-image: url(../images/icon/m-scroll-down.png);
  padding-right: 18px;
}
/* site-header */

.site-header {
  padding: 7px 0;
  position: relative;
  z-index: 6;
}

.site-header .container .box-4 {
  width: auto;
}

.site-header .box-1 {
  margin: 0;
  padding-left: 4px;
  width: 48%;
}

.site-header .nivea-men {
  display: block;
  margin-right: 7px;
}

.site-header .animated-logo {
  display: none;
}

.site-header .tagline {
  line-height: 9px;
  padding: 15px 0;
}

/* NAV */

.site-header .imprint-link {
  position: relative;
  top: -5px;
}

#menu {
  border: 1px solid #fff;
  display: inline-block;
  line-height: 41px;
  margin: 7px 8px 0;
  height: 32px;
  padding: 0 5px;
  text-align: center;
}

#menu .icon-menu {
  display: inline-block;
  direction: ltr;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}.mobile-nav {
  background: #013968;
  padding-top: 60px;
  position: absolute;
  top: 0;
  -webkit-transition: -webkit-transform 400ms ease-in-out;
  -moz-transition: -moz-transform 400ms ease-in-out;
  -ms-transition: -ms-transform 400ms ease-in-out;
  transition: transform 400ms ease-in-out;
  -moz-transform: translateY(-250px);
  -ms-transform: translateY(-250px);
  transform: translateY(-250px);
  -webkit-transform: translate3d(0, -250px, 0);
  width: 100%;
  z-index: 5;
}

.mobile-nav.open {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;

  -webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
}

.mobile-nav ul {
  margin: 0;
}

.mobile-nav li:first-of-type {
  border-top: 1px solid #005095;
}

.mobile-nav li {
  border-bottom: 1px solid #005095;
}

.mobile-nav a {
  color: #fff;
  display: block;
  font-family: 'NiveaBold';
  font-weight: 700;
  line-height: 19px;
  padding: 13px 35px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}

/* mobile sub nav */

.mobile-sub-nav {
  background: #fff;
  display: table;
  font-weight: 700;
  height: 60px;
  position: relative;
  width: 100%;
  z-index: 2;
}

.mobile-sub-nav a {
  background: #fff;
  color: #32363a;
  display: table-cell;
  position: relative;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  z-index: 5;
}

.mobile-sub-nav span:after {
  border-left: 5px solid transparent;
  border-top: 6px solid #32363a;
  border-right: 5px solid transparent;
  content: '';
  display: inline-block;
  margin-left: 10px;
  height: 0;
  position: relative;
  top: -2px;
  width: 0;
}

.mobile-sub-nav.open span:after {
  border-bottom: 6px solid #32363a;
  border-top: 0;
  top: -3px;
}

.list-mobile-sub-nav {
  background: #fff;
  left: 0;
  margin: 0;
  padding-top: 60px;
  position: absolute;
  top: 0;
  -webkit-transition: -webkit-transform 400ms ease-in-out;
  -moz-transition: -moz-transform 400ms ease-in-out;
  -ms-transition: -ms-transform 400ms ease-in-out;
  transition: transform 400ms ease-in-out;
  -moz-transform: translateY(-500px);
  -ms-transform: translateY(-500px);
  transform: translateY(-500px);
  -webkit-transform: translate3d(0, -500px, 0);
  width: 100%;
  z-index: 4;
}

.mobile-sub-nav.open .list-mobile-sub-nav {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}

.list-mobile-sub-nav ul {
  margin: 0;
}

.list-mobile-sub-nav li:first-of-type {
  border-top: 1px solid #eaeaea;
}

.list-mobile-sub-nav li {
  border-bottom: 1px solid #eaeaea;
}

.list-mobile-sub-nav a {
  color: #32363a;
  display: block;
  line-height: 19px;
  text-align: center;
  padding: 13px 35px;
  position: relative;
}

/* product navs */

.product-type-container {
  border-top: 1px solid #d2d2d2;
}

.product-type-nav li {
  padding: 12px 0;
}

.product-type-nav a {
  border-right: 1px solid #ccc;
  color: #32363a;
  font-weight: normal;
  padding: 0 10px;
}
.home-page-content {
  margin-bottom: 20px;
  margin-top: 30px;
}

/* mastheads */

.masthead {
  border-bottom: 7px solid #d8d8d8;
  border-bottom: 4px solid rgba(0,0,0,0.1);
  overflow: hidden;
}

.page-masthead .site-header {
  background-size: auto 60px;
}

.masthead .site-header {
  background-size: auto 60px;
  z-index: 6;
}

.lt-ie9 .masthead {
  border-bottom: 4px solid #d8d8d8;
}

.masthead .message {
  bottom: 15px;
  width: 78%;
  padding: 10px 16px 10px;
  left: -27px;
  margin-left: 0;
}

.masthead .message-right {
  left: auto;
  left: 27px;
  margin-left: 0;
}

.masthead .message .title {
  line-height: 20px;
  margin-bottom: 8px;
}

.masthead .message .large-font .title {
  line-height: 24px;
}

.masthead .message .caption {
  line-height: 12px;
  width: auto;
}

.masthead .message .cta {
  line-height: 13px;
  position: static;
}

/* parallax */

.masthead .parallax {
  margin: 0 auto;
  min-width: 100%;
  width: auto;
  height: 307px;
}

.parallax .mood {
  background-position: top right;
  background-size: auto 307px;
  min-width: 100%;
  height: 307px;
  width: auto;
}

.highlight-parallax .parallax .container {
  height: 307px;
}

.parallax .mood .key-product {
  height: auto;
  top: 80px !important;
  width: 27%;
}

.parallax .container {
  position: relative;
  height: 307px;
}

.masthead .lrg-circle {
  left: 50%;
}

.masthead .prev {
  left: 2%;
  margin-left: 0;
}

.masthead .next {
  left: auto;
  right: 2%;
}

.js .move-me {
  display: block;
  position: absolute;
  left: -400%;
}
/* site-footer */

.site-footer {
  padding: 40px 0 34px;
  text-align: center;
}

.site-footer a {
  color: #727272;
}

.site-footer .site-footer-nav {
  margin-top: 28px;
}

.site-footer .site-footer-nav li {
  display: inline-block;
  float: none;
  margin: 0 12px 4px 0;
  line-height: 13px;
  width: auto;
}

.site-footer .site-footer-nav .mobile-only {
  display: inline-block;
}

.site-footer .site-footer-nav .desktop-only {
  display: none;
}

.locale-select {
  margin-top: 0px;
  line-height: 12px;
  position: static;
}

.locale-select .icon-flag {
  position: relative;
  top: 0;
}

.locale-select:after {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 5px solid #fff;
  margin: 0 0 0 2px;
  top: -1px;
}

.locale-select:after {
  border-top-color: #727272;
}

.site-footer small a {
  color: #003566;
  text-transform: none;
}

.site-footer .link-corporate {
  display: block;
  margin: 0;
  float: none;
  text-align: center;
}

.site-footer .form-subscribe {
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 260px;
  float: none;
}

.site-footer .form-subscribe label {
  display: block;
  margin-bottom: 5px;
  text-align: center;
}

.form-subscribe input {
  width: 60%;
}

.form-subscribe input+span {
  display: block;
}

.follow-us {
  float: none;
  width: auto;
}

.follow-us h5 {
  margin: 0 0 15px;
}

.follow-us li {
  display: inline-block;
  float: none;
  margin-right: 15px;
}
/* carousel*/

.carousel-nav .circle {
  border: 2px solid transparent;
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  -ms-border-radius: 36px;
  -o-border-radius: 36px;
  border-radius: 36px;
  line-height: 36px;
  height: 36px;
  width: 36px;
}

.carousel-nav .lrg-circle {
  background: url(../images/sprite/m-carousel-lrg-circles.png) -4000px -4000px no-repeat;
  background-size: 114px 28px;
  border: 1px solid transparent;
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  -ms-border-radius: 26px;
  -o-border-radius: 26px;
  border-radius: 26px;
  display: block;
  line-height: 26px;
  height: 26px;
  margin-top: -13px;
  width: 26px;
}


.carousel-nav .arrow {
  color: #003566;
  display: inline-block;
  direction: ltr;
  font-family: 'NiveaBook';
  font-weight: 300;
  text-decoration: none;
}

.carousel-nav .next .arrow {
  margin-right: -1px;
}

.carousel-nav .prev .arrow {
  margin-left: -2px;
}

.product-collection-carousel .carousel-nav {
  display: none
}

.white-nav .lrg-circle,
.white-nav .circle,
.no-touch .white-nav .lrg-circle,
.no-touch .white-nav .circle,
.no-touch .white-nav .circle:hover {
  background-position: -1000px -1000px;
  border-color: #fff;
  color: #fff;
}

.white-nav .arrow {
  color: #fff;
}

.white-nav .circle:hover .arrow,
.white-nav .lrg-circle:hover .arrow,
.no-touch .white-nav .circle:hover .arrow,
.no-touch .white-nav .lrg-circle:hover .arrow {
  color: #fff;
}

.blue-nav .lrg-circle,
.blue-nav .circle,
.no-touch .blue-nav .lrg-circle,
.no-touch .blue-nav .circle,
.no-touch .blue-nav .circle:hover  {
  background-position: -1000px -1000px;
  border-color: #003566;
  color: #003566;
}

.blue-nav .circle:hover .arrow,
.blue-nav .lrg-circle:hover .arrow,
.no-touch .blue-nav .circle:hover .arrow,
.no-touch .blue-nav .lrg-circle:hover .arrow  {
  color: #003566;
}


/* product carousels */

.product-carousel {
  background: #fff;
  font-family: 'NiveaMedium';
  font-weight: 400;
  line-height: 13px;
  position: relative;
  text-transform: uppercase;
}

.product-carousel .text {
  height: 25px;
  line-height: 9px;
  width: 70%;
}

.product-carousel .title {
  line-height: 24px;
  height: 60px;
  padding: 0 0 10px;
  width: 70%;
}

.product-carousel .content .carousel,
.product-carousel .content {
  height: 210px;
}

.product-carousel .content .carousel[style*="visibility"] {
  height: auto;
}

.product-carousel .carousel li {
  width: 100%;
}

.product-carousel .carousel li a {
  line-height: 210px;
}

.product-carousel .carousel li img {
  max-height: none;
  max-width: 30%;
  vertical-align: middle;
}

.full-height {
  background-size: 315px auto;
  height: 315px;
}

.full-height .content .carousel,
.full-height .content {
  height: 315px;
}

.full-height .content .carousel[style*="visibility"] {
  height: auto;
}

.full-height .carousel li {
  width: 100%;
}

.full-height .carousel li a {
  line-height: 315px;
}

.full-height .carousel li img {
  max-height: 275px;
  margin: 20px auto;
}
/* product landings */
.js .list-products-no-js {
  display: block;
}

.js .list-products-js {
  display: none;
}

.js .product-category {
  opacity: 1;
}

.product-category {
  margin-bottom: 30px;
}

.product-category .title {
  float: none;
  margin: -5px 0 18px;
  text-align: center;
  width: 100%;
}

.product-category .sort {
  float: none;
}

.product-category .sort span {
  display: none;
}

.product-category .sort ul {
  display: block;
  line-height: 11px;
  text-align: center;
}

.product-category .sort li {
  border-right: 1px solid #b7b7b7;
  display: inline-block;
  width: 100px;
}

.product-category .sort a {
  display: inline-block;
  padding: 0;
  text-align: center;
  width: 100%
}

/* product item */

.product-item a {
  display: block;
  padding: 25px 0 0;
}

.list-products .product-item {
  margin-bottom: 7px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.product-collection-carousel .product-item {
  margin-bottom: 5px;
}

.masonry-loaded .product-item a:hover {
  background: #f6f6f6;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  z-index: 1;
}

.product-item a .show-on-hover,
.masonry-loaded .product-item a:hover .show-on-hover {
  display: none;
}

.masonry-loaded .product-item a:hover .hide-on-hover {
  display: block;
}

.product-collection-carousel .product-item .product-item-image {
  height: 123px;
  line-height: 123px;
}

.product-collection-carousel .product-item img {
  display: inline-block;
  max-height: 123px;
  max-width: 45%;
  vertical-align: middle;
}

.list-products .product-item-image {
  min-height: 90px;
}

.list-products .product-item img {
  max-width: 55%;
}

.product-item .name,
.masonry-loaded .product-item a:hover .name {
  color: #727272;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 10px;
  margin: 15px 0 3px;
  text-transform: uppercase;
  padding: 0 7px;
}

.product-item .rule{
  margin: 3px auto;
  width: 25%;
}

.product-item .product-rating {
  background: #fff;
  line-height: 20px;
  height: 20px;
}

.masonry-loaded .product-item a:hover .product-rating {
  background: #fff;
  text-align: center;
}

.masonry-loaded .product-item a:hover .rating {
  background-position: 0 0;
  vertical-align: middle;
}

.product-item .short-description {
  line-height: 10px;
  margin: 3px auto 8px;
  padding: 0 7px;
  text-transform: uppercase;
}

.product-collection-carousel .short-description {
  font-style: italic;
}/* rating */

.rating {
  background: url(../images/icon/rating/sprite/m-reg.png) no-repeat 0 0;
  background-size: 48px 40px;
  display: inline-block;
  height: 8px;
  text-indent: -9999em;
  width: 48px;
  vertical-align: middle;
}

.rating-1 {
  background-position: 0 -32px;
}

.rating-2 {
  background-position: 0 -24px;
}

.rating-3 {
  background-position: 0 -16px;
}

.rating-4 {
  background-position: 0 -8px;
}

.rating-5 {
  background-position: 0 0;
}

.lrg-rating {
  background: url(../images/icon/rating/sprite/m-large.png) no-repeat 0 0;
  background-size: 74px 60px;
  display: inline-block;
  height: 12px;
  text-indent: -9999em;
  width: 74px;
  vertical-align: top;
}

.lrg-rating-1 {
  background-position: 0 -48px;
}

.lrg-rating-2 {
  background-position: 0 -36px;
}

.lrg-rating-3 {
  background-position:  0 -24px;
}

.lrg-rating-4 {
  background-position: 0 -12px;
}

.lrg-rating-5 {
  background-position: 0 0;
}
.product-detail .product-image img {
  max-height: none;
  max-width: 77%;
}

.product-collection-carousel,
.product-collection-carousel .carousel {
  height: auto;
}

.product-collection-carousel .loader {
  display: none;
}

.product-detail .product-collection-carousel .product-item .product-item-image {
  height: auto;
  line-height: normal;
}

.product-detail .product-collection-carousel .product-item img {
  max-height: none;
  max-width: 44%;
}

.product-detail .product-collection-carousel .product-item {
  margin-bottom: 5px;
}

.product-collection-carousel .product-item .name {
  min-height: 35px;
  margin-bottom: 0;
}

.product-collection-carousel .carousel {
  display: block;
}

/* product pages */

.product-detail {
  margin-top: 25px;
}

.product-description .name,
.product-description .large-font .name {
  line-height: 38px;
  padding-top: 0px;
  margin-bottom: 35px;
}

.product-description .description,
.product-description .large-font .description {
  line-height: 36px;
  padding-right: 0;
  text-align: left;
}

.product-description .product-meta {
  line-height: 11px;
  height: 11px;
  margin-bottom: 29px;
}

.product-description .product-meta .product-rating,
.product-description .product-meta .product-meta-review {
  margin-right: 15px;
}

.product-description .buy-now-cta {
  margin-bottom: 29px;
}

.product-detail .product-image {
  height: auto;
  padding: 30px 0;
}

.product-image img {
  max-height: 228px;
  max-width: 77%;
}

.product-detail .product-overview {
  margin-bottom: 25px;
}

.product-detail .product-overview .box-1 {
  margin-top: 4px;
}

.product-detail .product-overview ul {
  margin: 16px 0;
  padding-left: 15px;
}

.product-detail .product-overview li {
  line-height: 18px;
  margin: 10px 0;
}

.product-related .section-heading {
  line-height: 24px;
}

.product-detail .product-related {
  margin-bottom: 40px;
}

.product-reviews {
  padding: 29px 0 45px;
}

.product-reviews .title {
  margin-bottom: 0px;
}

.product-reviews .box-4,
.product-reviews .container {
  margin: 0 auto;
  width: 87%;
}

.product-review {
  margin-top: 40px;
}

.product-reviews .product-rating .rating {
  vertical-align: baseline;
}

.product-reviews .review-meta .rating {
  vertical-align: top;
  position: relative;
  top: 2px;
}

.product-review .form-review-helpful {
  float: none;
  line-height: 18px;
  margin-top: 8px;
  padding: 2px 2px 1px 4px;
}

.form-review-helpful .review-helpful-select {
  float: right;
  line-height: normal;
}

.form-review-helpful label {
  line-height: 17px;
  margin: 0;
  padding: 0 6px;
}

.product-review .review-meta {
  display: block;
  margin-top: 2px;
}

.product-reviews .more-reviews {
  margin-top: 4px;
}
/* search */


.nav-form-search {
  padding: 0 5%;
}

.nav-form-search button {
  height: 30px;
  margin: 8px 0;
  padding-top: 7px;
  width: 12.5%;
}

.nav-form-search .icon-form-search {
  display: block;
  margin: 0 auto;
}

.nav-form-search input {
  display: block;
  height: 29px;
  margin: 8px 0;
  width: 82%;
}

.form-search-page input{
  border-right-width: 1px;
  height: 29px;
  margin: 15px 0;
  width: 70%;
}

.form-not-found-search input {
  height: 29px;
  margin: 15px 0 20px;
  width: 76%;
}

.form-search-page button,
.form-not-found-search button {
  line-height: 31px;
  height: 31px;
  margin: 15px 0;
  padding-top: 7px;
  width: 16%;
}

.form-not-found-search button {
  margin: 15px 0 20px;
  width: 16%;
}

.form-search-page .icon-form-search {
  margin: 0 auto;
}

.search-results .title {
  border-bottom-width: 7px;
  line-height: 30px;
  height: auto;
  padding: 26px 0;
}

.list-search-results {
  margin: 0 auto 10px;
}

.list-search-results .result {
  min-height: 127px;
  padding: 30px 0 30px 90px;
}

.search-results .result-title {
  line-height: 20px;
}

.search-results p {
  line-height: 20px;
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
}

.result-image img {
  height: 72px;
  width: 80px;
}

.list-result-tags li {
  margin: 5px 5px 0 0;
  padding-right: 5px;
}
/* site information */

.site-information {
  background: none;
  padding-top: 0;
}

.site-information-details {
  margin-bottom: 30px;
  margin-top: 30px;
  margin: 0 auto;
  width: 84%;
}

.container .site-information-details {
  width: 100%;
}

.site-information .text-box .intro:first-child {
  margin-top: 0;
}

.site-information-header {
  background: url(../images/bg/m-site-information-header.jpg) 50% 0 no-repeat;
  background-size: auto 159px;
  display: table;
  height: 159px;
  margin: 0 0 50px 0;
  width: 100%;
}

.site-information-header .page-title {
  border-bottom: 2px solid #fff;
  border-top: 2px solid #fff;
  color: #fff;
  display: inline-block;
  line-height: 28px;
  max-width: 260px;
  padding: 10px 0 15px;
}

.site-information .large-font .page-title {
  line-height: 36px;
}

.site-information-header span.mobile-only {
  display: table-cell;
}

.site-information-header span.desktop-only {
  display: none;
}

.site-information-details .beiersdorf {
  margin-bottom: 30px;
}

.list-site-information {
  margin-bottom: 30px;
}

.list-site-information li {
  line-height: 30px;
}

.list-site-information .has-icon {
  background: none;
  padding-left: 0;
}

.list-accordion-categories {
  margin: 0;
}

.list-accordion-categories li {
  margin-bottom: 10px;
}

.accordion-category-title a {
  padding: 6px 30px 6px 50px;
}

.accordion-category-title a:hover {
  text-decoration: none;
}

.js .accordion-category-title a {
  background-color: #fff;
  color: #4a4a4a;
}

.accordion-category-title .state {
  background: #003566;
  left: 0;
  height: 38px;
  position: absolute;
  top: 0;
  width: 38px;
}

.accordion-category-title .state .minus {
  height: 3px;
  margin: -1px 0 0 -6px;
  width: 12px;
}

.accordion-category-title .state .minus-to-plus {
  height: 12px;
  margin: -6px 0 0 -1px;
  width: 3px;
}

.list-category-questions {
  padding: 0 30px;
}

.list-category-questions li {
  margin: 0;
}

.list-category-questions .question {
  font-weight: 400;
  line-height: 24px;
}
/* highlight */

.top-wall-image,
.show-wall-image {
  background: none;
  padding: 0;
}

.js .highlight-parallax .move-me {
  display: block;
  position: absolute;
  left: -400%;
}

.campaign-title {
  margin: 30px 0 20px;
}

.highlight .page-section.first {
  margin-top: 30px;
}

.highlight-parallax .message {
    margin-left: 0;
}
/* grooming guide */

.promo-grooming-guide {
  margin: 0;
  overflow: hidden;
  width: 100%;
}

.promo-grooming-guide .details {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.66, rgb(0,53,102)),
    color-stop(1,  rgba(0,53,102,0.6))
  );
  background: -webkit-linear-gradient(left, rgb(0,53,102) 66%, rgba(0,53,102,0.6) 100%);
  background: -moz-linear-gradient(left, rgb(0,53,102) 66%, rgba(0,53,102,0.6) 100%);
  background: -ms-linear-gradient(left, rgb(0,53,102) 66%, rgba(0,53,102,0.6) 100%);
  background: -o-linear-gradient(left, rgb(0,53,102) 66%, rgba(0,53,102,0.6) 100%);
  background: linear-gradient(left, rgb(0,53,102) 66%, rgba(0,53,102,0.6) 100%);
  padding: 8px 15px 10px 25px;
  position: absolute;
  left: auto;
  right: 0;
  bottom: 30px;
  width: 60%;
  z-index: 1;
}

.promo-grooming-guide .read-more {
  font-family: 'NiveaBook';
}

.promo-grooming-guide  .guide-figure,
.grooming-guide-header .guide-figure {
  overflow: hidden;
  margin: 0;
  width: 100%;
}

.promo-grooming-guide .guide-figure img,
.grooming-guide-header .guide-figure img {
  height: 411px;
  width: 765px;
  margin-left: -383px;
  position: relative;
  left: 50%;
}

.promo-grooming-guide .time {
  display: none;
}

.promo-grooming-guide .title {
  line-height: 20px;
  margin-bottom: 8px;
}
.promo-grooming-guide .large-font .title {
  line-height: 24px;
}

.list-grooming-guides {
  margin: 40px 0 40px;
}

.item-grooming-guide {
  border-bottom: 0;
  margin-bottom: 40px;
  position: static;
}

.item-grooming-guide img {
  border-bottom: 5px solid #d8d8d8;
  border-color: rgba(0,0,0,0.1);
  height: auto;
  width: 100%;
}

.item-grooming-guide .details {
  background: none;
  bottom: auto;
  color: #4a4a4a;
  left: auto;
  padding: 0;
  position: static;
  width: auto;
  z-index: 2;
}

.item-grooming-guide .title {
  color: #003566;
  margin-top: 10px;
  line-height: 24px;
}

.item-grooming-guide .excerpt {
  color: #4a4a4a;
  line-height: 24px;
  margin: 8px 0;
}

.item-grooming-guide .read-more {
  color: #4a4a4a;
  display: block;
  margin: 15px 0 0;
}

/* single guide */

.grooming-guide-header .page-title {
  margin-bottom: 0;
}

.grooming-guide-header {
  overflow: hidden;
  margin-bottom: 30px;
}

.grooming-guide-header .page-title {
  line-height: 20px;
  margin-bottom: 0;
}

.grooming-guide-header .large-font .page-title {
  line-height: 24px;
}

.grooming-guide-header .message {

  background-position: top right;
  background-image: url(../images/bg/message-right.png);
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.66, rgb(0,53,102)),
    color-stop(1,  rgba(0,53,102,0.6))
  );
  background-image: -webkit-linear-gradient(left, rgb(0,53,102) 66%, rgba(0,53,102,0.6) 100%);
  background-image: -moz-linear-gradient(left, rgb(0,53,102) 66%, rgba(0,53,102,0.6) 100%);
  background-image: -ms-linear-gradient(left, rgb(0,53,102) 66%, rgba(0,53,102,0.6) 100%);
  background-image: -o-linear-gradient(left, rgb(0,53,102) 66%, rgba(0,53,102,0.6) 100%);
  background-image: linear-gradient(left, rgb(0,53,102) 66%, rgba(0,53,102,0.6) 100%);

  bottom: 29px;
  color: #fff;
  left: auto;
  right: 0;
  max-width: 64%;
  padding: 10px 16px 14px;
}
/* teasers */

.teaser {
  height: auto;
}

.teaser img {
  height: auto;
  width: 100%;
}

.teaser .content {
  height: auto;
}

.teaser .text {
  display: table;
  height: 25px;
  line-height: 9px;
  margin: 0 auto;
}

.teaser .text span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.teaser .text .arrow {
  font-style: normal;
}

.box-1.teaser {
  margin-bottom: 10px;
  height: auto;
}

.box-1.teaser .content,
.box-2.teaser .content,
.box-3.teaser .content,
.box-4.teaser .content {
  width: 100%;
}

.box-1.teaser .text {
  width: 90%;
}

.box-2.teaser .text
.box-3.teaser .text
.box-4.teaser .text {
  width: 70%;
}

.box-4.teaser {
  height: auto;
}

.box-4.teaser img {
  height: auto;
}

/* tabbed */

.tabbed {
  background: #f9f9f9;
}

.tabbed ol {
  margin: 0;
  width: 100%;
}

.tabbed li .selected:after {
  display: none;
}

.tabbed .title {
  color: #0c2c59;
  font-family: 'NiveaBold';
  font-weight: 700;
  margin: 0 0 25px;
  padding-top: 20px;
}

.tabbed .tab-content {
  padding: 0;
}

.tabbed .hide {
  display: none;
}

.tabbed .mobile-tab-content {
  border-top: 1px solid #e3e3e3;
  padding: 0 25px;
}

.tab-content p {
  line-height: 28px;
}

/* page creation elements */

.quote {
  margin: 45px 0;
  line-height: 28px;
  text-align: justify;
}

.quote p {
  margin: 0;
  padding: 0;
  line-height: 28px;
}


.video img,
.full-image img,
.infographic.box-4 img {
  width: 100%;
}

.half-image img,
.infographic img {
  max-width: 100%;
  width: 100%;
}

.text-box .intro {
  line-height: 32px;
}

.text-box p:first-of-type,
.text-box .intro:first-of-type {
  margin-top: 20px;
}

.text-box p {
  line-height: 28px;
}

.text-box p:last-of-type,
.text-box .intro:last-of-type {
  margin-bottom: 20px;
}

.infographic .title {
  line-height: 24px;
  margin: 0 0 10px;
  text-align: center;
}

.infographic-highlight img {
  width: 80%;
}

/* slideshow */

.slideshow {
  position: relative;
}

.slideshow .content .carousel,
.slideshow .content {
  height: 316px;
}

.slideshow .content .carousel[style*="visibility"] {
  height: auto;
}

.slideshow .carousel-nav .prev {
  left: 15px;
}

.slideshow .carousel-nav .next {
  right: 15px;
}

.slideshow .carousel li {
  width: 100%;
}

.slideshow .carousel img {
  height: auto;
  width: 100%;
}

.slideshow .text {
  bottom: 15px;
  line-height: 13px;
  padding: 0 15px;
}

.live-text-figure .live-text-caption {
  line-height: 18px;
}
/* country select */

.country-select {
  background: #013968;
}

.country-select .page-title {
  color: #fff;
  padding: 21px 0 11px;
}

.region,
.large-region,
.large-region .regional-sites,
.region-header {
  width: auto;
}

.large-region .regional-sites {
  width: 100%;
}

.region {
  display: block;
  float: none;
}

.region-header {
  line-height: 45px;
  height: 45px;
  padding: 0 0 0 20px;
}

.regional-sites {
  line-height: 30px;
  margin: 0;
  padding: 0;
  width: 100%;
}

.regional-sites a {
  color: #4e545a;
}

.regional-sites li {
  padding-left: 20px;
}

.country-list-container {
  margin-bottom: 10px;
}

.country-list-container ul {
  margin: 0;
}

.language-select {
  background: #013968;
}

.language-select-box {
  margin-bottom: 100px;
  font-weight: 700;
}

.language-select-header {
  padding: 21px 0 20px;
}

.language-list-container ul {
  margin: -13px -14px 0 0;
}

.language-list-container li {
  width: auto;
  float: none;
}

.page-not-found-masthead {
  background: url(../images/bg/m-404.jpg) top center no-repeat;
  height: 380px;
  margin-bottom: 45px;
}

.not-found {
    color: #fff;
    margin: 51px auto 0;
    text-align: center;
    width: 64%;
}

.not-found .headings {
    border-width: 2px;
    margin: 0;
    padding: 5px 0 10px;
}

.not-found .page-title,
.not-found .page-sub-title {
    font-family: 'NiveaBold';
    font-weight: 700;
    line-height: 46px;
}

.error-page p {
    margin: 30px 0;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 200;
}
.overlay {
  background-color: rgb(1,57,105);
}

.overlay-content {
  padding-top: 0;
}

.overlay-content .page-title {
  padding: 40px 0 11px;
}

.overlay-content .country-list-container  {
  height: auto;
  margin-bottom: 30px;
  position: relative;
}

.overlay-content .country-list-container > ul {
  height: 100%;
  overflow: auto;
}

.overlay-content .country-list-container > ul > li.sticky h3 {
  position: absolute;
  top: 0;
}

.overlay-content .close {
  background-size: 67px 67px;
  height: 33px;
  right: -5px;
  top: 10px;
  width: 33px;
}

.product-description .name,
.product-description .large-font .name {
	font-size: 40px;
}

.not-found .page-title,
.not-found .page-sub-title {
	font-size: 39px;
}

.promo-grooming-guide .large-font .title,
.promo-grooming-guide .large-font .title a,
.grooming-guide-header .large-font .page-title,
.masthead .message .large-font .title {
	font-size: 24px;
}

.grooming-guide-header .page-title,
.promo-grooming-guide .title,
.promo-grooming-guide .title a,
.masthead .message .title,
.page-title {
	font-size: 16px;
}

.carousel-nav .circle:hover .arrow {
	font-size: 27px;
}

.site-information .page-title,
.product-description .large-font .description,
.product-description .description,
.item-grooming-guide .title,
.product-carousel .title.text,
.infographic .title {
	font-size: 24px;
}

p.intro,
.text-box .intro {
	font-size: 22px;
}

.sub-nav-cta,
.mobile-sub-nav a {
	font-size: 21px;
}

.product-reviews .title,
.language-list-container a,
.live-text .live-text-caption {
	font-size: 20px;
}

.carousel-nav .lrg-circle .arrow,
.carousel-nav .lrg-circle:hover .arrow,
.mobile-nav {
	font-size: 17px;
}

.text-box p,
.tab-content p,
p,
h5,
.search-results .result-title,
.search-results p,
.site-information .section-title,
.item-grooming-guide .excerpt,
.item-grooming-guide .excerpt a,
.quote p,
.scfForm input,
.scfForm textarea,
.scfForm select,
.scfForm label,
.scfRadioButtonListLabel,
.scfDateSelectorLabel,
.scfForm .dk_container,
.accordion-category-title {
	font-size: 16px
}

.site-footer small a,
.product-detail li,
.language-select-header {
	font-size: 13px;
}

.form-search-page input,
.quote .cite {
	font-size: 12px;
}

button,
.back-top,
.product-review .description,
.product-category .sort {
	font-size: 11px;
}

.list-result-tags li,
.slideshow .text {
	font-size: 10px;
}

.teaser,
.site-header .tagline,
.minimal-header .tagline,
input+span,
.locale-select,
.site-header .mobile-only .imprint-link,
.site-footer small,
.site-footer small a,
.site-footer nav,
.site-footer .locale-select,
.masthead .message .caption,
.masthead .message .cta,
.product-meta,
.product-reviews .product-rating,
.promo-grooming-guide a,
.product-carousel .text,
.product-type-nav,
.scfCheckbox label {
	font-size: 9px;
}

.product-review .review-meta,
.form-review-helpful label {
	font-size: 8px;
}

.product-review .form-review-helpful,
.teaser .text .arrow,
.product-carousel .text .arrow,
.product-reviews .more-reviews,
.product-item .name,
.list-products .product-item a:hover .name {
  font-size: 7px;
}

.product-item .short-description {
	font-size: 6px;
}@media screen and (min-width: 672px) {
  .page-not-found-masthead {
    background-size: 100% auto;
  }
}}

.en-US .site-header .registered {
    display: block;
}

.site-header .registered {
    display: none;
    position: absolute;
    top: 0;
    height: 15px;
    font-size: 15px;
    right: 0;
    color: #DDD;
}

.site-header .registered.mobile {
    font-size: 7px;
}

.nivea-men {
  position: relative;
}


@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2),
    only screen and (-min-moz-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2) {
	
.nivea-men {
  background-image: url(../images/logo/nivea-men-2016@2x.png);
}

.beiersdorf {
  background-image: url(../images/logo/beiersdorf@2x.png);
}

.icon-inline-search {
  background-image: url(../images/icon/m-search@2x.png);
}

.site-header .logo {
  background-image: url(../images/logo/animated/surround-2016@2x.png);
}

.site-header .logo .button {
  background-image: url(../images/logo/animated/logo-2016@2x.png);
}
}


@media only screen and (min-width: 0px) and (max-width: 765px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 0px) and (max-width: 765px) and (-o-min-device-pixel-ratio: 2),
only screen and (min-width: 0px) and (max-width: 765px) and (-min-moz-device-pixel-ratio: 2),
only screen and (min-width: 0px) and (max-width: 765px) and (min-device-pixel-ratio: 2) {
.nivea-men {
  background-image: url(../images/logo/nivea-men-2016.png);
}

.en-US .nivea-men {
  background-image: url(../images/logo/registered-nivea-men-2016.png);  
}

.beiersdorf {
  background: url(../images/logo/m-beiersdorf@2x.png);
  background-size: 200px 72px;
}

.icon-facebook {
  background-image: url(../images/icon/social/m-facebook@2x.png);
}
.icon-twitter {
  background-image: url(../images/icon/social/m-twitter@2x.png);
}
.icon-youtube {
  background-image: url(../images/icon/social/m-youtube@2x.png);
}

.icon-form-search {
  background-image: url(../images/icon/m-search@2x.png);
}

.icon-menu {
  background-image: url(../images/icon/menu@2x.png);
}

.back-top i {
  background-image: url(../images/icon/top@2x.png);
}

.carousel-nav .lrg-circle {
  background-image: url(../images/sprite/m-carousel-lrg-circles@2x.png);
}

.rating {
  background-image: url(../images/icon/rating/sprite/m-reg@2x.png);
}

.lrg-rating {
  background-image: url(../images/icon/rating/sprite/m-large@2x.png)
}

.scroll-down {
  background-image: url(../images/icon/m-scroll-down@2x.png);
  background-size: 12px 8px;
}

}



.back-to-top {
    cursor: pointer;
}

.desktop-only.back-to-top {
    background-color: #6d6e6f;
    height: 30px;
    min-width: 110px;
    float: right;
    clear: both;
    position: relative;
}

.desktop-only.back-to-top .label {
    color: #FFF;
    text-transform: uppercase;
    font-size: 10px;
    margin: 9px 10px 8px 27px;
    display: inline-block;
}

.desktop-only.back-to-top .icon {
    position: absolute;
    top: 8px;
    left: 10px;
}



.mobile-only.back-to-top {
    width: 100%;
    height: 70px;
    background-color: #DCDCDC;
    text-align: center;
}

.mobile-only.back-to-top .label {
    font-family: 'NiveaBold';
    color: #727272;
    font-size: 15px;
    margin-top: 27px;
    display: inline-block;
    text-transform: uppercase;
}

.mobile-only.back-to-top .icon {
    margin: 0 0 -1px 6px;
}

.product-category .sort .hide {
    display: none;
}