div[role="main"] {
  margin: 0 auto;
}
/* MODULE BREADCRUMB BEGIN */
.breadcrumb {
  margin: 0 0 0.4em;
}
/* MODULE BREADCRUMB END */
/* Footnotes */
.outro-li,
p.outro-text {
  padding-bottom: 0;
}
/* Notification messages */
.buttons-container a {
  float: left;
  margin-right: 1em;
  width: 25em;
  height: 4em;
  max-width: none;
  line-height: 3em;
}
.buttons-container p {
  color: #000;
  font-size: 3em;
  clear: both;
}
/* Notification messages */
.notification .generic-black-button,
.notification .generic-white-button,
.notification .generic-facebook-button {
  font-size: 0.8em;
}
.notification .notification-container {
  padding-left: 3em;
  width: 989px;
  margin-left: -514px;
}
.notification .notification-container .notification-info {
  max-width: 85%;
}
.popup {
  display: none;
}
.popup.popup-mask {
  width: 20em;
  height: 30em;
  right: 50%;
  top: 50%;
  margin: -15em -10em;
  overflow: hidden;
  position: fixed;
  z-index: 20;
}
.popup.medium_container {
  width: 40em;
  height: 40em;
  margin: -20em -20em;
}
.popup.big_container {
  width: 50em;
  height: 50em;
  margin: -25em -25em;
}
/* Custom selects */
.custom-select .sprite.toggler-plus {
  right: .7em;
}
.custom-select.light:before {
  top: 0.8em;
}
.custom-select.light:after {
  top: 0.95em;
}
/* MODULE ARTICLE NAV BEGIN */
.article-nav ul li {
  font-size: 1.375em;
  width: 40%;
}
.article-nav ul li h2 {
  font-size: 1em;
}
.article-nav .control {
  font-size: .813em;
  top: 2.5em;
}
.article-nav .control.prev {
  top: 2.5em;
}
.article-nav .control.next {
  background-position: 56px -750px;
  top: 2.5em;
}
.main-article .article-nav-save {
  right: 1.6em;
}
/* MODULE ARTICLE NAV END */
/* MODULE VIDEO PLAYER BEGIN */
.video.embedded {
  height: 20.688em;
}
/* MODULE VIDEO PLAYER END */
/* MODULE TITLE BEGIN */
.module-title {
  display: inline-block;
}
/* MODULE TITLE END */
.module-article-box h3 {
  font-size: 1.65em;
}
.module-article-box h3 a {
  font-size: 1.15em;
  line-height: 1em;
}
.beauty-library .module-article-box h3 a {
  font-size: 1.65em;
}
/* MODULE BANNERS BEGIN */
.article-banner-off {
  margin-top: 0;
}
/* MODULE BANNERS END */
.fancybox-close {
  right: 62px;
  top: 18px;
}
.droitmod-consultation.haircolor {
  margin-bottom: 5em;
}

.droitmod-consultation.haircolor .consultation-wrapper {
  overflow: hidden;
}

.droitmod-consultation.haircolor .consultation-wrapper .consultation-nav {
  top: 21px;
}

.droitmod-consultation.haircolor .consultation-wrapper .consultation-nav .tabs li {
  font-size: 10px;
}

.droitmod-consultation.haircolor .consultation-wrapper .consultation-nav .tabs li.tab-highlight {
  top: 28px;
}

.droitmod-consultation.haircolor .consultation-wrapper .consultation-steps {
  height: 670px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .tab-bg-wrapper .img-responsive img {
  min-height: 40em;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block {
  padding: 90px 15px 31px;
  width: 1042px;
  height: 640px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .icon-wrapper {
  width: auto;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details {
  padding: 0 4em 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details h3 {
  font-size: 32px;
  max-width: none;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .subtitle {
  font-size: 14px;
  line-height: 26px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .answers {
  margin: 0 auto;
  position: relative;
  width: 65%;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item {
  padding-bottom: 12px;
  width: auto;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a {
  width: 140px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a:hover span {
  -webkit-transition: color 0.25s ease-in;
  -moz-transition: color 0.25s ease-in;
  -ms-transition: color 0.25s ease-in;
  -o-transition: color 0.25s ease-in;
  transition: color 0.25s ease-in;
  color: #555;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a:hover span .ico-option:before {
  color: white;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a:hover span .ico-option:after {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -o-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a:hover span .ico-option.hc-icon:after {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option {
  width: 73px;
  height: 73px;
  padding: 25px 21px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option:before {
  font-size: 2.1em;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option.droit2-icon-prevention {
  font-size: 14px;
  padding: 24px 22px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option.droit2-icon-circle {
  font-size: 6px;
  padding: 32px 21px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option.droit2-icon-hc-blonde, .droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option.droit2-icon-hc-dark-blonde, .droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option.droit2-icon-hc-light-blonde, .droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option.droit2-icon-hc-medium-blonde, .droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option.droit2-icon-hc-bleach-blonde, .droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option.droit2-icon-hc-brown, .droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option.droit2-icon-hc-dark-brown, .droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option.droit2-icon-hc-darkest-brown, .droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option.droit2-icon-hc-light-brown, .droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option.droit2-icon-hc-medium-brown, .droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option.droit2-icon-hc-black, .droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option.droit2-icon-hc-soft-black, .droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option.droit2-icon-hc-red, .droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option.droit2-icon-hc-auburn, .droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option.droit2-icon-hc-copper-red, .droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option.droit2-icon-hc-burgundy, .droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option.droit2-icon-hc-mahogany, .droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option.droit2-icon-hc-medium-red {
  width: 73px;
  height: 72px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a span {
  font-size: 12px;
  line-height: 18px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a span:first-child {
  margin-bottom: 15px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .btn-cta {
  font-size: 12px;
  letter-spacing: 2px;
  width: 180px;
  height: 50px;
  padding: 15px;
  bottom: 40px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .tooltip-wrapper {
  width: 100%;
  display: block !important;
  position: absolute;
  z-index: 50;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .tooltip-wrapper.top {
  bottom: 10px;
  top: auto;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .tooltip-wrapper.top .tooltip-information-wrapper {
  min-height: 135px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .tooltip-wrapper.bottom {
  top: -15px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .tooltip-wrapper.bottom .tooltip-information-wrapper {
  min-height: 135px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .tooltip-wrapper.bottom .tooltip-arrow {
  bottom: -10px;
  top: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #ecf0f4 transparent transparent transparent;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .tooltip-wrapper .tooltip-information-wrapper {
  position: relative;
  background: #ecf0f4;
  padding: 16px 18px;
  text-align: left;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .tooltip-wrapper .tooltip-information-wrapper .information-inner-wrapper > span {
  font-size: 21px;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .tooltip-wrapper .tooltip-information-wrapper .information-inner-wrapper p {
  display: inline-block;
  font-family: "Gotham-Book", "Arial", sans-serif;
  font-size: 14px;
  line-height: 25px;
  width: 90%;
  vertical-align: top;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .center .text-block .tooltip-wrapper .tooltip-arrow {
  content: '';
  position: absolute;
  top: -10px;
  left: 50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #ecf0f4 transparent;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper .details .face-wrapper {
  width: 100%;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.face-selection1 .center .text-block .details .answers {
  width: 70%;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.face-selection1 .center .text-block .details .answers .face-wrapper {
  background-size: 466px;
  max-width: 565px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.face-selection1 .center .text-block .details .answers .face-wrapper .face-section.forehead {
  background: url("../img/-droitmod-consultation-haircolor/taa/face-selection1/desktop-forehead-hover.png") 30px 5px no-repeat;
  height: 56px;
  top: 37px;
  background-size: 329px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.face-selection1 .center .text-block .details .answers .face-wrapper .face-section.eyes {
  background: url("../img/-droitmod-consultation-haircolor/taa/face-selection1/desktop-eyes-hover.png") 203px 3px no-repeat;
  height: 35px;
  top: 116px;
  background-size: 293px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.face-selection1 .center .text-block .details .answers .face-wrapper .face-section.cheeks {
  background: url("../img/-droitmod-consultation-haircolor/taa/face-selection1/desktop-cheeks-hover.png") 43px 2px no-repeat;
  height: 54px;
  top: 137px;
  background-size: 323px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.face-selection2 .center .text-block .details .answers {
  width: 70%;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.face-selection2 .center .text-block .details .answers .face-wrapper {
  background-size: 550px;
  max-width: 595px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.face-selection2 .center .text-block .details .answers .face-wrapper .face-section.forehead {
  background: url("../img/-droitmod-consultation-haircolor/taa/face-selection2/desktop-forehead-hover.png") 150px 5px no-repeat;
  height: 53px;
  top: 35px;
  background-size: 223px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.face-selection2 .center .text-block .details .answers .face-wrapper .face-section.eyes {
  background: url("../img/-droitmod-consultation-haircolor/taa/face-selection2/desktop-eyes-hover.png") 214px 1px no-repeat;
  height: 35px;
  top: 116px;
  background-size: 239px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.face-selection2 .center .text-block .details .answers .face-wrapper .face-section.neck {
  background: url("../img/-droitmod-consultation-haircolor/taa/face-selection2/desktop-neck-chest-hover.png") 235px 1px no-repeat;
  height: 60px;
  bottom: 12px;
  background-size: 221px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.face-selection3 .center .text-block .details .answers {
  width: 70%;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.face-selection3 .center .text-block .details .answers .face-wrapper {
  background-size: 514px;
  max-width: 626px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.face-selection3 .center .text-block .details .answers .face-wrapper .face-section.eyes {
  background: url("../img/-droitmod-consultation-haircolor/taa/face-selection3/desktop-eyes-hover.png") 230px 4px no-repeat;
  height: 35px;
  top: 116px;
  background-size: 296px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.face-selection3 .center .text-block .details .answers .face-wrapper .face-section.jawline {
  background: url("../img/-droitmod-consultation-haircolor/taa/face-selection3/desktop-jawline-hover.png") 243px 1px no-repeat;
  height: 53px;
  top: 191px;
  background-size: 278px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.face-selection3 .center .text-block .details .answers .face-wrapper .face-section.neck {
  background: url("../img/-droitmod-consultation-haircolor/taa/face-selection3/desktop-neck-chest-hover.png") 13px 2px no-repeat;
  height: 60px;
  bottom: 11px;
  background-size: 358px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.common-options .center .text-block .details .answers {
  width: 70%;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.results .center .text-block {
  padding: 90px 0 0;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.results .center .text-block .results-wrapper > .prev-step {
  top: 27px;
  left: 24px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.results .center .text-block .results-wrapper > .prev-step span {
  font-size: 12px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details {
  padding: 0px 2em 1em;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details > h3 {
  font-size: 16px;
  position: absolute;
  top: -31px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details .results-list-wrapper:after {
  content: ' ';
  display: inline-block;
  width: 100%;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details .results-list-wrapper .individual-result-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details .results-list-wrapper .individual-result-box .fav-icon {
  color: #bd98c1;
  font-size: 11px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details .results-list-wrapper .individual-result-box h3 {
  font-size: 10px;
  margin: 30px 0 12px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details .results-list-wrapper .individual-result-box h2 {
  font-size: 16px;
  line-height: 22px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details .results-list-wrapper .individual-result-box p {
  font-size: 10px;
  margin-bottom: 20px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details .results-list-wrapper .individual-result-box > .btn-cta {
  font-size: 12px;
  width: 180px;
  height: 50px;
  background-color: #aa7cb0;
  margin-bottom: -58px;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details .results-list-wrapper .individual-result-box > .btn-cta:before {
  display: none;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details .results-list-wrapper .individual-result-box > .btn-cta:hover {
  background: #b48cba;
  border-color: #b48cba;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details .results-list-wrapper .individual-result-box.three-results {
  float: left;
  margin: 0 54px 0 0;
  width: 31%;
  max-width: 282px;
  height: 278px;
  position: relative;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details .results-list-wrapper .individual-result-box.three-results:last-child {
  margin-right: 0;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details .results-list-wrapper .individual-result-box.three-results .btn-cta {
  position: absolute;
  bottom: -25px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  margin: 0;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.results .center .text-block .footer-coupon {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.small-slider .details .ruler-wrapper, .droitmod-consultation.haircolor .consultation-steps .step-wrapper.age-slider .details .ruler-wrapper {
  margin: 60px auto 45px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.small-slider .details .ruler-wrapper .rangeslider__handle, .droitmod-consultation.haircolor .consultation-steps .step-wrapper.age-slider .details .ruler-wrapper .rangeslider__handle {
  width: 50px;
  height: 50px;
  top: -21px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.small-slider .details .ruler-wrapper .rangeslider__handle span, .droitmod-consultation.haircolor .consultation-steps .step-wrapper.age-slider .details .ruler-wrapper .rangeslider__handle span {
  font-size: 17px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.small-slider .details .ruler-wrapper .rangeslider__handle span.droit-icon-large-l, .droitmod-consultation.haircolor .consultation-steps .step-wrapper.age-slider .details .ruler-wrapper .rangeslider__handle span.droit-icon-large-l {
  left: 10px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.small-slider .details .ruler-wrapper .rangeslider__handle span.droit-icon-large-r, .droitmod-consultation.haircolor .consultation-steps .step-wrapper.age-slider .details .ruler-wrapper .rangeslider__handle span.droit-icon-large-r {
  right: 5px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.small-slider .details .ruler-caption ul, .droitmod-consultation.haircolor .consultation-steps .step-wrapper.age-slider .details .ruler-caption ul {
  width: 95%;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.small-slider .details .ruler-caption ul li, .droitmod-consultation.haircolor .consultation-steps .step-wrapper.age-slider .details .ruler-caption ul li {
  font-size: 12px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.small-slider .center .text-block .details .answers {
  width: 100%;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.small-slider .center .text-block .details .answers .ruler-wrapper {
  width: 645px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.small-slider .center .text-block .details .answers .ruler-wrapper .rangeslider {
  width: 560px;
  margin: 0 auto;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.age-slider .center .text-block .details .answers {
  width: 100%;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.age-slider .center .text-block .details .answers .ruler-wrapper {
  width: 698px;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.age-slider .center .text-block .details .answers .ruler-wrapper .rangeslider {
  width: 100%;
  margin: 0 auto;
}

.droitmod-consultation.haircolor .consultation-steps .step-wrapper.age-slider .center .text-block .details .answers .ruler-caption ul {
  width: 91%;
}
.droitmod-consultation {
  margin-bottom: 5em;
}

.droitmod-consultation .consultation-wrapper {
  overflow: hidden;
}

.droitmod-consultation .consultation-wrapper .consultation-nav {
  top: 21px;
}

.droitmod-consultation .consultation-wrapper .consultation-nav .tabs li {
  font-size: 10px;
}

.droitmod-consultation .consultation-wrapper .consultation-nav .tabs li.tab-highlight {
  top: 28px;
}

.droitmod-consultation .consultation-wrapper .consultation-steps {
  height: 620px;
}

.droitmod-consultation .consultation-wrapper.tab2-bg .consultation-steps .step-wrapper.common-options .center .text-block .details .answers {
  width: 64%;
}

.droitmod-consultation .consultation-steps .step-wrapper .tab-bg-wrapper .img-responsive img {
  min-height: 40em;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block {
  padding: 90px 15px 31px;
  width: 1042px;
  height: 580px;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .icon-wrapper {
  width: auto;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .details {
  padding: 0 4em 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .details h3 {
  font-size: 32px;
  max-width: none;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .details .subtitle {
  font-size: 14px;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .details .answers {
  margin: 0 auto;
  position: relative;
  width: 65%;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item {
  padding-bottom: 12px;
  width: auto;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a {
  width: 140px;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a:hover span {
  -webkit-transition: color 0.25s ease-in;
  -moz-transition: color 0.25s ease-in;
  -ms-transition: color 0.25s ease-in;
  -o-transition: color 0.25s ease-in;
  transition: color 0.25s ease-in;
  color: #555;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a:hover span .ico-option:before {
  color: white;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a:hover span .ico-option:after {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -o-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option {
  width: 73px;
  height: 73px;
  padding: 25px 21px;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option:before {
  font-size: 2.1em;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option.droit2-icon-prevention {
  font-size: 14px;
  padding: 24px 22px;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option.droit2-icon-circle {
  font-size: 13px;
  padding: 30px;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a .ico-option.droit2-icon-dark-spots {
  font-size: 15px;
  padding: 21px;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a span {
  font-size: 12px;
  line-height: 18px;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .details .icon-slider-wrapper .icon-item a span:first-child {
  margin-bottom: 15px;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .btn-cta {
  cursor: default;
  pointer-events: none;
  font-size: 12px;
  letter-spacing: 2px;
  width: 180px;
  height: 50px;
  padding: 15px;
  bottom: 40px;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .btn-cta.selected {
  cursor: pointer;
  pointer-events: inherit;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .tooltip-wrapper {
  width: 100%;
  display: block !important;
  position: absolute;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .tooltip-wrapper.top {
  position: absolute;
  bottom: 10px;
  top: auto;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .tooltip-wrapper.top .tooltip-information-wrapper {
  min-height: 135px;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .tooltip-wrapper.bottom {
  position: absolute;
  top: -7px;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .tooltip-wrapper.bottom .tooltip-information-wrapper {
  min-height: 135px;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .tooltip-wrapper.bottom .tooltip-arrow {
  bottom: -10px;
  top: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #ecf0f4 transparent transparent transparent;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .tooltip-wrapper .tooltip-information-wrapper {
  position: relative;
  background: #ecf0f4;
  padding: 16px 18px;
  text-align: left;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .tooltip-wrapper .tooltip-information-wrapper .information-inner-wrapper > span {
  font-size: 21px;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .tooltip-wrapper .tooltip-information-wrapper .information-inner-wrapper p {
  display: inline-block;
  font-family: "Gotham-Book", "Arial", sans-serif;
  font-size: 14px;
  line-height: 25px;
  width: 90%;
  vertical-align: top;
}

.droitmod-consultation .consultation-steps .step-wrapper .center .text-block .tooltip-wrapper .tooltip-arrow {
  content: '';
  position: absolute;
  top: -10px;
  left: 50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #ecf0f4 transparent;
}

.droitmod-consultation .consultation-steps .step-wrapper .details .face-wrapper {
  width: 100%;
}

.droitmod-consultation .consultation-steps .step-wrapper.face-selection1 .center .text-block .details .answers {
  width: 70%;
}

.droitmod-consultation .consultation-steps .step-wrapper.face-selection1 .center .text-block .details .answers .face-wrapper {
  background-size: 466px;
  max-width: 565px;
}

.droitmod-consultation .consultation-steps .step-wrapper.face-selection1 .center .text-block .details .answers .face-wrapper .face-section.forehead {
  background: url("../img/-droitmod-consultation-skincare/taa/face-selection1/desktop-forehead-hover.png") 30px 5px no-repeat;
  height: 56px;
  top: 37px;
  background-size: 329px;
}

.droitmod-consultation .consultation-steps .step-wrapper.face-selection1 .center .text-block .details .answers .face-wrapper .face-section.eyes {
  background: url("../img/-droitmod-consultation-skincare/taa/face-selection1/desktop-eyes-hover.png") 203px 3px no-repeat;
  height: 35px;
  top: 116px;
  background-size: 293px;
}

.droitmod-consultation .consultation-steps .step-wrapper.face-selection1 .center .text-block .details .answers .face-wrapper .face-section.face {
  top: 185px;
}

.droitmod-consultation .consultation-steps .step-wrapper.face-selection1 .center .text-block .details .answers .face-wrapper .face-section.cheeks {
  background: url("../img/-droitmod-consultation-skincare/taa/face-selection1/desktop-cheeks-hover.png") 43px 2px no-repeat;
  height: 54px;
  top: 137px;
  background-size: 323px;
}

.droitmod-consultation .consultation-steps .step-wrapper.face-selection2 .center .text-block .details .answers {
  width: 70%;
}

.droitmod-consultation .consultation-steps .step-wrapper.face-selection2 .center .text-block .details .answers .face-wrapper {
  background-size: 550px;
  max-width: 595px;
}

.droitmod-consultation .consultation-steps .step-wrapper.face-selection2 .center .text-block .details .answers .face-wrapper .face-section.forehead {
  background: url("../img/-droitmod-consultation-skincare/taa/face-selection2/desktop-forehead-hover.png") 150px 5px no-repeat;
  height: 53px;
  top: 35px;
  background-size: 223px;
}

.droitmod-consultation .consultation-steps .step-wrapper.face-selection2 .center .text-block .details .answers .face-wrapper .face-section.eyes {
  background: url("../img/-droitmod-consultation-skincare/taa/face-selection2/desktop-eyes-hover.png") 214px 1px no-repeat;
  height: 35px;
  top: 116px;
  background-size: 239px;
}

.droitmod-consultation .consultation-steps .step-wrapper.face-selection2 .center .text-block .details .answers .face-wrapper .face-section.face {
  top: 145px;
}

.droitmod-consultation .consultation-steps .step-wrapper.face-selection2 .center .text-block .details .answers .face-wrapper .face-section.neck {
  background: url("../img/-droitmod-consultation-skincare/taa/face-selection2/desktop-neck-chest-hover.png") 235px 1px no-repeat;
  height: 60px;
  bottom: 12px;
  background-size: 221px;
}

.droitmod-consultation .consultation-steps .step-wrapper.face-selection3 .center .text-block .details .answers {
  width: 70%;
}

.droitmod-consultation .consultation-steps .step-wrapper.face-selection3 .center .text-block .details .answers .face-wrapper {
  background-size: 514px;
  max-width: 626px;
}

.droitmod-consultation .consultation-steps .step-wrapper.face-selection3 .center .text-block .details .answers .face-wrapper .face-section.eyes {
  background: url("../img/-droitmod-consultation-skincare/taa/face-selection3/desktop-eyes-hover.png") 230px 4px no-repeat;
  height: 35px;
  top: 116px;
  background-size: 296px;
}

.droitmod-consultation .consultation-steps .step-wrapper.face-selection3 .center .text-block .details .answers .face-wrapper .face-section.jawline {
  background: url("../img/-droitmod-consultation-skincare/taa/face-selection3/desktop-jawline-hover.png") 243px 1px no-repeat;
  height: 53px;
  top: 191px;
  background-size: 278px;
}

.droitmod-consultation .consultation-steps .step-wrapper.face-selection3 .center .text-block .details .answers .face-wrapper .face-section.neck {
  background: url("../img/-droitmod-consultation-skincare/taa/face-selection3/desktop-neck-chest-hover.png") 13px 2px no-repeat;
  height: 60px;
  bottom: 11px;
  background-size: 358px;
}

.droitmod-consultation .consultation-steps .step-wrapper.common-options .center .text-block .details .answers {
  width: 70%;
}

.droitmod-consultation .consultation-steps .step-wrapper.results .center .text-block {
  padding: 90px 0 0;
}

.droitmod-consultation .consultation-steps .step-wrapper.results .center .text-block .results-wrapper > .prev-step {
  top: 27px;
  left: 24px;
}

.droitmod-consultation .consultation-steps .step-wrapper.results .center .text-block .results-wrapper > .prev-step span {
  font-size: 12px;
}

.droitmod-consultation .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details {
  padding: 0px 2em 1em;
}

.droitmod-consultation .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details > h3 {
  font-size: 16px;
  position: absolute;
  top: -31px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.droitmod-consultation .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details .results-list-wrapper:after {
  content: ' ';
  display: inline-block;
  width: 100%;
}

.droitmod-consultation .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details .results-list-wrapper .individual-result-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.droitmod-consultation .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details .results-list-wrapper .individual-result-box .fav-icon {
  color: #a5b1bd;
  font-size: 11px;
}

.droitmod-consultation .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details .results-list-wrapper .individual-result-box h3 {
  font-size: 10px;
  margin: 30px 0 12px;
}

.droitmod-consultation .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details .results-list-wrapper .individual-result-box h2 {
  font-size: 16px;
  line-height: 22px;
}

.droitmod-consultation .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details .results-list-wrapper .individual-result-box p {
  font-size: 10px;
  margin-bottom: 20px;
}

.droitmod-consultation .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details .results-list-wrapper .individual-result-box > .btn-cta {
  cursor: pointer;
  font-size: 12px;
  width: 180px;
  height: 50px;
  background-color: #a5b1bd;
  margin-bottom: -58px;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.droitmod-consultation .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details .results-list-wrapper .individual-result-box > .btn-cta:before {
  display: none;
}

.droitmod-consultation .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details .results-list-wrapper .individual-result-box > .btn-cta:hover {
  background: #b4bec8;
  border-color: #b4bec8;
}

.droitmod-consultation .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details .results-list-wrapper .individual-result-box.three-results {
  display: inline-block;
  margin: 0 54px 0 0;
  width: 31%;
  max-width: 282px;
  height: 278px;
  position: relative;
  vertical-align: top;
}

.droitmod-consultation .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details .results-list-wrapper .individual-result-box.three-results:last-child {
  margin-right: 0;
}

.droitmod-consultation .consultation-steps .step-wrapper.results .center .text-block .results-wrapper .details .results-list-wrapper .individual-result-box.three-results .btn-cta {
  cursor: pointer;
  position: absolute;
  bottom: -25px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  margin: 0;
}

.droitmod-consultation .consultation-steps .step-wrapper.results .center .text-block .footer-coupon {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.droitmod-consultation .consultation-steps .step-wrapper.small-slider .details .ruler-wrapper, .droitmod-consultation .consultation-steps .step-wrapper.age-slider .details .ruler-wrapper {
  margin: 60px auto 45px;
}

.droitmod-consultation .consultation-steps .step-wrapper.small-slider .details .ruler-wrapper .rangeslider__handle, .droitmod-consultation .consultation-steps .step-wrapper.age-slider .details .ruler-wrapper .rangeslider__handle {
  width: 50px;
  height: 50px;
  top: -21px;
}

.droitmod-consultation .consultation-steps .step-wrapper.small-slider .details .ruler-wrapper .rangeslider__handle span, .droitmod-consultation .consultation-steps .step-wrapper.age-slider .details .ruler-wrapper .rangeslider__handle span {
  font-size: 17px;
}

.droitmod-consultation .consultation-steps .step-wrapper.small-slider .details .ruler-wrapper .rangeslider__handle span.droit-icon-large-l, .droitmod-consultation .consultation-steps .step-wrapper.age-slider .details .ruler-wrapper .rangeslider__handle span.droit-icon-large-l {
  left: 10px;
}

.droitmod-consultation .consultation-steps .step-wrapper.small-slider .details .ruler-wrapper .rangeslider__handle span.droit-icon-large-r, .droitmod-consultation .consultation-steps .step-wrapper.age-slider .details .ruler-wrapper .rangeslider__handle span.droit-icon-large-r {
  right: 5px;
}

.droitmod-consultation .consultation-steps .step-wrapper.small-slider .details .ruler-caption ul, .droitmod-consultation .consultation-steps .step-wrapper.age-slider .details .ruler-caption ul {
  width: 95%;
}

.droitmod-consultation .consultation-steps .step-wrapper.small-slider .details .ruler-caption ul li, .droitmod-consultation .consultation-steps .step-wrapper.age-slider .details .ruler-caption ul li {
  font-size: 12px;
}

.droitmod-consultation .consultation-steps .step-wrapper.small-slider .center .text-block .details .answers {
  width: 100%;
}

.droitmod-consultation .consultation-steps .step-wrapper.small-slider .center .text-block .details .answers .ruler-wrapper {
  width: 645px;
}

.droitmod-consultation .consultation-steps .step-wrapper.small-slider .center .text-block .details .answers .ruler-wrapper .rangeslider {
  width: 560px;
  margin: 0 auto;
}

.droitmod-consultation .consultation-steps .step-wrapper.age-slider .center .text-block .details .answers {
  width: 100%;
}

.droitmod-consultation .consultation-steps .step-wrapper.age-slider .center .text-block .details .answers .ruler-wrapper {
  width: 698px;
}

.droitmod-consultation .consultation-steps .step-wrapper.age-slider .center .text-block .details .answers .ruler-wrapper .rangeslider {
  width: 100%;
  margin: 0 auto;
}

.droitmod-consultation .consultation-steps .step-wrapper.age-slider .center .text-block .details .answers .ruler-caption ul {
  width: 91%;
}
footer.footer {
  border-top: 1px solid #505050;
  margin: 3.125em auto 0;
}
@media all and (min-width: 1220px) {
  footer.footer {
    padding: 0;
  }
  footer.footer div {
    width: 75em;
  }
}
footer.footer .go-top {
  font-size: 0.8em;
  line-height: 5.6em;
}
footer.footer nav {
  width: auto;
  padding: 0.5em 0;
}
footer.footer nav ul {
  font-size: 0.82em;
  margin: 0;
  padding: 0;
}
footer.footer nav ul li {
  padding: 0.5em 3.3em 0 0;
  margin: 0 0 0 .5em;
}
footer.footer nav ul li a {
  padding-top: 0.4em;
}
footer.footer nav.quick-links {
  top: -3.7em;
  margin-left: 0;
}
footer.footer nav.quick-links dl {
  font-size: .813em;
  margin-right: 8.4em;
}
footer.footer nav.quick-links dl.skincare {
  margin-right: 4em;
}
footer.footer .language-selection {
  float: left;
  font-size: 0.82em;
  margin-top: 1em;
}
footer.footer .legal {
  font-size: 0.75em;
  padding: 2.3em 0 1em 0;
}
header[role='banner'] > .container {
  max-width: 75em;
}
@media all and (max-width: 1220px) {
  header[role='banner'] > .container {
    padding: 0 1em 0 1.6em;
  }
}
header[role='banner'] .top-nav .logo {
  width: 13%;
  padding: .8% 0 0 0;
}
@media all and (max-width: 1220px) {
  header[role='banner'] .top-nav .logo {
    padding: .8% 0 0 .2em;
  }
}
header[role='banner'] .top-nav nav ul {
  padding: 1em 0 .4em;
}
header[role='banner'] .top-nav nav ul li {
  font-size: .9em;
}
header[role='banner'] .top-nav nav ul li a {
  height: 1.1em;
}
header[role='banner'] .top-nav nav ul li a.log-out {
  padding-right: 0;
}
header[role='banner'] .top-nav nav .saved-list-items .paginator {
  margin-top: -1em;
}
header[role='banner'] .top-nav nav .saved-list-items .paginator ul li {
  margin-top: -0.4em;
}
header[role='banner'] .top-nav nav .dropdown-menu-top ul li a {
  font-size: .9em;
}
header[role='banner'] .top-nav nav .dropdown-menu-top.visible {
  max-height: 12.3em;
}
header[role='banner'] .main {
  width: 73%;
}
header[role='banner'] .main ul.beauty-hq {
  left: .1em;
}
@media all and (max-width: 1220px) {
  header[role='banner'] .main ul.beauty-hq {
    left: 1em;
    padding-left: .78em;
  }
}
header[role='banner'] .main ul[role='navigation'] li {
  margin-left: -0.5em;
}
header[role='banner'] .main ul[role='navigation'] li ul li a {
  font-size: .82em;
}
header[role='banner'] .main ul[role='navigation'] li:first-child a {
  padding-left: 0;
}
header[role='banner'] .main ul[role='navigation'] li.group {
  width: 60%;
}
header[role='banner'] .main ul[role='navigation'] li.group ul li {
  min-width: 20%;
  text-align: left;
}
header[role='banner'] .main ul[role='navigation'] li.group ul li a {
  margin: 0;
  padding: 0 2.4em 0 1.3em;
}
header[role='banner'] .main ul[role='navigation'] li.collapsed li:first-child a {
  padding-left: 2.4em;
}
header[role='banner'] .main ul[role='navigation'] li.collapsed {
  width: 23%;
  margin-top: -3.5em;
}
header[role='banner'] .main ul[role='navigation'] li.collapsed a {
  height: 1.4em;
  padding-top: 0;
}
header[role='banner'] .main ul[role='navigation'] li a {
  padding: 0 2em 0 2.4em;
  font-size: .82em;
}
header[role='banner'] .notice {
  max-width: 100%;
  margin: .885em 0;
  padding: 1.438em 0 1.4375em 2em;
}
header[role='banner'] .notice:before {
  content: none;
}
header[role='banner'] .notice p {
  margin-right: 1.25em;
}
header[role='banner'] .notice a {
  margin-right: 1.8%;
}
header[role='banner'] .search-form a[data-behavior='trigger-next'] {
  display: none;
}
header[role='banner'] .search-form [role='form'] {
  position: static;
  display: block;
  width: auto;
  height: auto;
  padding: 0;
  background: transparent;
}
header[role='banner'] .search-form [role='form'].visible {
  padding: 0;
}
header[role='banner'] .search-form [role='form'] a.close {
  display: none;
}
header[role='banner'] .search-form [role='form'] .text {
  position: absolute;
  top: 1.035em;
  right: 0;
  left: auto;
  width: 8.65em;
  height: 1.5em;
  padding-right: .7em;
  color: white;
  font: normal 400 2.3em 'HelveticaNeueW01-200', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
  line-height: 1.8em;
  border-bottom: 1px solid #999;
}
header[role='banner'] .search-form [role='form'] .text.placeholder {
  top: 5em;
  right: 10px;
  left: auto;
  width: 25%;
  height: 1.5em;
  color: #f7f7f7;
  font: italic 600 0.9em 'Times', 'Times New Roman', serif;
}
header[role='banner'] .search-form [role='form'] .text::-webkit-search-cancel-button {
  display: none;
}
header[role='banner'] .search-form [role='form'] .button {
  position: absolute;
  top: 3.2em;
  right: 10px;
  width: 25px;
  height: 23px;
  margin-right: 0;
  padding: 0;
  color: transparent;
  text-indent: -999em;
  background: url(../img/header/ico-search.png) no-repeat;
  cursor: pointer;
}
header[role='banner'] .user-profile {
  left: 0;
}
.dropdown-menu {
  width: 19.5em;
  margin-left: 0;
  font-size: 1em;
}
.dropdown-menu li a {
  line-height: 1.3;
}
.dropdown-menu li a p,
.dropdown-menu li a span {
  width: 78%;
}
.dropdown-menu li a span {
  margin-bottom: .5em;
}
.dropdown-menu li a p {
  padding: 8px 0 0;
}
div[role='main'].pdp-overlay .product-description h1,
div[role='main'].pdp-overlay .product-description h2 {
  font-size: 1.5em;
}
div[role='main'].pdp-overlay .product-description p {
  font-size: 1em;
}
div[role='main'].pdp-overlay .product-description a {
  padding-left: 0;
  font-size: 1em;
}