@charset "UTF-8";
/*  =GLOBAL VARS
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/*	=FONT VARIABLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/*	=GLOBAL VARIABLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/* media query breakpoints */
/*  =MIXINS
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/**
 * mixin respond-to for media querries
 * 
 * usage example:
 * to add different color per media-query add inside selector:
 * @include respond-to(cellphones) { color: green; }
 * @include respond-to(tablets) { color: blue; }
 * @include respond-to(laptops) { color: orange; }
 * @include respond-to(widescreens) { color: yellow; }
 */
/**
 * default variables can be ovverride
 */
/*  =PARTIALS
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/*  =RESET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, 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, 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; }

/* HTML5 tags */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
  margin: 0;
  padding: 0; }

html, body {
  height: 100%; }

html {
  font-size: 62.5%; }

body {
  font-family: arial;
  word-wrap: break-word;
  color: #000;
  -webkit-text-size-adjust: 100%; }

* {
  outline: none; }

a {
  text-decoration: none;
  color: #000; }

a .mask {
  color: #fff; }

img {
  max-width: 100%; }

.filterSalonMap img, .salonMap img {
  max-width: none; }

.ir {
  text-indent: -9000em;
  outline: none;
  overflow: hidden;
  font-size: 0;
  line-height: 0; }

.hide {
  display: none; }

.italic {
  font-style: italic; }

.size-4 {
  font-size: 4em; }

.size-8 {
  font-size: 8em; }

h2 {
  font-family: "ClanNarrow-Book";
  font-size: 5.5em;
  line-height: 1; }

h3 {
  font-family: "ClanNarrow-Book";
  line-height: 1; }

.size-2 {
  font-family: "ClanNarrow-Bold";
  font-size: 3.7em; }

h2.margin-1 {
  margin-bottom: 20px; }

h3 {
  font-size: 2.6em; }

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

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden; }

input[type='submit'],
input[type='button'] {
  border: 0;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input[type='text'] {
  background: #fff;
  outline: none;
  border: 0;
  border-radius: 0; }

::-webkit-search-cancel-button {
  -webkit-appearance: none; }

textarea {
  outline: none;
  resize: none;
  overflow: auto; }

input[type="checkbox"],
input[type="radio"] {
  height: 20px;
  width: 20px;
  padding: 0;
  border: 0;
  overflow: hidden;
  position: absolute;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  z-index: 2; }

input[type="checkbox"] + label.css-label:before,
input[type="radio"] + label.css-label:before {
  background-position: 0 0; }

input[type="checkbox"]:checked + label.css-label:before,
input[type="radio"]:checked + label.css-label:before {
  background-position: 0 -20px; }

.css-label {
  display: inline-block;
  padding-left: 30px;
  position: relative;
  line-height: 1.2; }
  .css-label:before {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    background: url("../i/sprite/checkbox.png") no-repeat;
    position: absolute;
    top: 0;
    left: 0; }
  .css-label.css-label--radio:before {
    background: url("../i/sprite/radio.png") no-repeat; }
  .css-label.css-label--round {
    font-size: 1.5em;
    line-height: 20px;
    text-transform: none;
    font-weight: 400; }
    .css-label.css-label--round:before {
      background: url("../i/sprite/checkbox_round.png") no-repeat; }
  .css-label.css-label--vert {
    text-align: center;
    padding: 0;
    width: 20px;
    height: 40px; }
    .css-label.css-label--vert:before {
      top: 20px; }

/*  =FONT FACE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
@font-face {
  font-family: "ClanNarrow-Bold";
  src: url("../../fonts/bold/bold.eot");
  src: url("../../fonts/bold/bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/bold/bold.svg#ClanNarrow-Bold") format("svg"), url("../../fonts/bold/bold.woff") format("woff"), url("../../fonts/bold/bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "ClanNarrow-Book";
  src: url("../../fonts/book/book.eot");
  src: url("../../fonts/book/book.eot?#iefix") format("embedded-opentype"), url("../../fonts/book/book.svg#ClanNarrow-Book") format("svg"), url("../../fonts/book/book.woff") format("woff"), url("../../fonts/book/book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "ClanNarrow-Medium";
  src: url("../../fonts/medium/medium.eot");
  src: url("../../fonts/medium/medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/medium/medium.svg#ClanNarrow-Book") format("svg"), url("../../fonts/medium/medium.woff") format("woff"), url("../../fonts/medium/medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "ClanNarrow-News";
  src: url("../../fonts/news/news.eot");
  src: url("../../fonts/news/news.eot?#iefix") format("embedded-opentype"), url("../../fonts/news/news.svg#ClanNarrow-Book") format("svg"), url("../../fonts/news/news.woff") format("woff"), url("../../fonts/news/news.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "ClanNarrow-Thin";
  src: url("../../fonts/thin/thin.eot");
  src: url("../../fonts/thin/thin.eot?#iefix") format("embedded-opentype"), url("../../fonts/thin/thin.svg#ClanNarrow-Book") format("svg"), url("../../fonts/thin/thin.woff") format("woff"), url("../../fonts/thin/thin.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

/*  =PLACEHOLDERS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.decoration .mask, .detailsList .row .packshot .mask:before, .productSliderCarousel li:hover, .prodLooks a:hover:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(200, 0, 60, 0)), to(rgba(200, 0, 60, 0.2)));
  background: -webkit-linear-gradient(top, rgba(200, 0, 60, 0) 0%, rgba(200, 0, 60, 0.2) 100%);
  background: linear-gradient(to bottom, rgba(200, 0, 60, 0) 0%, rgba(200, 0, 60, 0.2) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c8003c', endColorstr='#33c8003c',GradientType=0 );
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.tile .mask:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(200, 0, 60, 0)), to(rgba(200, 0, 60, 0.5)));
  background: -webkit-linear-gradient(top, rgba(200, 0, 60, 0) 0%, rgba(200, 0, 60, 0.5) 100%);
  background: linear-gradient(to bottom, rgba(200, 0, 60, 0) 0%, rgba(200, 0, 60, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c8003c', endColorstr='#55c8003c',GradientType=0 );
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.button.black, .button.button--secondary {
  background-color: #000;
  background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000));
  background: -webkit-linear-gradient(top, #000000 0%, #000000 100%);
  background: linear-gradient(to bottom, #000000 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); }

.button.pink, .button.default, .button.button--primary, .play-ico {
  background-color: #ca255d;
  background: -webkit-linear-gradient(315deg, #e01953 0%, #ed428b 70%, #e4317d 100%);
  background: linear-gradient(135deg, #e01953 0%, #ed428b 70%, #e4317d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E01953', endColorstr='#E4317D',GradientType=1 ); }

.button.pink:hover, .button.default:hover, .button.button--primary:hover, .button.black:hover, .button.button--secondary:hover {
  background-color: #d33374;
  background: -webkit-linear-gradient(315deg, #e4317d 10%, #ed428b 25%, #e01953 100%);
  background: linear-gradient(135deg, #e4317d 10%, #ed428b 25%, #e01953 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4317D', endColorstr='#E01953',GradientType=1 ); }

.breadcrumb {
  list-style: none;
  margin-left: 0; }
  .breadcrumb:after {
    content: "";
    display: table;
    clear: both; }
  .breadcrumb > li, .breadcrumb > li > a {
    display: inline-block;
    *display: inline;
    zoom: 1; }

.centeredWrapper, .visualText.centeredWrapper, .tile .mask, .detailsList .row .packshot .mask {
  display: table; }

.centered {
  display: table-cell;
  vertical-align: middle; }

.closePopin, .popinTemplate2 .close, .popupLandingPage .close {
  position: absolute;
  background: none;
  border: 0 none;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  display: block;
  outline: medium none;
  overflow: visible;
  padding: 0;
  z-index: 1046;
  top: 10px;
  right: 10px; }

.contactForm .selectBox, .voteBlock .selectBox, .selectBox {
  position: relative; }
  .selectBox .styled-select-wrapper {
    height: 38px;
    width: 100% !important;
    position: relative;
    overflow: hidden;
    border: 1px solid #939393;
    background: #fff;
    display: table; }
  .selectBox .styled-select-text {
    width: auto;
    height: 100%;
    color: #000;
    padding: 0 28px 0 10px;
    position: relative;
    top: 0;
    left: 0;
    display: table-cell;
    vertical-align: middle;
    line-height: 1;
    text-align: left; }
  .selectBox .styled-select-button {
    width: 28px;
    height: 100%;
    background: url("../i/_redesign/select_arrow.png") left center no-repeat;
    position: absolute;
    top: 0;
    right: 0; }
  .contactForm .selectBox select, .voteBlock .selectBox select, .selectBox select {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #939393;
    opacity: 0; }

.tile .mask-headline .firstLine, .detailsList .row .packshot .mask-headline .firstLine {
  font-family: "ClanNarrow-News";
  display: table;
  margin: 0 auto;
  position: relative; }
  @media only screen and (min-width: 1400px) {
    .tile .mask-headline .firstLine, .detailsList .row .packshot .mask-headline .firstLine {
      font-size: 0.5em;
      padding-bottom: 12px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1399px) {
    .tile .mask-headline .firstLine, .detailsList .row .packshot .mask-headline .firstLine {
      font-size: 0.6em;
      padding-bottom: 10px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .tile .mask-headline .firstLine, .detailsList .row .packshot .mask-headline .firstLine {
      font-size: 0.65em;
      padding-bottom: 10px; } }
  @media only screen and (max-width: 767px) {
    .tile .mask-headline .firstLine, .detailsList .row .packshot .mask-headline .firstLine {
      font-size: 0.6em;
      padding-bottom: 10px; } }
  .tile .mask-headline .firstLine:after, .detailsList .row .packshot .mask-headline .firstLine:after {
    content: "";
    background: #fff;
    background: rgba(255, 255, 255, 0.3);
    height: 1px;
    width: 100%;
    display: block; }
    @media only screen and (min-width: 1400px) {
      .tile .mask-headline .firstLine:after, .detailsList .row .packshot .mask-headline .firstLine:after {
        margin-top: 12px; } }
    @media only screen and (min-width: 1025px) and (max-width: 1399px) {
      .tile .mask-headline .firstLine:after, .detailsList .row .packshot .mask-headline .firstLine:after {
        margin-top: 10px; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .tile .mask-headline .firstLine:after, .detailsList .row .packshot .mask-headline .firstLine:after {
        margin-top: 8px; } }
    @media only screen and (max-width: 767px) {
      .tile .mask-headline .firstLine:after, .detailsList .row .packshot .mask-headline .firstLine:after {
        margin-top: 8px; } }

.dark.tile, .detailsList .row .dark.packshot, .tile .dark, .detailsList .row .packshot .dark {
  color: #000; }
  .dark.tile .mask-headline, .detailsList .row .dark.packshot .mask-headline, .tile .dark .mask-headline, .detailsList .row .packshot .dark .mask-headline {
    color: #000; }
    .dark.tile .mask-headline .firstLine:after, .detailsList .row .dark.packshot .mask-headline .firstLine:after, .tile .dark .mask-headline .firstLine:after, .detailsList .row .packshot .dark .mask-headline .firstLine:after {
      background: #000;
      background: rgba(0, 0, 0, 0.3); }
  .dark.tile .labelChar:before, .detailsList .row .dark.packshot .labelChar:before, .dark.tile .labelChar:after, .detailsList .row .dark.packshot .labelChar:after, .tile .dark .labelChar:before, .detailsList .row .packshot .dark .labelChar:before, .tile .dark .labelChar:after, .detailsList .row .packshot .dark .labelChar:after {
    border-color: #000; }

@-webkit-keyframes bounceLeft {
  from, 20%, 53%, 80%, to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-transform: translate3d(-15px, 0, 0);
            transform: translate3d(-15px, 0, 0); }
  70% {
    -webkit-transform: translate3d(7.5px, 0, 0);
            transform: translate3d(7.5px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-2px, 0, 0);
            transform: translate3d(-2px, 0, 0); } }

@keyframes bounceLeft {
  from, 20%, 53%, 80%, to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-transform: translate3d(-15px, 0, 0);
            transform: translate3d(-15px, 0, 0); }
  70% {
    -webkit-transform: translate3d(7.5px, 0, 0);
            transform: translate3d(7.5px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-2px, 0, 0);
            transform: translate3d(-2px, 0, 0); } }

@-webkit-keyframes bounceRight {
  from, 20%, 53%, 80%, to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-transform: translate3d(15px, 0, 0);
            transform: translate3d(15px, 0, 0); }
  70% {
    -webkit-transform: translate3d(-7.5px, 0, 0);
            transform: translate3d(-7.5px, 0, 0); }
  90% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0); } }

@keyframes bounceRight {
  from, 20%, 53%, 80%, to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-transform: translate3d(15px, 0, 0);
            transform: translate3d(15px, 0, 0); }
  70% {
    -webkit-transform: translate3d(-7.5px, 0, 0);
            transform: translate3d(-7.5px, 0, 0); }
  90% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0); } }

/*  =BUTTONS
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.buttonBottomMargin {
  margin-bottom: 10px; }

.topButton {
  position: absolute !important;
  top: -45px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

.remindMe {
  margin: 0 auto 40px auto !important;
  display: block !important;
  width: 200px; }

.buttonsWrapper {
  height: auto !important;
  z-index: 100;
  position: relative; }

@media only screen and (max-width: 767px) {
  #ITVA .button {
    margin: 5px 5px auto;
    padding: 0 8px; } }

.buttons {
  text-align: center;
  margin: 30px 0 60px 0;
  position: relative; }
  #MoveHairdressersContainer .buttons {
    margin: 30px 0 0px; }
  .buttons.center {
    margin: 0;
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%; }
  .buttons .prevBtn {
    position: absolute;
    left: 0;
    top: -4px; }
  .buttons.empty {
    border-radius: 5px 0;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 48px;
    visibility: hidden;
    margin: 0 !important; }
    @media only screen and (min-width: 1025px) and (max-width: 1399px) {
      .buttons.empty {
        line-height: 38px; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .buttons.empty {
        line-height: 34px; } }
    @media only screen and (max-width: 767px) {
      .buttons.empty {
        line-height: 40px; } }

.button {
  padding: 0 25px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  line-height: 35px;
  border-radius: 5px 0 5px 0;
  display: inline-block;
  position: relative;
  font-size: 1.4em;
  font-family: "ClanNarrow-News";
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  cursor: pointer; }
  .button + .button {
    margin-left: 14px; }
  .button:first-child {
    margin-left: 0; }
  .button.small {
    min-width: 162px; }
  .button.binTrigger {
    font-size: 1em;
    font-weight: 700;
    margin: 0;
    padding: 0;
    width: 100%; }

.buttonText {
  font-size: 1.6em;
  text-transform: uppercase; }
  @media only screen and (min-width: 1025px) and (max-width: 1399px) {
    .buttonText {
      font-size: 1.14286em; } }
  @media only screen and (max-width: 767px) {
    .buttonText {
      font-size: 1.2em; } }
  .buttonText.red {
    color: #c8003c; }
  .whiteText .buttonText {
    color: #fff; }
    .whiteText .buttonText:before {
      content: '';
      background: url("../i/sprite/buttonText_arrow_white.png") no-repeat;
      width: 9px;
      height: 12px;
      display: inline-block;
      margin-right: 10px; }

.ico-pdf, .ico-shop, .ico-print {
  padding-left: 12px; }
  .ico-pdf:before, .ico-shop:before, .ico-print:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px; }

.ico-pdf:before {
  background-image: url(../i/sprite/sprite.png);
  background-position: -168px -511px;
  width: 23px;
  height: 26px; }

.ico-shop:before {
  background-image: url(../i/sprite/sprite.png);
  background-position: -551px -474px;
  width: 9px;
  height: 16px; }

.ico-print:before {
  background-image: url(../i/sprite/sprite.png);
  background-position: -378px -483px;
  width: 23px;
  height: 24px; }

.ico-buyonline {
  padding-right: 12px; }
  .ico-buyonline:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px; }

.ico-buyonline:after {
  background-image: url(../i/sprite/sprite.png);
  background-position: -560px -193px;
  width: 14px;
  height: 18px; }

/* FIXOWANIE BUTTONÓW NA STRONIE */
.buttonsWrapper.is-sticky {
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear; }
  .buttonsWrapper.is-sticky .buttons {
    left: 0;
    margin: 0;
    width: 100%;
    z-index: 101;
    background: rgba(255, 255, 255, 0.75);
    -webkit-transition: margin 0.8s;
    transition: margin 0.8s; }

/* BUTTONS COLORS */
.monaco-button {
  background: #bfbab4; }
  .monaco-button:hover, .monaco-button.active {
    background: #c8013c; }

.softouch-button {
  background: #adb9d3; }
  .softouch-button:hover, .softouch-button.active {
    background: #d86465; }

.distilled-button {
  background: #adb9d3; }
  .distilled-button:hover, .distilled-button.active {
    background: #e3b7aa; }

@media screen and (min-width: 1400px) {
  .buttons .button {
    min-width: 283px; }
  .buttonsWrapper.is-sticky .buttons {
    margin-top: 110px; }
  .binTrigger {
    max-width: 310px; } }

@media screen and (min-width: 1025px) and (max-width: 1399px) {
  .buttons .button {
    min-width: 203px;
    line-height: 38px;
    font-size: 1.1em; }
  .buttonsWrapper.is-sticky .buttons {
    margin-top: 90px; }
  .binTrigger {
    max-width: 220px;
    line-height: 38px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .buttons .button {
    min-width: 190px;
    line-height: 34px;
    font-size: 1.1em;
    margin-bottom: 10px; }
  .buttonsWrapper.is-sticky .buttons {
    margin-top: 71px; }
  .binTrigger {
    max-width: 220px;
    line-height: 34px; }
  .ico-print {
    display: none; } }

@media screen and (max-width: 767px) {
  .buttons {
    margin-top: 50px; }
    .buttons .button {
      min-width: 240px;
      font-size: 1.2em;
      line-height: 40px;
      margin: 0; }
  .buttonsWrapper.is-sticky .buttons {
    margin-top: 50px; }
  .binTrigger {
    font-size: 1.1em;
    max-width: 100%;
    line-height: 40px; }
  .ico-print {
    display: none; }
  .buttons {
    margin: 20px 0 30px; }
  .button:first-child {
    margin: 5px auto; }
  .button + .button {
    margin: 5px auto; } }

.ie8 .js-buttons-fixed .main .buttons {
  background: url(../i/bg/bg_white_opacity_07.png) repeat scroll 0 0 !important; }

.makingWaves-button.active,
.makingWaves-button:hover {
  background: #cc0033; }

.productRange {
  text-align: center;
  margin: 50px 0 50px; }

.productRange__item {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  height: 360px;
  padding-bottom: 30px;
  position: relative; }
  .productRange__item:after {
    content: "+";
    position: absolute;
    bottom: -5px;
    left: 50%;
    font-size: 1.3em;
    margin-left: -3px; }
  .productRange__item img {
    height: 300px; }
  .productRange__item .productRange__name {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    font-size: 1.8em;
    font-family: "ClanNarrow-News"; }

@media screen and (min-width: 1400px) {
  .productRange__item .productRange__name {
    height: 40px; } }

@media screen and (min-width: 1025px) and (max-width: 1399px) {
  .productRange {
    margin: 40px 0 40px; }
  .productRange__item {
    padding-bottom: 25px;
    height: 265px; }
    .productRange__item:after {
      font-size: 1.2em;
      bottom: 0px; }
    .productRange__item img {
      height: 215px; }
    .productRange__item .productRange__name {
      font-size: 1.3em;
      bottom: 20px;
      height: 30px; } }

@media screen and (min-width: 768px) and (max-width: 1024px), print {
  .productRange {
    margin: 40px 0 30px; }
  .productRange__item {
    padding-bottom: 25px;
    height: 200px; }
    .productRange__item:after {
      font-size: 1.3em;
      bottom: -5px; }
    .productRange__item img {
      height: 150px; }
    .productRange__item .productRange__name {
      font-size: 1.3em;
      bottom: 20px;
      height: 32px; } }

@media screen and (max-width: 767px) {
  .productRange {
    margin: 0 0 10px; }
  .productRange__item {
    width: 50%;
    height: 228px;
    padding-bottom: 35px;
    margin-bottom: 20px; }
    .productRange__item:after {
      font-size: 1.3em;
      bottom: -10px; }
    .productRange__item img {
      height: 190px; }
    .productRange__item .productRange__name {
      font-size: 1.3em;
      bottom: 10px;
      height: 32px; } }

.productList {
  text-align: center; }

.productElement {
  display: inline-block;
  width: 300px;
  height: 420px;
  position: relative;
  vertical-align: top; }
  @media only screen and (max-width: 767px) {
    .productElement {
      width: 150px;
      height: 240px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .productElement {
      width: 164px;
      height: 230px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1399px) {
    .productElement {
      width: 214.28571px;
      height: 300px; } }
  .productElement:after {
    content: "+";
    position: absolute;
    bottom: 10px;
    left: 0;
    font-size: 1.6em;
    display: block;
    text-align: center;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .productElement:after {
        bottom: 5px;
        font-size: 1.4em; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .productElement:after {
        bottom: 5px;
        font-size: 1.3em; } }
    @media only screen and (min-width: 1025px) and (max-width: 1399px) {
      .productElement:after {
        bottom: 7.14286px;
        font-size: 1.14286em; } }

.productElement--oneFifth {
  width: 262px;
  height: 362px; }
  @media only screen and (max-width: 767px) {
    .productElement--oneFifth {
      width: 150px;
      height: 240px; }
      .productElement--oneFifth:first-child {
        margin: 0 20px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .productElement--oneFifth {
      width: 186px;
      height: 258px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1399px) {
    .productElement--oneFifth {
      width: 186px;
      height: 258px; } }

.productElement__positioner {
  position: absolute;
  left: 0;
  top: 80%;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .productElement__positioner {
      top: 75%; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .productElement__positioner {
      top: 77%; } }

.productElement__name {
  font-size: 1.8em;
  font-family: "ClanNarrow-News"; }
  @media only screen and (max-width: 767px) {
    .productElement__name {
      font-size: 1.4em;
      line-height: 1; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .productElement__name {
      font-size: 1.4em;
      line-height: 1; } }
  @media only screen and (min-width: 1025px) and (max-width: 1399px) {
    .productElement__name {
      font-size: 1.28571em; } }

.productElement__subTitle {
  font-size: 1.2em;
  font-family: "ClanNarrow-Book";
  padding-top: 10px; }
  @media only screen and (max-width: 767px) {
    .productElement__subTitle {
      font-size: 1em;
      padding-top: 7px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .productElement__subTitle {
      font-size: 1em;
      padding-top: 7px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1399px) {
    .productElement__subTitle {
      font-size: 0.85714em;
      padding-top: 7.14286px; } }

.productElement--oneFifth .productElement__positioner .productElement__subTitle {
  display: none !important; }

.care-landing-page .ProductListCMS .productList .productElement.productElement--oneFifth img {
  height: 310px; }
  @media only screen and (max-width: 767px) {
    .care-landing-page .ProductListCMS .productList .productElement.productElement--oneFifth img {
      height: 200px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .care-landing-page .ProductListCMS .productList .productElement.productElement--oneFifth img {
      height: 220px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1399px) {
    .care-landing-page .ProductListCMS .productList .productElement.productElement--oneFifth img {
      height: 240px; } }

#TvpJudges .together {
  margin: 0 auto;
  display: inline-block; }

.filterMenuWrap {
  text-align: center;
  padding-left: 156px;
  margin-bottom: 10px;
  overflow: hidden; }
  #TvpJudges .filterMenuWrap {
    padding-left: 0; }
  .filterMenuWrap .filterMenu {
    padding: 0; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .filterMenuWrap .filterMenu {
        overflow: hidden; } }
  .filterMenuWrap .filterMenu li {
    font-size: 1.5em;
    line-height: 20px;
    display: block;
    float: left; }
    .filterMenuWrap .filterMenu li a {
      border: 1px solid #ebebeb;
      border-radius: 0.4em 0;
      color: #777777;
      padding: 5px 15px;
      display: block;
      line-height: 1.2em; }
      .filterMenuWrap .filterMenu li a:hover {
        background-color: #CC0033; }
    .filterMenuWrap .filterMenu li.item {
      margin: 0.6%; }
      .filterMenuWrap .filterMenu li.item a:hover {
        color: #000; }
      .filterMenuWrap .filterMenu li.item.active a {
        color: #fff;
        background-color: #CC0033; }
    .filterMenuWrap .filterMenu li.filterText {
      line-height: 43px;
      margin-left: 20px; }

.mobileSelectMenu {
  display: none;
  margin-top: 20px; }

.finalistsReact .tile:hover .mentorName {
  opacity: 0; }

.finalistsReact .tile:hover .mask {
  opacity: 1 !important;
  visibility: visible !important; }

.finalistsReact .tile .mentorName {
  opacity: 1; }

.finalistsReact .tile .mask {
  opacity: 0 !important; }
  .finalistsReact .tile .mask h2 {
    font-size: 3em; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .finalistsReact .tile .mask h2 {
        font-size: 2em; } }
    @media only screen and (max-width: 767px) {
      .finalistsReact .tile .mask h2 {
        font-size: 14px; } }

.uk-special-tile-style .finalistsReact .tile:hover .mentorName {
  opacity: 0; }

.uk-special-tile-style .finalistsReact .tile:hover .mask {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1 !important; }

.uk-special-tile-style .finalistsReact .tile .mask {
  opacity: 0 !important; }

.filterButton {
  line-height: 32px;
  color: #fff;
  display: block;
  font-size: 1.3em;
  text-align: center;
  background: #CC0033;
  text-transform: uppercase;
  padding: 3px 25px 3px;
  position: relative; }

.filterButton .arrowLink {
  position: absolute;
  top: 14px;
  right: 10px;
  display: block;
  width: 15px;
  height: 9px; }

/*  INSPIRATION AND PRODUCT FINDER GALLERY MOBILE MENU */
@media only screen and (max-width: 767px) {
  .mobileSelectMenu {
    display: none;
    margin-bottom: 10px; }
  .making-waves.mentor__gallery .filterMenuWrap {
    padding-left: 0 !important; }
  .finalists h2 {
    font-size: 1.4em;
    margin: 14px 0;
    line-height: 25px; }
  .finalists .lastItem {
    border: 0 !important; }
  .finalists .filterMenuWrap {
    padding-left: 0;
    margin-bottom: 10px; }
  .finalists .mobileSelectMenu {
    margin: 0 5px; }
  .finalists .filterMenu {
    margin: 0 auto;
    text-align: center;
    position: relative; }
    .finalists .filterMenu.second {
      border-left: 1px solid #ccc; } }
    @media only screen and (max-width: 767px) and (max-width: 767px) {
      .finalists .filterMenu.second {
        border: 0; } }

@media only screen and (max-width: 767px) {
    .finalists .filterMenu.all {
      margin: 0 auto; }
    .finalists .filterMenu.all li {
      float: none;
      background: none;
      border: 0; }
      .finalists .filterMenu.all li a {
        background: none;
        color: #ccc; }
    .finalists .filterMenu li {
      font-size: 1.3em;
      line-height: normal;
      float: none;
      text-transform: uppercase;
      border-bottom: 1px solid #ccc; }
      .finalists .filterMenu li a {
        padding: 0;
        border: 0;
        width: 100%;
        line-height: 36px; }
        .finalists .filterMenu li a:hover {
          background: none;
          color: #777777; }
      .finalists .filterMenu li:last-child {
        border-bottom: 0; }
      .finalists .filterMenu li.item {
        margin: 0 8px 0 0; }
      .finalists .filterMenu li.active {
        border: none; }
      .finalists .filterMenu li.active a {
        background: #c51c4b;
        border: none;
        color: #fff; }
      .finalists .filterMenu li.filterText {
        line-height: 33px;
        margin-left: 0;
        font-weight: bold; }
    .finalists .filterMenu .filterMenu.all.wrap {
      display: block; }
      .finalists .filterMenu .filterMenu.all.wrap .item {
        margin: 0 0 10px 0;
        color: #fff !important;
        background-color: #CC0033 !important; }
        .finalists .filterMenu .filterMenu.all.wrap .item a {
          color: #fff !important;
          background-color: #CC0033 !important; }
        .finalists .filterMenu .filterMenu.all.wrap .item.active {
          background-color: #CC0033 !important; }
  .finalists .together {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 11px 0 5px 0; }
    .finalists .together .first {
      margin-top: 20px;
      float: none;
      width: 100%; }
    .finalists .together .second {
      float: none;
      width: 100%; }
      .finalists .together .second .item {
        margin: 0 0 0 8px; }
    .finalists .together.wrap {
      margin: 0 0 10px;
      padding-top: 0; }
    .finalists .together:after {
      content: "";
      display: table;
      clear: both; } }

/* =CONTACT US PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.contactContent, .formContent {
  font-family: "ClanNarrow-Book";
  margin: 20px 0;
  font-size: 1.8em; }
  .contactContent h2, .formContent h2 {
    font-family: "ClanNarrow-Medium";
    font-size: 1.66em;
    margin-bottom: 20px; }
  .contactContent h3, .formContent h3 {
    font-family: "ClanNarrow-Medium";
    font-size: 1.22em; }
  .contactContent p, .contactContent li, .formContent p, .formContent li {
    margin: 10px 0; }
  .contactContent li, .formContent li {
    margin-bottom: 25px;
    line-height: 1.4; }
  .contactContent a, .formContent a {
    text-decoration: underline; }
    .contactContent a:hover, .formContent a:hover {
      text-decoration: none; }
    .contactContent a.buttonDashed, .formContent a.buttonDashed {
      text-decoration: none !important;
      font-size: 1.4em;
      margin: 10px 0 0; }
  .contactContent .colLeft, .formContent .colLeft {
    width: 54.9%;
    float: left;
    padding: 0 3% 0 2%;
    position: relative; }
  .contactContent .colRight, .formContent .colRight {
    width: 34.9%;
    float: right;
    padding: 0 2% 0 3%;
    position: relative;
    left: -2px; }
  .contactContent .allRow, .formContent .allRow {
    width: 100%;
    line-height: 1;
    position: relative; }
    .contactContent .allRow p, .formContent .allRow p {
      margin-bottom: 20px; }
    .contactContent .allRow strong, .formContent .allRow strong {
      font-size: 110%;
      color: #b70036; }
    .contactContent .allRow.signUpBolder strong, .formContent .allRow.signUpBolder strong {
      color: #000;
      font-size: 120%;
      font-family: "ClanNarrow-Medium"; }

.contactForm {
  margin-bottom: 30px; }
  .contactForm dl {
    margin-top: 25px; }
  .contactForm dt {
    float: left;
    clear: both;
    width: 30%;
    padding: 0;
    margin-bottom: 10px;
    line-height: 40px; }
  .contactForm dd {
    float: right;
    width: 70%;
    padding: 0;
    margin-bottom: 10px;
    line-height: 40px; }
  .contactForm input[type="email"],
  .contactForm input[type="text"], .contactForm textarea {
    font-family: "ClanNarrow-Book";
    font-size: 1em;
    border: 1px solid #939393;
    width: 100%;
    height: 38px;
    padding: 0 2%; }
    .contactForm input[type="email"].input-validation-error,
    .contactForm input[type="text"].input-validation-error, .contactForm textarea.input-validation-error {
      border: 1px solid #b70036; }
  .contactForm input[type="submit"] {
    font-size: 1em;
    min-width: 155px;
    margin: 20px 0 10px;
    height: 48px; }
  .contactForm textarea {
    padding: 2%;
    height: 140px; }
  .contactForm .selectBox.input-validation-error {
    border: 1px solid #b70036; }
  .contactForm .validation-error-message {
    color: #b70036;
    font-weight: bold;
    display: block;
    line-height: 1.2;
    padding: 5px 0; }
  .contactForm .input-validation-error input[type="text"], .contactForm .input-validation-error textarea, .contactForm .input-validation-error .selectBox {
    border: 1px solid #b70036; }
  .contactForm .input-validation-error label {
    color: #b70036; }
  .contactForm .shortInput.shortInput {
    width: 25%;
    float: left; }
  .contactForm .longInput.longInput {
    width: 73%;
    margin-left: 2%;
    float: left; }
  .contactForm .disclaimer {
    font-size: 0.77em; }
  .contactForm .contactFormInner {
    display: block; }
    .contactForm .contactFormInner.hidden {
      display: none; }
    .contactForm .contactFormInner:before {
      content: "";
      display: block;
      background: #e5e5e5;
      width: 1px;
      height: 100%;
      position: absolute;
      right: 0;
      top: 0; }
  .contactForm .selectComboWrap .selectBox {
    width: 49%;
    float: left; }
    .contactForm .selectComboWrap .selectBox + .selectBox {
      margin-left: 2%; }
  .contactForm .messageInfo {
    font-size: 0.8em;
    line-height: 1; }

.contactContent .iswellaplexpage .errorBorder {
  border: 1px solid #b70036; }

/* =UNICEF FORM
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.unicefHeader {
  font-family: "ClanNarrow-Medium"; }

.unicefTxt {
  font: 1.8em/1.4 "ClanNarrow-Book";
  padding: 0 0 40px; }
  .unicefTxt.error {
    color: #ca003a; }
  .unicefTxt a {
    text-decoration: underline; }
    .unicefTxt a:hover {
      text-decoration: none; }
  .unicefTxt.tac {
    text-align: center; }

.inlineList {
  list-style-type: initial;
  list-style-position: inside; }
  .inlineList li {
    float: left;
    width: 25%;
    text-align: left; }

.halfCol {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin-right: 2%; }
  .halfCol dl {
    margin: 0; }
  .halfCol + .halfCol {
    margin-right: 0; }

.formLine {
  margin: 40px 0; }

.termsLinkUnicef {
  margin: 28px 0;
  display: inline-block; }

.radioBox div {
  padding-right: 20px;
  display: inline-block;
  position: relative; }

.radioBox input[type="radio"] {
  top: 10px;
  left: 0; }

.uploader {
  padding: 15px 0; }
  .uploader .labelGroup {
    display: inline-block;
    float: left;
    margin-right: 20px;
    width: 60%;
    height: 70px; }
  .uploader .button {
    float: left;
    font-size: 1em;
    cursor: pointer; }
  .uploader .uploaderInput {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

.uploadedImages {
  clear: left; }
  .uploadedImages .picureBox {
    display: inline-block;
    padding: 10px 5px; }
  .uploadedImages .thumb {
    width: 90px;
    height: 90px;
    border: 1px solid #191919;
    line-height: 4;
    text-align: center; }
  .uploadedImages img {
    max-width: 88px;
    max-height: 88px;
    display: inline-block;
    vertical-align: middle; }
  .uploadedImages .fileName {
    font-size: 0.77em;
    padding-top: 10px; }
  .uploadedImages .remove {
    display: inline-block;
    float: right;
    background-color: #c8003c;
    border-radius: 50%;
    color: #fff;
    text-decoration: none;
    font: 0.8em/1 Arial;
    width: 17px;
    height: 17px;
    text-align: center;
    margin-top: 3px; }

.unicefFormApplication .buttons {
  margin: 20px 0; }

.unicefFormApplication .buyOnlinePopup {
  padding: 25px; }

.unicefFormApplication .selectComboWrap .selectBox {
  width: 32%; }

.unicefFormApplication #youtube-errors {
  float: left; }

@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .contactContent, .formContent, .unicefTxt {
    font-size: 1.28571em; }
  .unicefTxt {
    padding: 0 0 28.57143px; }
  .formLine {
    margin: 25px 0; }
  .termsLinkUnicef {
    margin: 31px 0; }
  .uploader .labelGroup {
    height: 55px; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .contactContent, .formContent, .unicefTxt {
    font-size: 1.6em; }
  .unicefTxt {
    padding: 0 15px 30px; }
  .inlineList li {
    width: 50%; }
  .halfCol {
    width: 100%;
    margin: 0; }
  .formLine {
    margin: 20px 0; }
  .submitSection {
    text-align: center; }
  .uploader .labelGroup {
    height: auto; } }

@media only screen and (max-width: 767px) {
  .contactContent, .formContent, .unicefTxt {
    font-size: 1.4em; }
  .unicefTxt {
    padding: 0 10px 20px; }
  .inlineList li {
    width: 100%; }
  .halfCol {
    width: 100%;
    margin: 0; }
  .contactForm dt, .contactForm dd {
    width: 100%;
    float: none; }
  .contactForm dt {
    line-height: 1;
    margin-bottom: 5px;
    padding-top: 10px; }
  .formLine {
    margin: 15px 0; }
  .submitSection {
    text-align: center; }
  .uploader .labelGroup {
    height: auto; }
  .uploader .button {
    margin-top: 10px; }
  #unicefForm form {
    margin: 0 10px; } }

/*  =PRODUCT FINDER
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.productFinder--isActive {
  background-color: #fff; }

.productFinder-content {
  text-align: center; }
  .productFinder-content .productFinder-product {
    display: inline-block;
    vertical-align: top;
    width: 262px;
    height: 495px;
    text-align: center;
    position: relative; }
    .productFinder-content .productFinder-product img {
      height: 297px; }
    .productFinder-content .productFinder-product .collectionAward {
      margin-top: 10em;
      width: 205px;
      height: 205px; }
  .productFinder-content .productName {
    font-family: "ClanNarrow-News";
    font-size: 1.8em;
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    top: 320px;
    line-height: 120%; }
  .productFinder-content .productButtons {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 15px; }
  .productFinder-content .buttonText {
    font-family: "ClanNarrow-News";
    margin-bottom: 25px;
    display: inline-block; }
  .productFinder-content.no-border {
    border: 0 none; }

/* tab menu */
.productFinder-tabMenu ul {
  text-align: center; }

.productFinder-tabMenu li {
  display: inline-block;
  margin: 0 0 7px 7px;
  background-color: #eee;
  color: #656565; }
  .productFinder-tabMenu li:nth-child(10n+1) {
    margin-left: 0; }
  .productFinder-tabMenu li.active {
    background-color: #c8003c;
    color: #eee; }
  .productFinder-tabMenu li:hover {
    background-color: #656565;
    color: #fff; }
  .productFinder-tabMenu li.active:hover {
    background-color: #c8003c;
    color: #fff; }

.productFinder-tabMenu a {
  height: 44px;
  width: 126px;
  color: inherit;
  font-size: 1.3em;
  line-height: 1;
  font-family: "ClanNarrow-News";
  text-transform: uppercase;
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.productFinder-mobileSelectMenu {
  display: none;
  margin-top: 20px; }

/* filter menu */
.productFinder-filterMenu {
  padding: 15px 0;
  margin-bottom: 20px;
  background: #fbfbfb; }

.productFinder-filterMenuList li {
  margin: 0;
  float: left; }

.productFinder-filterMenuList a {
  font-family: "ClanNarrow-Book";
  font-size: 1.7em;
  text-transform: uppercase;
  padding: 15px 25px;
  display: block; }
  .productFinder-filterMenuList a:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background-image: url(../i/sprite/sprite.png);
    background-position: -538px -455px;
    width: 20px;
    height: 19px; }

.productFinder-filterMenuList .active a:before {
  background-image: url(../i/sprite/sprite.png);
  background-position: 0px -537px;
  width: 19px;
  height: 19px; }

.productFinder-full {
  text-align: center;
  display: inline-block;
  float: right;
  padding: 0 10px 48px; }
  .productFinder-full p {
    font-family: "ClanNarrow-Book";
    font-size: 1.6em; }

@media screen and (max-width: 767px) {
  /*  =PRODUCT FINDER
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .productFinder-content {
    border: 0 none; }
    .productFinder-content .productFinder-product {
      width: 158px;
      height: 300px; }
      .productFinder-content .productFinder-product img {
        height: 179px; }
      .productFinder-content .productFinder-product .collectionAward {
        margin-top: 6em;
        width: 105px;
        height: 105px; }
    .productFinder-content .productName {
      font-size: 1.17em;
      top: 188px; }
    .productFinder-content .productButtons {
      bottom: 10px; }
    .productFinder-content .buttonText {
      margin-bottom: 15px;
      font-size: 1em; }
    .productFinder-content .button {
      font-size: 0.9em;
      padding: 0 10px;
      line-height: 23px; }
    .productFinder-content .ico-shop:before {
      background-image: url(../i/sprite/sprite.png);
      background-position: -571px -211px;
      width: 5px;
      height: 8px;
      vertical-align: text-bottom;
      margin-right: 6px; }
  /* tab menu */
  .productFinder-mobileSelectMenu {
    display: block; }
    .productFinder-mobileSelectMenu .wrap {
      display: block;
      /*  UKRYCIE MENU  */
      margin-top: 30px; }
    .productFinder-mobileSelectMenu li a {
      text-align: center;
      display: block;
      padding: 12px 0;
      font-size: 1em;
      font-family: "ClanNarrow-News";
      text-transform: uppercase;
      color: #c4c4c4; }
    .productFinder-mobileSelectMenu li.active a {
      color: #000; }
    .productFinder-mobileSelectMenu li.active a {
      border-top: 1px solid #c4c4c4;
      border-bottom: 1px solid #c4c4c4; }
    .productFinder-mobileSelectMenu .styled-select-wrapper {
      line-height: 32px;
      color: #fff;
      display: block;
      font-size: 1.3em;
      text-align: center;
      text-transform: uppercase;
      background: url("../i/sprite/arrows_up_down_white.png") no-repeat scroll 272px 14px #ca1c6a;
      width: 300px !important;
      padding: 3px 0;
      position: relative;
      left: 50%;
      margin-left: -150px; }
    .productFinder-mobileSelectMenu .styled-select-text {
      padding-right: 18px; }
    .productFinder-mobileSelectMenu select {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
    .productFinder-mobileSelectMenu .filterButton {
      line-height: 42px;
      color: #656565;
      display: block;
      font-size: 1.5em;
      font-family: "ClanNarrow-Medium";
      text-align: center;
      background-color: #f7f7f7;
      text-transform: uppercase;
      padding: 0 15px;
      position: relative; }
      .productFinder-mobileSelectMenu .filterButton:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        margin-left: 8px; }
      .productFinder-mobileSelectMenu .filterButton.down:after {
        background-image: url(../i/sprite/sprite.png);
        background-position: -551px -490px;
        width: 7px;
        height: 7px; }
      .productFinder-mobileSelectMenu .filterButton.up:after {
        background-image: url(../i/sprite/sprite.png);
        background-position: -552px -147px;
        width: 7px;
        height: 7px; }
  /* filter menu */
  .productFinder-filterMenu {
    padding: 12px 0;
    margin-bottom: 10px;
    margin-top: 5px; }
  .productFinder-filterMenuList a {
    font-size: 1.2em;
    padding: 12px; }
    .productFinder-filterMenuList a:before {
      margin-right: 5px;
      background-image: url(../i/sprite/sprite.png);
      background-position: -507px -52px;
      width: 13px;
      height: 13px; }
  .productFinder-filterMenuList .active a:before {
    background-image: url(../i/sprite/sprite.png);
    background-position: -507px -39px;
    width: 13px;
    height: 13px; }
  .productFinder-full {
    float: none;
    display: block;
    text-align: center;
    padding: 0px; } }

@media screen and (min-width: 768px) and (max-width: 1024px), print {
  /*  =PRODUCT FINDER
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .productFinder-content .productFinder-product {
    width: 142px;
    height: 270px; }
    .productFinder-content .productFinder-product img {
      height: 161px; }
    .productFinder-content .productFinder-product .collectionAward {
      margin-top: 6em;
      width: 105px;
      height: 105px; }
  .productFinder-content .productName {
    font-size: 0.98em;
    top: 174px; }
  .productFinder-content .productButtons {
    bottom: 10px; }
  .productFinder-content .buttonText {
    margin-bottom: 10px;
    font-size: 0.87em; }
  .productFinder-content .button {
    font-size: 0.76em;
    padding: 0 10px;
    line-height: 20px; }
  .productFinder-content .ico-shop:before {
    background-image: url(../i/sprite/sprite.png);
    background-position: -571px -211px;
    width: 5px;
    height: 8px;
    vertical-align: text-bottom;
    margin-right: 6px; }
  /* tab menu */
  .productFinder-tabMenu li:nth-child(5n+1) {
    margin-left: 0; }
  .productFinder-tabMenu a {
    height: 50px;
    width: 140px;
    font-size: 1.4em; }
  /* filter menu */
  .filterMenu {
    padding: 12px 0;
    margin-bottom: 10px; }
  .productFinder-filterMenuList a {
    font-size: 1.2em;
    padding: 12px 15px; }
    .productFinder-filterMenuList a:before {
      margin-right: 8px;
      background-image: url(../i/sprite/sprite.png);
      background-position: -507px -52px;
      width: 13px;
      height: 13px; }
  .productFinder-filterMenuList .active a:before {
    background-image: url(../i/sprite/sprite.png);
    background-position: -507px -39px;
    width: 13px;
    height: 13px; }
  .productFinder-full {
    padding: 0 10px 30px; }
    .productFinder-full p {
      font-size: 0.98743em; }
    .productFinder-full .button {
      font-size: 0.87771em; } }

@media screen and (min-width: 1025px) and (max-width: 1399px) {
  /*  =PRODUCT FINDER
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .productFinder-content .productFinder-product {
    width: 186px;
    height: 352px; }
    .productFinder-content .productFinder-product img {
      height: 211px; }
    .productFinder-content .productFinder-product .collectionAward {
      margin-top: 6em;
      width: 105px;
      height: 105px; }
  .productFinder-content .productName {
    font-size: 1.28571em;
    top: 228px; }
  .productFinder-content .productButtons {
    bottom: 15px; }
  .productFinder-content .buttonText {
    margin-bottom: 17.85714px; }
  /* tab menu */
  .productFinder-tabMenu li {
    margin: 0 0 5px 5px; }
  .productFinder-tabMenu a {
    height: 31.42857px;
    width: 90px;
    font-size: 0.92857em; }
  /* filter menu */
  .productFinder-filterMenu {
    padding: 10.71429px 0;
    margin-bottom: 14.28571px; }
  .productFinder-filterMenuList a {
    font-size: 1.21429em;
    padding: 10.71429px 17.85714px; }
    .productFinder-filterMenuList a:before {
      margin-right: 7.14286px;
      background-image: url(../i/sprite/sprite.png);
      background-position: -507px -52px;
      width: 13px;
      height: 13px; }
  .productFinder-filterMenuList .active a:before {
    background-image: url(../i/sprite/sprite.png);
    background-position: -507px -39px;
    width: 13px;
    height: 13px; }
  .productFinder-full {
    padding: 0 10px 23,28px; }
    .productFinder-full p {
      font-size: 1.14286em; }
    .productFinder-full .button {
      font-size: 1em; } }

#currentDevice {
  font-family: " ";
  width: 0;
  height: 0; }

@media screen and (max-width: 767px) {
  #currentDevice {
    font-family: mediaQueryMobile; } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #currentDevice {
    font-family: mediaQueryTablet; } }

@media screen and (min-width: 1025px) and (max-width: 1399px) {
  #currentDevice {
    font-family: mediaQueryLaptop; } }

@media screen and (min-width: 1400px) {
  #currentDevice {
    font-family: mediaQueryDesktop; } }

#CircleOfExcellenceDocument .topMainVisual .visualText .centered {
  padding-top: 0; }
  @media only screen and (max-width: 767px) {
    #CircleOfExcellenceDocument .topMainVisual .visualText .centered a {
      padding: 0 10px; } }

#CircleOfExcellenceDocument .main .header-decor h2 {
  margin: 40px 0; }

#CircleOfExcellenceDocument .circleItemsList {
  margin-top: 10px;
  width: 100%;
  position: relative; }
  #CircleOfExcellenceDocument .circleItemsList a.button {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 8%; }
    @media only screen and (max-width: 767px) {
      #CircleOfExcellenceDocument .circleItemsList a.button {
        padding: 0 10px;
        bottom: 30px; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      #CircleOfExcellenceDocument .circleItemsList a.button {
        bottom: 20px; } }
    @media only screen and (min-width: 1025px) and (max-width: 1399px) {
      #CircleOfExcellenceDocument .circleItemsList a.button {
        bottom: 30px; } }
  #CircleOfExcellenceDocument .circleItemsList h2 {
    margin: 40px 0;
    text-align: center; }
  #CircleOfExcellenceDocument .circleItemsList div {
    width: 33.333%;
    display: inline-block; }
    @media only screen and (max-width: 767px) {
      #CircleOfExcellenceDocument .circleItemsList div {
        width: 100%;
        display: block; } }

/*  =EIMI A-Z LANDINGPAGE
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.eimi-az-landingpage.topMainVisual {
  text-align: center;
  margin: 80px 0 30px; }

.eimi-az-landingpage .logo {
  display: inline-block;
  vertical-align: middle; }

.eimi-az-landingpage .visualText {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  position: static;
  text-align: left;
  width: 600px;
  padding-left: 50px;
  color: #827970;
  font: 25px/33px "ClanNarrow-News"; }
  .eimi-az-landingpage .visualText .slideTitle {
    font: 55px/1 "ClanNarrow-Book";
    padding-bottom: 25px; }

.eimi-az-landingpage .tile {
  border-radius: 15px 0; }
  .eimi-az-landingpage .tile .mask-headline {
    font: 20px/1 "ClanNarrow-News"; }
    .eimi-az-landingpage .tile .mask-headline .firstLine {
      font-size: inherit;
      padding-bottom: 20px; }
      .eimi-az-landingpage .tile .mask-headline .firstLine:after {
        width: 100px;
        background: #fff;
        position: absolute;
        left: 50%;
        bottom: 10px;
        margin-left: -50px; }
  .eimi-az-landingpage .tile.dark .mask-headline .firstLine:after {
    background: #000; }

@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .eimi-az-landingpage.topMainVisual {
    margin: 57.14286px 0; }
  .eimi-az-landingpage .visualText {
    width: 428.57143px;
    padding-left: 35.71429px;
    font-size: 17.85714px;
    line-height: 23.57143px; }
    .eimi-az-landingpage .visualText .slideTitle {
      font-size: 39.28571px;
      padding-bottom: 17.85714px; }
  .eimi-az-landingpage .tile {
    border-radius: 10.71429px 0; }
    .eimi-az-landingpage .tile .mask-headline {
      font-size: 14.28571px; }
      .eimi-az-landingpage .tile .mask-headline .firstLine {
        padding-bottom: 14.28571px; }
        .eimi-az-landingpage .tile .mask-headline .firstLine:after {
          width: 72px;
          bottom: 7.14286px;
          margin-left: -36px; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .eimi-az-landingpage.topMainVisual {
    margin: 40px 0; }
  .eimi-az-landingpage .visualText {
    width: 340px;
    padding-left: 30px;
    font-size: 14px;
    line-height: 18px; }
    .eimi-az-landingpage .visualText .slideTitle {
      font-size: 30px;
      padding-bottom: 15px; }
  .eimi-az-landingpage .tile {
    border-radius: 7px 0; }
    .eimi-az-landingpage .tile .mask-headline {
      font-size: 11px; }
      .eimi-az-landingpage .tile .mask-headline .firstLine {
        padding-bottom: 10px; }
        .eimi-az-landingpage .tile .mask-headline .firstLine:after {
          width: 56px;
          bottom: 5px;
          margin-left: -28px; }
  /* #AZHairstylePage {
        .popinTemplate2 {
            display: flex;
        }
    } */ }

@media only screen and (max-width: 767px) {
  .eimi-az-landingpage.topMainVisual {
    margin: 40px 0; }
  .eimi-az-landingpage .logo {
    width: 20%; }
  .eimi-az-landingpage .visualText {
    width: 70%;
    padding-left: 5%;
    font-size: 12px;
    line-height: 16px; }
    .eimi-az-landingpage .visualText .slideTitle {
      font-size: 21px;
      padding-bottom: 12px; }
  .eimi-az-landingpage .tile {
    border-radius: 5px 0; }
    .eimi-az-landingpage .tile .mask-content {
      padding-bottom: 1em; }
    .eimi-az-landingpage .tile .mask-headline {
      font-size: 10px; }
      .eimi-az-landingpage .tile .mask-headline .firstLine {
        font-size: 15px;
        padding-bottom: 10px; }
        .eimi-az-landingpage .tile .mask-headline .firstLine:after {
          width: 50px;
          bottom: 5px;
          margin-left: -25px; }
  .eimi-az-landingpage .block-1x1, .eimi-az-landingpage .block-2x1, .eimi-az-landingpage .block-1x2, .eimi-az-landingpage .block-2x2 {
    width: 140px;
    height: 140px;
    margin: 5px; } }

/*  =EIMI A-Z LOOK PAGE
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.eimi-az-lookpage.topMainVisual {
  margin: 80px 0 120px;
  text-align: center; }
  .eimi-az-lookpage.topMainVisual .visual {
    width: auto;
    display: inline-block;
    vertical-align: bottom;
    margin: -40px 0 -90px;
    border-radius: 25px 0; }

.eimi-az-lookpage .nameBlock {
  display: inline-block;
  vertical-align: bottom;
  color: #fff;
  margin: 0 0 -50px -40px;
  width: 264px; }

.eimi-az-lookpage .headerLong {
  width: 300px; }
  .eimi-az-lookpage .headerLong > .title {
    font-size: 29px; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .eimi-az-lookpage .headerLong > .title {
      font-size: 15px; } }
  @media only screen and (max-width: 767px) {
    .eimi-az-lookpage .headerLong {
      width: 130px; }
      .eimi-az-lookpage .headerLong > .title {
        font-size: 12px; } }

.eimi-az-lookpage .title {
  font: 32px/1 "ClanNarrow-News";
  position: relative;
  padding-bottom: 30px;
  margin-left: 48px; }
  .eimi-az-lookpage .title:after {
    content: "";
    width: 154px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: 15px;
    margin-left: -77px; }

.eimi-az-lookpage .hashtag {
  font: 23px/1 "ClanNarrow-Bold";
  padding-bottom: 35px;
  margin-left: 48px; }

.eimi-az-lookpage .labelChar {
  font: 90px/1 "ClanNarrow-Medium";
  display: inline-block;
  margin: 0 0 15px 48px; }
  .eimi-az-lookpage .labelChar:before, .eimi-az-lookpage .labelChar:after {
    content: "";
    border: 1px solid #fff;
    display: inline-block;
    width: 12px;
    height: 81px;
    margin-bottom: -8px; }
  .eimi-az-lookpage .labelChar:before {
    border-right: 0 none;
    border-top-left-radius: 12px 15px; }
  .eimi-az-lookpage .labelChar:after {
    border-left: 0 none;
    border-bottom-right-radius: 12px 15px; }

.eimi-az-lookpage .groupPackshot {
  border-radius: 25px 0;
  border: 5px solid white;
  background-color: #dedad7;
  width: 264px; }

.eimi-az-intro {
  text-align: center;
  color: #655656;
  padding-bottom: 0; }
  .eimi-az-intro h2 {
    font: 30px/1 "ClanNarrow-News";
    padding-bottom: 20px; }
    .eimi-az-intro h2:before, .eimi-az-intro h2:after {
      content: "";
      display: inline-block;
      vertical-align: middle;
      width: 36px;
      border: 1px solid #655656;
      margin: 0 30px; }
  .eimi-az-intro p {
    font: 12px/2 "ClanNarrow-News";
    padding: 0 8%; }

.eimi-az-steps {
  padding: 0 8%; }

.az-step {
  position: relative; }
  .az-step:after {
    content: "";
    display: block;
    border-bottom: 2px solid #efefef;
    margin: -2px 3% 0; }
  .az-step:last-child:after {
    border: none; }

.az-videoLink {
  margin: 30px 0; }
  @media only screen and (max-width: 767px) {
    .az-videoLink img {
      width: 100%; } }

.az-article, .az-videoLink, .az-product {
  width: 33.1%;
  display: inline-block;
  vertical-align: middle; }

.az-article .stepNr {
  font: 137px/1 "ClanNarrow-Bold";
  display: inline-block;
  padding-right: 8px;
  vertical-align: top; }

.az-article .description {
  font: 16px/1.5 "ClanNarrow-News";
  padding-right: 15px;
  display: inline-block;
  width: 75%; }

.az-article h3 {
  font: 24px/1 "ClanNarrow-Bold";
  text-transform: uppercase;
  padding-bottom: 20px; }

.az-videoLink {
  position: relative;
  /*	&:before {
		content: "";
		@include sprite($ico-red-play);
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -25px 0 0 -36px;
	}*/ }
  .az-videoLink .az-videoIcon {
    background-image: url(../i/sprite/sprite.png);
    background-position: -232px 0px;
    width: 72px;
    height: 49px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -36px; }

.az-product {
  position: relative;
  padding-top: 25px; }
  .az-product .nameAndLink {
    width: 50%;
    position: absolute;
    right: 25px;
    bottom: 25px; }

.az-productName {
  text-transform: uppercase;
  color: #7f7370;
  font: 18px/1 "ClanNarrow-News";
  padding-bottom: 15px;
  display: block;
  margin: 0 auto;
  text-align: center; }
  .az-productName ~ .button {
    display: block;
    margin: 0 auto;
    text-align: center;
    margin: 0 10%; }

.greenLayout .topMainVisual {
  background-color: #d0debc; }

.greenLayout .az-article .stepNr, .greenLayout .az-article h3 {
  color: #d0debc; }

.yellowLayout .topMainVisual {
  background-color: #edd899; }

.yellowLayout .az-article .stepNr, .yellowLayout .az-article h3 {
  color: #edd899; }

.redLayout .topMainVisual {
  background-color: #f0a794; }

.redLayout .az-article .stepNr, .redLayout .az-article h3 {
  color: #f0a794; }

.pinkLayout .topMainVisual {
  background-color: #e6c8d8; }

.pinkLayout .az-article .stepNr, .pinkLayout .az-article h3 {
  color: #e6c8d8; }

@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .eimi-az-steps {
    padding: 0 4%; }
  .az-article .stepNr {
    font-size: 97.85714px;
    padding-right: 5.71429px; }
  .az-article .description {
    font-size: 11.42857px; }
  .az-article h3 {
    font-size: 17.14286px;
    padding-bottom: 14.28571px; }
  .az-productName {
    font-size: 12.85714px; }
  .az-product .packshot {
    width: 125.71429px; }
  .az-productName ~ .button {
    margin: 0; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .eimi-az-lookpage.topMainVisual {
    margin: 43.88571px 0 65.82857px; }
    .eimi-az-lookpage.topMainVisual .visual {
      margin: -21.94286px 0 -49.37143px;
      border-radius: 13.71429px 0; }
  .eimi-az-lookpage .nameBlock {
    margin: 0 0 -27.42857px -21.94286px;
    width: 145px; }
  .eimi-az-lookpage .headerLong {
    width: 163px; }
  .eimi-az-lookpage .title {
    font-size: 17.55429px;
    padding-bottom: 16.45714px;
    margin-left: 27.42857px; }
    .eimi-az-lookpage .title:after {
      width: 84px;
      bottom: 8.22857px;
      margin-left: -44px; }
  .eimi-az-lookpage .hashtag {
    font-size: 12.61714px;
    padding-bottom: 19.2px;
    margin-left: 27.42857px; }
  .eimi-az-lookpage .labelChar {
    font-size: 49.37143px;
    margin: 0 0 8.22857px 27.42857px; }
    .eimi-az-lookpage .labelChar:before, .eimi-az-lookpage .labelChar:after {
      width: 12px;
      height: 44.43429px;
      margin-bottom: -8px; }
  .eimi-az-lookpage .groupPackshot {
    border-radius: 13.71429px 0;
    border: 2.74286px solid white;
    width: 144.82286px; }
  .eimi-az-intro {
    padding-bottom: 21.94286px; }
    .eimi-az-intro h2 {
      font-size: 16.45714px;
      padding-bottom: 19.2px; }
      .eimi-az-intro h2:before, .eimi-az-intro h2:after {
        width: 19.74857px;
        margin: 0 16.45714px; }
    .eimi-az-intro p {
      font-size: 13.71429px; }
  .eimi-az-steps {
    padding: 0; }
  .az-article .stepNr {
    font-size: 75.15429px;
    padding-right: 4.38857px; }
  .az-article .description {
    font-size: 8.77714px; }
  .az-article h3 {
    font-size: 13.16571px;
    padding-bottom: 10.97143px; }
  .az-productName {
    font-size: 9.87429px; }
    .az-productName ~ .button {
      margin: 0; }
  .az-product .packshot {
    width: 96.54857px; }
  .az-product .nameAndLink .button {
    font-size: 10px; }
  .az-article, .az-videoLink, .az-product {
    width: 33%; } }

@media only screen and (max-width: 767px) {
  .eimi-az-lookpage.topMainVisual {
    margin: 55px 0 60px; }
    .eimi-az-lookpage.topMainVisual .visual {
      margin: -35px 0 -40px;
      border-radius: 12px 0; }
  .eimi-az-lookpage .nameBlock {
    margin: 0 0 -20px -15px;
    width: 120px; }
  .eimi-az-lookpage .title {
    font-size: 12px;
    padding-bottom: 12px;
    margin-left: 15px; }
    .eimi-az-lookpage .title:after {
      width: 70px;
      bottom: 6px;
      margin-left: -35px; }
  .eimi-az-lookpage .hashtag {
    font-size: 10px;
    padding-bottom: 15px;
    margin-left: 15px; }
  .eimi-az-lookpage .labelChar {
    font-size: 33px;
    margin: 0 0 5px 15px; }
    .eimi-az-lookpage .labelChar:before, .eimi-az-lookpage .labelChar:after {
      width: 6px;
      height: 33px;
      margin-bottom: -8px; }
  .eimi-az-lookpage .groupPackshot {
    border-radius: 12px 0;
    border: 3px solid white;
    width: 120px; }
  .az-productName ~ .button {
    margin: 0; }
  .eimi-az-intro {
    padding-bottom: 25px; }
    .eimi-az-intro h2 {
      font-size: 25px;
      padding-bottom: 20px; }
      .eimi-az-intro h2:before, .eimi-az-intro h2:after {
        display: none; }
    .eimi-az-intro p {
      font-size: 12px;
      line-height: 2; }
  .eimi-az-steps {
    padding: 0 20px;
    background-color: #f7f7f7; }
  .az-step {
    padding: 25px 0; }
    .az-step:after {
      display: none; }
  .az-article, .az-videoLink, .az-product {
    width: 100%; }
  .az-article .stepNr {
    font-size: 16px;
    float: left; }
    .az-article .stepNr:after {
      content: " -"; }
  .az-article .description {
    font-size: 12px;
    width: 100%;
    padding: 0;
    display: block; }
  .az-article h3 {
    font-size: 16px;
    padding-bottom: 20px; }
  .az-videoWrapper {
    position: relative;
    width: 280px;
    height: 159px;
    margin-top: 30px; }
  .az-videoMobile {
    position: absolute;
    z-index: 1; }
  .az-videoLink {
    position: absolute;
    z-index: 10;
    margin-top: 0; }
  .az-product .packshot {
    width: 125px; }
  .az-product .nameAndLink {
    width: 55%;
    bottom: 25%; } }

.subscribe-page {
  /*  =SUBSCRIBE PAGE
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */ }
  .subscribe-page .subscribePopupHeader {
    display: none; }
  .subscribe-page .unsubscribe {
    font-size: 1.6em;
    margin-top: 30px;
    font-family: "ClanNarrow-Book";
    border-bottom: 1px solid #dfdfdf; }
    .subscribe-page .unsubscribe .colLeft {
      width: 35.58615611192931%;
      float: right;
      padding: 0 40px 0 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin-bottom: 40px; }
    .subscribe-page .unsubscribe .colRight {
      width: 63.43298969072165%;
      float: right;
      border-left: 1px solid #dfdfdf;
      padding: 0 0 0 60px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin-bottom: 40px; }
    .subscribe-page .unsubscribe h2 {
      font-size: 2.3em;
      margin-bottom: 10px; }
    .subscribe-page .unsubscribe .text {
      margin-bottom: 20px;
      line-height: 28px;
      clear: both; }
    .subscribe-page .unsubscribe label {
      margin-bottom: 5px; }
    .subscribe-page .unsubscribe a {
      text-decoration: underline; }
    .subscribe-page .unsubscribe input[type="text"] {
      width: 435px; }
    .subscribe-page .unsubscribe .textWrap {
      display: block;
      font-weight: bold; }
    .subscribe-page .unsubscribe .chechWrap {
      padding: 10px 0; }
    .subscribe-page .unsubscribe #email-errors {
      padding: 10px 0; }
    .subscribe-page .unsubscribe .button input {
      font-size: 0.7em; }
    .subscribe-page .unsubscribe .popupTemplate {
      width: 400px;
      min-height: 180px;
      height: auto;
      z-index: 9002; }
      .subscribe-page .unsubscribe .popupTemplate .close {
        font-family: "ClanNarrow-Thin"; }
      .subscribe-page .unsubscribe .popupTemplate .content h2 {
        color: #ca255d; }
      .subscribe-page .unsubscribe .popupTemplate .content p.text {
        font-family: "ClanNarrow-Book";
        margin: 0 !important; }
  .subscribe-page .subscribe {
    font-size: 1.6em;
    margin-top: 30px;
    font-family: "ClanNarrow-Book";
    border-bottom: 1px solid #dfdfdf; }
    #free-samples .subscribe-page .subscribe .styled-select-wrapper {
      width: 100% !important;
      position: relative;
      overflow: hidden;
      border: none;
      background: #fff;
      display: table;
      white-space: nowrap; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      #free-samples .subscribe-page .subscribe.contactContent .colRight {
        display: none; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      #free-samples .subscribe-page .subscribe.contactContent .colLeft {
        width: 80%;
        margin: 0 auto;
        padding: 0;
        float: none; } }
    @media only screen and (max-width: 767px) {
      #free-samples .subscribe-page .subscribe.contactContent .colLeft h2 {
        padding: 0; }
        #free-samples .subscribe-page .subscribe.contactContent .colLeft h2:before {
          display: none; } }
    .subscribe-page .subscribe i {
      font-size: 0.8em;
      display: block;
      margin-top: 8px; }
    .subscribe-page .subscribe h2 {
      font-family: "ClanNarrow-Book";
      font-size: 2.3em;
      margin: 20px 0 10px;
      line-height: 1em;
      text-transform: uppercase; }
    .subscribe-page .subscribe input[type="text"], .subscribe-page .subscribe input[type="email"] {
      float: right;
      width: 600px; }
      .subscribe-page .subscribe input[type="text"].single-short, .subscribe-page .subscribe input[type="email"].single-short {
        width: 295px;
        margin-right: 305px; }
        @media only screen and (min-width: 1025px) and (max-width: 1399px) {
          .subscribe-page .subscribe input[type="text"].single-short, .subscribe-page .subscribe input[type="email"].single-short {
            width: 180px;
            margin-right: 190px; } }
        @media only screen and (max-width: 1024px) {
          .subscribe-page .subscribe input[type="text"].single-short, .subscribe-page .subscribe input[type="email"].single-short {
            margin-right: 0;
            width: 100%; } }
      .subscribe-page .subscribe input[type="text"].short, .subscribe-page .subscribe input[type="email"].short {
        width: 295px; }
    .subscribe-page .subscribe .twoInputs {
      width: 600px;
      padding-bottom: 10px;
      float: right; }
      @media only screen and (min-width: 1025px) and (max-width: 1399px) {
        .subscribe-page .subscribe .twoInputs {
          width: 370px; } }
      @media only screen and (max-width: 1024px) {
        .subscribe-page .subscribe .twoInputs {
          width: 100%; } }
      .subscribe-page .subscribe .twoInputs input[type="text"] {
        width: 294px; }
        @media only screen and (min-width: 1025px) and (max-width: 1399px) {
          .subscribe-page .subscribe .twoInputs input[type="text"] {
            width: 180px; } }
        @media only screen and (max-width: 1024px) {
          .subscribe-page .subscribe .twoInputs input[type="text"] {
            width: 100%; }
            .subscribe-page .subscribe .twoInputs input[type="text"]:first-of-type {
              margin-bottom: 10px; } }
        .subscribe-page .subscribe .twoInputs input[type="text"] + input[type="text"] {
          margin-right: 2%; }
          @media only screen and (max-width: 1024px) {
            .subscribe-page .subscribe .twoInputs input[type="text"] + input[type="text"] {
              margin-right: 0; } }
    .subscribe-page .subscribe .checkboxes .css-label {
      margin-right: 15px; }
    @media only screen and (min-width: 1025px) and (max-width: 1399px) {
      .subscribe-page .subscribe .checkboxes .label {
        display: block;
        margin-bottom: 10px; } }
    @media only screen and (max-width: 1024px) {
      .subscribe-page .subscribe .checkboxes .label {
        display: block;
        margin-bottom: 10px; } }
    @media only screen and (min-width: 1025px) and (max-width: 1399px) {
      #free-samples .subscribe-page .subscribe .contactForm input[type='submit'] {
        height: 38px;
        line-height: 38px; } }
    #free-samples .subscribe-page .subscribe .contactForm .clearfix input {
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      @media only screen and (max-width: 767px) {
        #free-samples .subscribe-page .subscribe .contactForm .clearfix input {
          width: 100%;
          float: none; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        #free-samples .subscribe-page .subscribe .contactForm .clearfix input {
          width: 100%;
          float: none; } }
      @media only screen and (min-width: 1025px) and (max-width: 1399px) {
        #free-samples .subscribe-page .subscribe .contactForm .clearfix input {
          height: 38px;
          line-height: 38px; } }
      #free-samples .subscribe-page .subscribe .contactForm .clearfix input#AcceptTerms {
        position: relative; }
      #free-samples .subscribe-page .subscribe .contactForm .clearfix input + .validation-error-message {
        padding: 0; }
        @media only screen and (min-width: 768px) and (max-width: 1024px) {
          #free-samples .subscribe-page .subscribe .contactForm .clearfix input + .validation-error-message {
            width: 100%;
            float: left; } }
        @media only screen and (max-width: 767px) {
          #free-samples .subscribe-page .subscribe .contactForm .clearfix input + .validation-error-message {
            width: 100%;
            float: left; } }
    #free-samples .subscribe-page .subscribe .contactForm .clearfix label {
      width: 100px; }
      @media only screen and (max-width: 767px) {
        #free-samples .subscribe-page .subscribe .contactForm .clearfix label {
          width: 100%;
          margin-bottom: 10px; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        #free-samples .subscribe-page .subscribe .contactForm .clearfix label {
          width: 100%;
          margin-bottom: 10px; } }
      @media only screen and (min-width: 1025px) and (max-width: 1399px) {
        #free-samples .subscribe-page .subscribe .contactForm .clearfix label {
          width: 100px; } }
      #free-samples .subscribe-page .subscribe .contactForm .clearfix label.css-label {
        width: 100%;
        margin-top: 20px; }
        @media only screen and (max-width: 767px) {
          #free-samples .subscribe-page .subscribe .contactForm .clearfix label.css-label {
            width: 80%; }
            #free-samples .subscribe-page .subscribe .contactForm .clearfix label.css-label:before {
              height: 20px;
              width: 20px;
              top: 0; } }
    #free-samples .subscribe-page .subscribe .contactForm .clearfix .selectComboWrap {
      width: 600px;
      padding: 0; }
      #free-samples .subscribe-page .subscribe .contactForm .clearfix .selectComboWrap ~ .validation-error-message {
        width: 600px;
        float: right;
        padding: 5px 0 0 0; }
        @media only screen and (min-width: 768px) and (max-width: 1024px) {
          #free-samples .subscribe-page .subscribe .contactForm .clearfix .selectComboWrap ~ .validation-error-message {
            width: 100%;
            float: left; } }
        @media only screen and (max-width: 767px) {
          #free-samples .subscribe-page .subscribe .contactForm .clearfix .selectComboWrap ~ .validation-error-message {
            width: 100%;
            float: left; } }
      @media only screen and (max-width: 767px) {
        #free-samples .subscribe-page .subscribe .contactForm .clearfix .selectComboWrap {
          width: 100%;
          height: auto;
          float: none; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        #free-samples .subscribe-page .subscribe .contactForm .clearfix .selectComboWrap {
          width: 100%;
          float: right; } }
      @media only screen and (min-width: 1025px) and (max-width: 1399px) {
        #free-samples .subscribe-page .subscribe .contactForm .clearfix .selectComboWrap {
          width: 370px;
          float: right;
          padding: 0; } }
      #free-samples .subscribe-page .subscribe .contactForm .clearfix .selectComboWrap .selectBox {
        width: 49%;
        float: left;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 2%; }
        #free-samples .subscribe-page .subscribe .contactForm .clearfix .selectComboWrap .selectBox.userType {
          margin-bottom: 0;
          width: 100%; }
        @media only screen and (max-width: 767px) {
          #free-samples .subscribe-page .subscribe .contactForm .clearfix .selectComboWrap .selectBox {
            width: 100%;
            margin-bottom: 10px; } }
        #free-samples .subscribe-page .subscribe .contactForm .clearfix .selectComboWrap .selectBox + .selectBox {
          margin: 0;
          float: right; }
    #free-samples .subscribe-page .subscribe .contactForm .clearfix .selectBox {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 600px;
      color: #868686;
      border: 1px solid #e5e5e5;
      padding: 0; }
      @media only screen and (max-width: 767px) {
        #free-samples .subscribe-page .subscribe .contactForm .clearfix .selectBox {
          margin-bottom: 0;
          width: 100%;
          float: left; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        #free-samples .subscribe-page .subscribe .contactForm .clearfix .selectBox {
          width: 100%;
          float: left; } }
      @media only screen and (min-width: 1025px) and (max-width: 1399px) {
        #free-samples .subscribe-page .subscribe .contactForm .clearfix .selectBox {
          width: 70%;
          float: right; } }
      #free-samples .subscribe-page .subscribe .contactForm .clearfix .selectBox .styled-select-text {
        line-height: 38px;
        width: inherit; }
    .subscribe-page .subscribe .contactForm .selectComboWrap {
      width: 600px;
      display: inline-block;
      float: right; }
    .subscribe-page .subscribe .contactForm .selectBox {
      width: 294px; }
    .subscribe-page .subscribe .contactForm .left .selectBox {
      margin: 0 301px 0 0; }
    .subscribe-page .subscribe .clearfix.m-b {
      margin-bottom: 20px; }
    .subscribe-page .subscribe .clearfix.m-b-xl {
      margin-bottom: 30px; }
    .subscribe-page .subscribe .textWrap {
      display: inline-block;
      float: left;
      margin-top: 4px;
      margin-bottom: 0;
      font-weight: normal; }
    .subscribe-page .subscribe .extTextWrap {
      margin-right: 10px;
      position: relative;
      top: -4px; }
    .subscribe-page .subscribe .clearfix {
      margin: 10px 0; }
    .subscribe-page .subscribe .clear-rwd {
      display: inline-block;
      margin: 0 25px 0 0; }
    .subscribe-page .subscribe .contactForm .validation-error-message {
      height: auto;
      clear: both; }
    .subscribe-page .subscribe input + .validation-error-message {
      width: 600px;
      float: right;
      padding: 5px 4% 0 0; }
    .subscribe-page .subscribe .popupTemplate {
      width: 400px;
      min-height: 180px;
      height: auto;
      display: inline-block;
      position: relative;
      background: #fff; }
      .subscribe-page .subscribe .popupTemplate .close {
        position: absolute;
        top: 10px;
        right: 10px; }
      .subscribe-page .subscribe .popupTemplate .content p.text {
        font-family: "ClanNarrow-Book";
        margin: 0 !important; }
  .subscribe-page.passionistas .subscribe .passionistas-logo {
    display: none; }
  @media only screen and (min-width: 1025px) and (max-width: 1399px) {
    .subscribe-page .unsubscribe input[type="text"] {
      width: 300px; }
    .subscribe-page .unsubscribe h2 {
      margin-bottom: 0px; }
    .subscribe-page .unsubscribe input[type="submit"] {
      height: 48px; }
    .subscribe-page .subscribe input[type="text"],
    .subscribe-page .subscribe input[type="email"] {
      width: 370px; }
    .subscribe-page .subscribe .contactForm .selectComboWrap {
      width: 370px; }
    .subscribe-page .subscribe .contactForm .selectBox {
      width: 181px; }
    .subscribe-page .subscribe .contactForm .left .selectBox {
      margin: 0 190px 0 0; }
    .subscribe-page .subscribe h2 {
      margin-bottom: 10px; }
    .subscribe-page .subscribe .contactForm input + .validation-error-message {
      width: 372px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .subscribe-page .unsubscribe input[type="text"],
    .subscribe-page .unsubscribe input[type="email"] {
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .subscribe-page .subscribe .contactForm input + .validation-error-message {
      width: 384px; }
    .subscribe-page .subscribe .clear-rwd {
      display: block;
      margin: 15px 0; }
    .subscribe-page .subscribe .extTextWrap {
      display: block;
      float: none;
      top: 0; }
    .subscribe-page .subscribe .contactForm .selectComboWrap {
      width: 100%; }
    .subscribe-page .subscribe .contactForm .selectBox {
      width: 100%;
      margin-bottom: 10px; }
      .subscribe-page .subscribe .contactForm .selectBox + .selectBox {
        margin-left: 0; }
    .subscribe-page .subscribe .contactForm .left .selectBox {
      margin: 0 0 10px 0; }
    .subscribe-page .subscribe .contactForm .selectBox.empty {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .subscribe-page .subscribe .clear-rwd {
      display: block;
      margin: 15px 0; }
    .subscribe-page .subscribe .extTextWrap {
      display: block;
      float: none;
      top: 0; }
    .subscribe-page .subscribe .contactForm .selectComboWrap {
      width: 100%; }
    .subscribe-page .subscribe .contactForm .selectBox {
      width: 100%;
      margin-bottom: 10px; }
      .subscribe-page .subscribe .contactForm .selectBox + .selectBox {
        margin-left: 0; }
    .subscribe-page .subscribe .contactForm .left .selectBox {
      margin: 0 0 10px 0; }
    .subscribe-page .subscribe .contactForm .selectBox.empty {
      display: none; }
    .subscribe-page .subscribe .popupTemplate {
      width: 320px;
      height: auto;
      min-height: 165px; }
      .subscribe-page .subscribe .popupTemplate .content p.text {
        font-size: 1.2em;
        text-align: center; }
    .subscribe-page .unsubscribe {
      font-size: 1.4em;
      border: 0; }
      .subscribe-page .unsubscribe .contactForm {
        border: 0; }
        .subscribe-page .unsubscribe .contactForm .validation-error-message {
          width: 100%;
          padding-right: 0; }
      .subscribe-page .unsubscribe .text {
        line-height: 20px;
        text-align: justify; }
      .subscribe-page .unsubscribe .colLeft {
        width: 100%;
        padding: 0;
        float: none; }
      .subscribe-page .unsubscribe .colRight {
        width: 100%;
        padding: 0;
        border: 0;
        margin-bottom: 10px;
        float: none; }
      .subscribe-page .unsubscribe h2 {
        font-size: 1.8em; }
      .subscribe-page .unsubscribe input[type="text"],
      .subscribe-page .unsubscribe input[type="email"] {
        width: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
      .subscribe-page .unsubscribe .button input {
        text-align: center; }
      .subscribe-page .unsubscribe .line {
        background: #000;
        float: left;
        margin-bottom: 15px; }
      .subscribe-page .unsubscribe .popupTemplate {
        width: 320px;
        height: auto;
        min-height: 165px; }
        .subscribe-page .unsubscribe .popupTemplate .content p.text {
          font-size: 1.2em;
          text-align: center; }
    .subscribe-page.passionistas .subscribe {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .subscribe-page.passionistas .subscribe .text {
        text-align: left; }
      .subscribe-page.passionistas .subscribe .colLeft {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin-bottom: 0; }
        .subscribe-page.passionistas .subscribe .colLeft p.text {
          text-transform: uppercase;
          font-size: 16px; }
          .subscribe-page.passionistas .subscribe .colLeft p.text b {
            font-size: 14px;
            display: block;
            text-transform: none;
            margin: 10px 0; }
        .subscribe-page.passionistas .subscribe .colLeft .passionistas-image {
          display: none; }
      .subscribe-page.passionistas .subscribe .colRight {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; }
        .subscribe-page.passionistas .subscribe .colRight h2 {
          display: none; }
        .subscribe-page.passionistas .subscribe .colRight p.text {
          font-weight: bold; }
        .subscribe-page.passionistas .subscribe .colRight input[type="submit"] {
          float: left; }
        .subscribe-page.passionistas .subscribe .colRight .passionistas-logo {
          width: 45%;
          float: left;
          display: block;
          margin: 30px 0 0 10px; }
    .subscribe-page.passionistas.thankyou .subscribe .colRight h2 {
      display: block;
      word-spacing: -1px; }
    .subscribe-page.passionistas.thankyou .subscribe .colRight p.text {
      font-weight: normal; }
    .subscribe-page .unsubscribePopup {
      width: 300px;
      height: 260px;
      padding: 20px; }
      .subscribe-page .unsubscribePopup p {
        padding: 10px;
        font-size: 2em; }
      .subscribe-page .unsubscribePopup a {
        font-size: 1.4em; } }

/*----- SUBSCRIBE TEASER -----*/
.subscribe-popup-form {
  padding: 50px; }
  @media only screen and (max-width: 767px) {
    .subscribe-popup-form {
      display: none; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .subscribe-popup-form {
      display: none; } }
  .subscribe-popup-form .subscribe-page .subscribe input + .validation-error-message {
    width: 556px; }
  .subscribe-popup-form .unsubscribe .colLeft p.text {
    line-height: 20px;
    font-size: 12px; }
  .subscribe-popup-form .unsubscribe .colRight {
    margin-bottom: 15px; }
  .subscribe-popup-form .contactForm {
    padding: 0 40px; }
    .subscribe-popup-form .contactForm .sendMessage {
      margin: 20px auto;
      display: block; }
  .subscribe-popup-form .unsubscribe .colLeft {
    width: auto;
    float: none;
    padding: 0 40px;
    margin: 0;
    font-size: 13px; }
  .subscribe-popup-form .unsubscribe .colRight {
    width: auto;
    float: none;
    padding: 0;
    border: 0 none; }
    .subscribe-popup-form .unsubscribe .colRight .text {
      font-size: 30px;
      text-transform: uppercase;
      text-align: center; }
    .subscribe-popup-form .unsubscribe .colRight h2 {
      display: none; }
  .subscribe-popup-form .unsubscribe .contactForm .selectComboWrap {
    width: 100%;
    float: none; }
  .subscribe-popup-form .subscribe {
    border: 0 none; }
    .subscribe-popup-form .subscribe input[type="text"], .subscribe-popup-form .subscribe input[type="email"] {
      width: 100%;
      float: none; }
    .subscribe-popup-form .subscribe .textWrap {
      text-transform: uppercase; }
    .subscribe-popup-form .subscribe .contactForm .selectBox {
      width: 212px; }

/*------ VOTE EVENT ------------------------------------------*/
.voteBlock {
  background: url("../i/initiatives/trendvision/tvp_video_bg_new.png") no-repeat 0 bottom;
  -webkit-background-size: contain;
          background-size: contain;
  background-color: #f7f7f7;
  height: 280px;
  width: 100%; }
  .voteBlock.voteBlock--close {
    height: 140px; }
    @media only screen and (max-width: 767px) {
      .voteBlock.voteBlock--close h2 {
        padding: 10px 0 0 0;
        font-size: 3em; } }
  @media only screen and (min-width: 1025px) and (max-width: 1399px) {
    .voteBlock {
      height: 250px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .voteBlock {
      height: 225px; } }
  @media only screen and (max-width: 767px) {
    .voteBlock {
      height: 300px;
      padding-top: 23px; } }
  .voteBlock.thanks {
    -webkit-background-size: cover;
            background-size: cover;
    height: 140px; }
  .voteBlock .buttonWrap .button.mobile {
    display: none; }
  @media only screen and (max-width: 767px) {
    .voteBlock .buttonWrap .button {
      display: none; }
    .voteBlock .buttonWrap .button.mobile {
      display: block;
      margin: 0; } }
  .voteBlock h2 {
    text-align: center;
    color: #c8003c;
    font-family: "ClanNarrow-News";
    font-size: 5.8em;
    text-transform: uppercase;
    padding: 25px 0 0 0; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .voteBlock h2 {
        padding: 30px 0 0 0;
        font-size: 3.2em; } }
    @media only screen and (min-width: 1025px) and (max-width: 1399px) {
      .voteBlock h2 {
        font-size: 4.8em;
        padding: 20px 0 0 0; } }
    @media only screen and (max-width: 767px) {
      .voteBlock h2 {
        font-size: 3.5em;
        margin-bottom: 10px; } }
  .voteBlock img {
    margin-bottom: 20px; }
    @media only screen and (max-width: 767px) {
      .voteBlock img {
        max-width: 25%;
        float: left;
        margin: 10px 0 0 0; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .voteBlock img {
        max-width: 40%;
        margin-bottom: 10px; } }
  .voteBlock .talentBlock {
    width: 50%;
    padding: 2% 2% 2% 2%;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .voteBlock .talentBlock {
        padding: 2% 2% 2% 2%; } }
    @media only screen and (min-width: 1025px) and (max-width: 1399px) {
      .voteBlock .talentBlock {
        padding: 2% 2% 2% 2%; } }
    @media only screen and (max-width: 767px) {
      .voteBlock .talentBlock {
        width: 100%; } }
  .voteBlock .colorBlock {
    width: 50%;
    padding: 2% 1% 2% 3.2%;
    float: right;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative; }
    .voteBlock .colorBlock img {
      max-width: 100%;
      height: 50px; }
    .voteBlock .colorBlock:before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 40px;
      height: 79px;
      width: 3px;
      background: url("../i/initiatives/trendvision/vote_spacer_new.png") no-repeat 0 0; }
      @media only screen and (max-width: 767px) {
        .voteBlock .colorBlock:before {
          display: none; } }
      @media only screen and (min-width: 1025px) and (max-width: 1399px) {
        .voteBlock .colorBlock:before {
          bottom: 22px; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .voteBlock .colorBlock:before {
          bottom: 6px;
          height: 70px;
          -webkit-background-size: contain;
                  background-size: contain; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .voteBlock .colorBlock {
        padding: 2% 1% 2% 2.5%; } }
    @media only screen and (min-width: 1025px) and (max-width: 1399px) {
      .voteBlock .colorBlock {
        padding: 2% 1% 2% 2.5%; } }
    @media only screen and (max-width: 767px) {
      .voteBlock .colorBlock {
        width: 100%;
        padding-left: 2%; } }
    .voteBlock .colorBlock:first-child {
      padding: 2% 2% 2% 2%;
      float: left; }
      .voteBlock .colorBlock:first-child:before {
        background: none; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .voteBlock .colorBlock:first-child {
          padding: 2.6% 1% 2% 2%; } }
      @media only screen and (min-width: 1025px) and (max-width: 1399px) {
        .voteBlock .colorBlock:first-child {
          padding: 2% 2% 2% 2%; } }
      @media only screen and (max-width: 767px) {
        .voteBlock .colorBlock:first-child {
          width: 100%; } }
  .voteBlock .button {
    font-weight: bold; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .voteBlock .button {
        font-size: 1.1em;
        height: 30px;
        line-height: 30px; } }
    @media only screen and (min-width: 1025px) and (max-width: 1399px) {
      .voteBlock .button {
        font-size: 1.3em; } }
  .voteBlock .selectFavorite .buttonWrap {
    float: left; }
    .voteBlock .selectFavorite .buttonWrap .button {
      line-height: 43px !important; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .voteBlock .selectFavorite .buttonWrap .button {
          line-height: 32px !important; } }
  .voteBlock .selectFavorite .message {
    color: #e83788;
    font-family: "ClanNarrow-News";
    font-size: 2em; }
    @media only screen and (min-width: 1025px) and (max-width: 1399px) {
      .voteBlock .selectFavorite .message {
        font-size: 1.9em; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .voteBlock .selectFavorite .message {
        font-size: 1.4em; } }
    @media only screen and (max-width: 767px) {
      .voteBlock .selectFavorite .message {
        font-size: 1.6em;
        padding: 8px 14px 0 85px;
        line-height: 16px; } }
  .voteBlock .selectBox {
    width: 400px;
    height: 45px !important;
    border: 1px solid #dadada;
    float: left;
    margin-right: 20px;
    overflow: hidden; }
    .voteBlock .selectBox select {
      opacity: 0; }
    @media only screen and (max-width: 767px) {
      .voteBlock .selectBox {
        width: 100px;
        margin-left: 10px;
        margin-right: 10px; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .voteBlock .selectBox {
        width: 180px !important;
        height: 30px !important;
        margin-right: 10px; } }
    @media only screen and (min-width: 1025px) and (max-width: 1399px) {
      .voteBlock .selectBox {
        width: 250px !important;
        height: 45px !important;
        margin-right: 10px; } }
    .voteBlock .selectBox .styled-select-wrapper {
      width: 400px;
      height: 45px !important;
      border: 0 !important;
      background-color: #fdfdfd !important; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .voteBlock .selectBox .styled-select-wrapper {
          width: 178px !important;
          height: 30px !important; } }
    .voteBlock .selectBox .styled-select-text {
      height: 45px !important;
      font-size: 1.6em; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .voteBlock .selectBox .styled-select-text {
          font-size: 1.1em;
          height: 30px !important; } }
      @media only screen and (min-width: 1025px) and (max-width: 1399px) {
        .voteBlock .selectBox .styled-select-text {
          font-size: 1.1em; } }
      @media only screen and (max-width: 767px) {
        .voteBlock .selectBox .styled-select-text {
          font-size: 1.1em; } }
    .voteBlock .selectBox .styled-select-button {
      width: 38px;
      height: 45px;
      background: url("../i/initiatives/trendvision/select_arrow.png") no-repeat 0 0 !important;
      -webkit-background-size: cover;
              background-size: cover;
      cursor: pointer; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .voteBlock .selectBox .styled-select-button {
          width: 38px !important;
          height: 30px !important;
          background-position: 0 -6px !important; } }

/* voteBlock */
.tvpEvent .countdown {
  background: url("../i/initiatives/trendvision/Wella_WTV17_TrendVision_Clock_BEFORE_d.jpg") no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  text-align: center;
  color: #fff;
  width: 100%;
  /* height: 721px; */ }
  @media only screen and (max-width: 767px) {
    .tvpEvent .countdown {
      height: auto; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .tvpEvent .countdown {
      height: 380px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1399px) {
    .tvpEvent .countdown {
      height: 411px; } }
  .tvpEvent .countdown .eventTimerWrap {
    margin: 0 auto;
    padding-top: 40px; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .tvpEvent .countdown .eventTimerWrap {
        width: 320px;
        padding-top: 15px; } }
    @media only screen and (max-width: 767px) {
      .tvpEvent .countdown .eventTimerWrap {
        width: 270px;
        padding-top: 20px; } }
  .tvpEvent .countdown .liveIn {
    border-top: 1px solid #cc0033;
    border-bottom: 1px solid #cc0033;
    padding: 10px 0; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .tvpEvent .countdown .liveIn {
        padding: 5px 0; } }
    .tvpEvent .countdown .liveIn h2 {
      color: #cc0033;
      text-transform: uppercase;
      font-size: 6em;
      font-family: "ClanNarrow-Medium";
      letter-spacing: 10px; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .tvpEvent .countdown .liveIn h2 {
          font-size: 4em;
          letter-spacing: 5px; } }
      @media only screen and (max-width: 767px) {
        .tvpEvent .countdown .liveIn h2 {
          font-size: 4em;
          letter-spacing: 5px; } }
  .tvpEvent .countdown .worldTimeBlock {
    margin-top: 5%; }
    .tvpEvent .countdown .worldTimeBlock li {
      display: inline-block;
      font-size: 2em;
      margin-right: 20px;
      font-family: "ClanNarrow-News";
      position: relative; }
      @media only screen and (max-width: 767px) {
        .tvpEvent .countdown .worldTimeBlock li {
          font-size: 1.1em;
          display: block;
          text-align: center;
          margin-right: 0; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .tvpEvent .countdown .worldTimeBlock li {
          font-size: 1em; } }
      @media only screen and (min-width: 1025px) and (max-width: 1399px) {
        .tvpEvent .countdown .worldTimeBlock li {
          font-size: 1.5em; } }
      .tvpEvent .countdown .worldTimeBlock li:before {
        top: 3px;
        height: 20px;
        background-color: #fff;
        content: "";
        width: 1px;
        position: absolute;
        right: -10px;
        opacity: 0.4; }
        @media only screen and (max-width: 767px) {
          .tvpEvent .countdown .worldTimeBlock li:before {
            top: 0px;
            height: 0px;
            background-color: #fff;
            content: "";
            width: 1px;
            position: absolute;
            right: 0px; } }
        @media only screen and (min-width: 768px) and (max-width: 1024px) {
          .tvpEvent .countdown .worldTimeBlock li:before {
            top: 0px;
            height: 14px;
            background-color: #fff;
            content: "";
            width: 1px;
            position: absolute;
            right: -10px; } }
        @media only screen and (min-width: 1025px) and (max-width: 1399px) {
          .tvpEvent .countdown .worldTimeBlock li:before {
            top: 3px;
            height: 15px;
            background-color: #fff;
            content: "";
            width: 1px;
            position: absolute;
            right: -10px; } }
      .tvpEvent .countdown .worldTimeBlock li strong {
        font-weight: bold; }
      .tvpEvent .countdown .worldTimeBlock li:last-child {
        margin-right: 0; }
        .tvpEvent .countdown .worldTimeBlock li:last-child:before {
          display: none; }
  .tvpEvent .countdown img.eventLogo {
    display: inline !important;
    width: 48% !important;
    margin-top: 7%;
    margin-bottom: 4%; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .tvpEvent .countdown img.eventLogo {
        width: 50% !important;
        margin-bottom: 0; } }
    @media only screen and (min-width: 1025px) and (max-width: 1399px) {
      .tvpEvent .countdown img.eventLogo {
        width: 50% !important;
        margin-bottom: 2%; } }
    @media only screen and (max-width: 767px) {
      .tvpEvent .countdown img.eventLogo {
        margin-bottom: 0; } }
  .tvpEvent .countdown .timeWrap {
    display: inline-block;
    color: #5A5958;
    margin: 0 auto; }
    .tvpEvent .countdown .timeWrap > div {
      float: left;
      padding: 0 39px; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .tvpEvent .countdown .timeWrap > div {
          padding: 0 20px; } }
      @media only screen and (max-width: 767px) {
        .tvpEvent .countdown .timeWrap > div {
          padding: 0 15px; } }
      .tvpEvent .countdown .timeWrap > div > span {
        display: block; }
      .tvpEvent .countdown .timeWrap > div .value {
        font-family: "ClanNarrow-Medium";
        font-size: 6.2em; }
        @media only screen and (min-width: 768px) and (max-width: 1024px) {
          .tvpEvent .countdown .timeWrap > div .value {
            font-size: 4em; } }
        @media only screen and (min-width: 1025px) and (max-width: 1399px) {
          .tvpEvent .countdown .timeWrap > div .value {
            font-size: 5em; } }
        @media only screen and (max-width: 767px) {
          .tvpEvent .countdown .timeWrap > div .value {
            font-size: 3em; } }
      .tvpEvent .countdown .timeWrap > div .word {
        font-family: "ClanNarrow-Thin";
        font-size: 3em; }
        @media only screen and (min-width: 768px) and (max-width: 1024px) {
          .tvpEvent .countdown .timeWrap > div .word {
            font-size: 2em; } }
        @media only screen and (min-width: 1025px) and (max-width: 1399px) {
          .tvpEvent .countdown .timeWrap > div .word {
            font-size: 2em; } }
        @media only screen and (max-width: 767px) {
          .tvpEvent .countdown .timeWrap > div .word {
            font-size: 2em; } }
    .tvpEvent .countdown .timeWrap .hours-block {
      padding-left: 0; }
    .tvpEvent .countdown .timeWrap .minutes-block {
      padding: 0 55px; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .tvpEvent .countdown .timeWrap .minutes-block {
          padding: 0 37px; } }
      @media only screen and (max-width: 767px) {
        .tvpEvent .countdown .timeWrap .minutes-block {
          padding: 0 24px; } }
    .tvpEvent .countdown .timeWrap .seconds-block {
      padding-right: 0; }
    .tvpEvent .countdown .timeWrap.otherCitysTime {
      display: inline-block; }
      .tvpEvent .countdown .timeWrap.otherCitysTime .hours-block {
        padding-left: 0;
        padding-right: 23px;
        background: url("../i/initiatives/trendvision/timer_spacer.jpg") no-repeat right center; }
        @media only screen and (max-width: 767px) {
          .tvpEvent .countdown .timeWrap.otherCitysTime .hours-block {
            padding-right: 10px; } }
        .tvpEvent .countdown .timeWrap.otherCitysTime .hours-block .value {
          font-size: 3em; }
          @media only screen and (min-width: 768px) and (max-width: 1024px) {
            .tvpEvent .countdown .timeWrap.otherCitysTime .hours-block .value {
              font-size: 2em; } }
          @media only screen and (max-width: 767px) {
            .tvpEvent .countdown .timeWrap.otherCitysTime .hours-block .value {
              font-size: 2em; } }
        .tvpEvent .countdown .timeWrap.otherCitysTime .hours-block .word {
          font-size: 2em; }
          @media only screen and (min-width: 768px) and (max-width: 1024px) {
            .tvpEvent .countdown .timeWrap.otherCitysTime .hours-block .word {
              font-size: 1.2em; } }
          @media only screen and (max-width: 767px) {
            .tvpEvent .countdown .timeWrap.otherCitysTime .hours-block .word {
              font-size: 1.2em; } }
      .tvpEvent .countdown .timeWrap.otherCitysTime .minutes-block {
        padding: 0 33px; }
        @media only screen and (min-width: 768px) and (max-width: 1024px) {
          .tvpEvent .countdown .timeWrap.otherCitysTime .minutes-block {
            padding: 0 23px; } }
        @media only screen and (max-width: 767px) {
          .tvpEvent .countdown .timeWrap.otherCitysTime .minutes-block {
            padding: 0 10px; } }
        .tvpEvent .countdown .timeWrap.otherCitysTime .minutes-block .value {
          font-size: 3em; }
          @media only screen and (min-width: 768px) and (max-width: 1024px) {
            .tvpEvent .countdown .timeWrap.otherCitysTime .minutes-block .value {
              font-size: 2em; } }
          @media only screen and (max-width: 767px) {
            .tvpEvent .countdown .timeWrap.otherCitysTime .minutes-block .value {
              font-size: 2em; } }
        .tvpEvent .countdown .timeWrap.otherCitysTime .minutes-block .word {
          font-size: 2em; }
          @media only screen and (min-width: 768px) and (max-width: 1024px) {
            .tvpEvent .countdown .timeWrap.otherCitysTime .minutes-block .word {
              font-size: 1.2em; } }
          @media only screen and (max-width: 767px) {
            .tvpEvent .countdown .timeWrap.otherCitysTime .minutes-block .word {
              font-size: 1.2em; } }
      .tvpEvent .countdown .timeWrap.otherCitysTime .seconds-block {
        padding-right: 0;
        padding-left: 23px;
        background: url("../i/initiatives/trendvision/timer_spacer.jpg") no-repeat left center; }
        @media only screen and (max-width: 767px) {
          .tvpEvent .countdown .timeWrap.otherCitysTime .seconds-block {
            padding-left: 10px; } }
        .tvpEvent .countdown .timeWrap.otherCitysTime .seconds-block .value {
          font-size: 3em; }
          @media only screen and (min-width: 768px) and (max-width: 1024px) {
            .tvpEvent .countdown .timeWrap.otherCitysTime .seconds-block .value {
              font-size: 2em; } }
          @media only screen and (max-width: 767px) {
            .tvpEvent .countdown .timeWrap.otherCitysTime .seconds-block .value {
              font-size: 2em; } }
        .tvpEvent .countdown .timeWrap.otherCitysTime .seconds-block .word {
          font-size: 2em; }
          @media only screen and (min-width: 768px) and (max-width: 1024px) {
            .tvpEvent .countdown .timeWrap.otherCitysTime .seconds-block .word {
              font-size: 1.2em; } }
          @media only screen and (max-width: 767px) {
            .tvpEvent .countdown .timeWrap.otherCitysTime .seconds-block .word {
              font-size: 1.2em; } }
  .tvpEvent .countdown .referenceDateTimeWrap {
    width: 100%;
    margin-top: 9%;
    margin-bottom: 9%; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .tvpEvent .countdown .referenceDateTimeWrap {
        margin-top: 5%;
        margin-bottom: 5%; } }
    @media only screen and (min-width: 1025px) and (max-width: 1399px) {
      .tvpEvent .countdown .referenceDateTimeWrap {
        margin-top: 5%; } }
    @media only screen and (max-width: 767px) {
      .tvpEvent .countdown .referenceDateTimeWrap {
        margin-top: 9%; } }
    .tvpEvent .countdown .referenceDateTimeWrap .referenceDateTime {
      font-family: "ClanNarrow-Medium";
      font-size: 3.5em;
      border-top: 1px solid #5A5958;
      border-bottom: 1px solid #5A5958;
      padding: 10px 0;
      color: #5A5958;
      text-align: center;
      display: inline-block;
      text-transform: uppercase;
      width: 100%; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .tvpEvent .countdown .referenceDateTimeWrap .referenceDateTime {
          font-size: 2.4em;
          padding: 5px 0; } }
      @media only screen and (min-width: 1025px) and (max-width: 1399px) {
        .tvpEvent .countdown .referenceDateTimeWrap .referenceDateTime {
          font-size: 3em; } }
      @media only screen and (max-width: 767px) {
        .tvpEvent .countdown .referenceDateTimeWrap .referenceDateTime {
          font-size: 1.4em; } }
  .tvpEvent .countdown .hours-block {
    background: url("../i/initiatives/trendvision/timer_spacer_new.png") no-repeat right center;
    -webkit-background-size: contain;
    background-size: contain; }
  .tvpEvent .countdown .seconds-block {
    background: url("../i/initiatives/trendvision/timer_spacer_new.png") no-repeat left center;
    -webkit-background-size: contain;
    background-size: contain; }
  .tvpEvent .countdown .days-block {
    padding: 20px 0; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .tvpEvent .countdown .days-block {
        padding: 0; } }
    @media only screen and (max-width: 767px) {
      .tvpEvent .countdown .days-block {
        padding: 0; } }
    .tvpEvent .countdown .days-block .day-value {
      font-family: "ClanNarrow-Medium";
      font-size: 13em;
      color: #5A5958; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .tvpEvent .countdown .days-block .day-value {
          font-size: 8em; } }
      @media only screen and (min-width: 1025px) and (max-width: 1399px) {
        .tvpEvent .countdown .days-block .day-value {
          font-size: 10em; } }
      @media only screen and (max-width: 767px) {
        .tvpEvent .countdown .days-block .day-value {
          font-size: 7.3em; } }
      .tvpEvent .countdown .days-block .day-value .day-word {
        font-family: "ClanNarrow-Thin";
        font-size: 0.48em;
        text-transform: uppercase; }

.tvpHeadtext {
  font-family: "ClanNarrow-News";
  font-size: 2.4em;
  margin: 30px 0 0 0;
  padding-bottom: 10px;
  text-align: center; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .tvpHeadtext {
      margin-top: 30px;
      padding-bottom: 10px;
      font-size: 2em; } }
  @media only screen and (max-width: 767px) {
    .tvpHeadtext {
      font-size: 1.3em;
      padding: 0;
      margin-top: 20px; } }
  .tvpHeadtext a {
    text-decoration: underline; }

.tile-facePhoto .mentorName {
  background-color: #9d9ea0;
  position: absolute;
  bottom: 50px;
  left: 0;
  height: 34px;
  line-height: 34px;
  font-size: 1.5em;
  padding: 0 15px;
  font-family: "ClanNarrow-News"; }
  @media only screen and (max-width: 767px) {
    .tile-facePhoto .mentorName {
      bottom: 31px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .tile-facePhoto .mentorName {
      bottom: 15px;
      font-size: 1.2em;
      padding: 0 5px;
      line-height: 23px;
      height: 23px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1399px) {
    .tile-facePhoto .mentorName {
      font-size: 1.07143em; } }

.making-waves.mentor__gallery.Awards-Finalists .filterMenuWrap {
  padding-left: 100px !important;
  overflow: hidden !important;
  margin-top: 0px !important; }
  @media only screen and (max-width: 767px) {
    .making-waves.mentor__gallery.Awards-Finalists .filterMenuWrap {
      padding-left: 0 !important; }
      .making-waves.mentor__gallery.Awards-Finalists .filterMenuWrap .filterMenu.all .item {
        width: auto; }
        .making-waves.mentor__gallery.Awards-Finalists .filterMenuWrap .filterMenu.all .item a {
          color: #CC0033 !important;
          background: none !important; }
      .making-waves.mentor__gallery.Awards-Finalists .filterMenuWrap .filterMenu.first {
        border-top: 0 none;
        border-bottom: 0 none;
        padding: 0; }
        .making-waves.mentor__gallery.Awards-Finalists .filterMenuWrap .filterMenu.first .item {
          border: 0 none;
          border-bottom: 1px solid #ccc;
          width: auto; }
          .making-waves.mentor__gallery.Awards-Finalists .filterMenuWrap .filterMenu.first .item a {
            padding: 0; }
      .making-waves.mentor__gallery.Awards-Finalists .filterMenuWrap .filterMenu .item.active a {
        color: #CC0033;
        background: #fff; } }
    @media only screen and (max-width: 767px) and (max-width: 767px) {
      .making-waves.mentor__gallery.Awards-Finalists .filterMenuWrap .filterMenu .item.active a {
        background: red;
        color: #fff; } }
  @media only screen and (max-width: 767px) {
      .making-waves.mentor__gallery.Awards-Finalists .filterMenuWrap .filterText {
        display: block; } }

.header-decor.tvp-decor h2 {
  margin: 40px 0 30px 0; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .header-decor.tvp-decor h2 {
      margin: 20px 0; } }
  @media only screen and (max-width: 767px) {
    .header-decor.tvp-decor h2 {
      margin: 20px 0; } }

#TvpPeopleChoice {
  /* Event Timer Block */ }
  #TvpPeopleChoice .packshot.eventTimerBlock {
    display: block !important;
    position: relative; }
    @media only screen and (max-width: 767px) {
      #TvpPeopleChoice .packshot.eventTimerBlock {
        width: 100% !important; } }
  #TvpPeopleChoice .eventTimerWrap {
    background: url("../i/initiatives/trendvision/TVAUKI-2016-Countdown-background_d.jpg") no-repeat 0 0;
    -webkit-background-size: cover;
    background-size: cover;
    text-align: center;
    color: #fff;
    width: 662px !important;
    height: 600px;
    overflow: hidden; }
    @media only screen and (max-width: 767px) {
      #TvpPeopleChoice .eventTimerWrap {
        background: url("../i/initiatives/trendvision/TVAUKI-2016-Countdown-background_m.jpg") no-repeat;
        height: 345px;
        width: 100% !important;
        -webkit-background-size: cover;
        background-size: cover; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      #TvpPeopleChoice .eventTimerWrap {
        background: url("../i/initiatives/trendvision/TVAUKI-2016-Countdown-background_t.jpg") no-repeat 0 0;
        width: 364px !important;
        height: 331px; } }
    @media only screen and (min-width: 1025px) and (max-width: 1399px) {
      #TvpPeopleChoice .eventTimerWrap {
        width: 486px !important;
        height: 470px; } }
    #TvpPeopleChoice .eventTimerWrap .days-block {
      padding-top: 130px;
      background: url("../i/initiatives/trendvision/TVAUKI-2016-Logo_d.png") no-repeat center 50px; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        #TvpPeopleChoice .eventTimerWrap .days-block {
          padding-top: 60px;
          background: url("../i/initiatives/trendvision/TVAUKI-2016-Logo_t.png") no-repeat center 30px; } }
      @media only screen and (max-width: 767px) {
        #TvpPeopleChoice .eventTimerWrap .days-block {
          padding-top: 60px;
          background: url("../i/initiatives/trendvision/TVAUKI-2016-Logo_m.png") no-repeat center 30px; } }
    #TvpPeopleChoice .eventTimerWrap .worldTimeBlock {
      margin-top: 5%; }
      #TvpPeopleChoice .eventTimerWrap .worldTimeBlock li {
        display: inline-block;
        font-size: 2em;
        margin-right: 20px;
        font-family: "ClanNarrow-News";
        position: relative; }
        @media only screen and (max-width: 767px) {
          #TvpPeopleChoice .eventTimerWrap .worldTimeBlock li {
            font-size: 1.1em;
            display: block;
            text-align: center;
            margin-right: 0; } }
        @media only screen and (min-width: 768px) and (max-width: 1024px) {
          #TvpPeopleChoice .eventTimerWrap .worldTimeBlock li {
            font-size: 1em; } }
        @media only screen and (min-width: 1025px) and (max-width: 1399px) {
          #TvpPeopleChoice .eventTimerWrap .worldTimeBlock li {
            font-size: 1.5em; } }
        #TvpPeopleChoice .eventTimerWrap .worldTimeBlock li:before {
          top: 3px;
          height: 20px;
          background-color: #fff;
          content: "";
          width: 1px;
          position: absolute;
          right: -10px;
          opacity: 0.4; }
          @media only screen and (max-width: 767px) {
            #TvpPeopleChoice .eventTimerWrap .worldTimeBlock li:before {
              top: 0px;
              height: 0px;
              background-color: #fff;
              content: "";
              width: 1px;
              position: absolute;
              right: 0px; } }
          @media only screen and (min-width: 768px) and (max-width: 1024px) {
            #TvpPeopleChoice .eventTimerWrap .worldTimeBlock li:before {
              top: 0px;
              height: 14px;
              background-color: #fff;
              content: "";
              width: 1px;
              position: absolute;
              right: -10px; } }
          @media only screen and (min-width: 1025px) and (max-width: 1399px) {
            #TvpPeopleChoice .eventTimerWrap .worldTimeBlock li:before {
              top: 3px;
              height: 15px;
              background-color: #fff;
              content: "";
              width: 1px;
              position: absolute;
              right: -10px; } }
        #TvpPeopleChoice .eventTimerWrap .worldTimeBlock li strong {
          font-weight: bold; }
        #TvpPeopleChoice .eventTimerWrap .worldTimeBlock li:last-child {
          margin-right: 0; }
          #TvpPeopleChoice .eventTimerWrap .worldTimeBlock li:last-child:before {
            display: none; }
    #TvpPeopleChoice .eventTimerWrap #eventTimer,
    #TvpPeopleChoice .eventTimerWrap .eventTimerWrap {
      width: 100%;
      height: 100%; }
    #TvpPeopleChoice .eventTimerWrap img.eventLogo {
      display: inline !important;
      width: 48% !important;
      margin-top: 7%;
      margin-bottom: 4%; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        #TvpPeopleChoice .eventTimerWrap img.eventLogo {
          width: 50%;
          margin-bottom: 0; } }
      @media only screen and (min-width: 1025px) and (max-width: 1399px) {
        #TvpPeopleChoice .eventTimerWrap img.eventLogo {
          width: 50%;
          margin-bottom: 2%; } }
      @media only screen and (max-width: 767px) {
        #TvpPeopleChoice .eventTimerWrap img.eventLogo {
          margin-bottom: 0; } }
    #TvpPeopleChoice .eventTimerWrap img.eventBackground {
      position: absolute;
      z-index: -1; }
    #TvpPeopleChoice .eventTimerWrap .timeWrap {
      clear: both;
      width: 400px;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        #TvpPeopleChoice .eventTimerWrap .timeWrap {
          width: 243px; } }
      @media only screen and (min-width: 1025px) and (max-width: 1399px) {
        #TvpPeopleChoice .eventTimerWrap .timeWrap {
          width: 303px; } }
      @media only screen and (max-width: 767px) {
        #TvpPeopleChoice .eventTimerWrap .timeWrap {
          width: 225px; } }
      #TvpPeopleChoice .eventTimerWrap .timeWrap > div {
        float: left;
        padding: 0 30px; }
        @media only screen and (min-width: 768px) and (max-width: 1024px) {
          #TvpPeopleChoice .eventTimerWrap .timeWrap > div {
            padding: 0 20px; } }
        @media only screen and (max-width: 767px) {
          #TvpPeopleChoice .eventTimerWrap .timeWrap > div {
            padding: 0 15px; } }
        #TvpPeopleChoice .eventTimerWrap .timeWrap > div > span {
          display: block; }
        #TvpPeopleChoice .eventTimerWrap .timeWrap > div .value {
          font-family: "ClanNarrow-Medium";
          font-size: 5em; }
          @media only screen and (min-width: 768px) and (max-width: 1024px) {
            #TvpPeopleChoice .eventTimerWrap .timeWrap > div .value {
              font-size: 3em; } }
          @media only screen and (min-width: 1025px) and (max-width: 1399px) {
            #TvpPeopleChoice .eventTimerWrap .timeWrap > div .value {
              font-size: 3em; } }
          @media only screen and (max-width: 767px) {
            #TvpPeopleChoice .eventTimerWrap .timeWrap > div .value {
              font-size: 3em; } }
        #TvpPeopleChoice .eventTimerWrap .timeWrap > div .word {
          font-family: "ClanNarrow-Thin";
          font-size: 2em; }
          @media only screen and (min-width: 768px) and (max-width: 1024px) {
            #TvpPeopleChoice .eventTimerWrap .timeWrap > div .word {
              font-size: 2em; } }
          @media only screen and (min-width: 1025px) and (max-width: 1399px) {
            #TvpPeopleChoice .eventTimerWrap .timeWrap > div .word {
              font-size: 2em; } }
    #TvpPeopleChoice .eventTimerWrap .referenceDateTimeWrap {
      width: 100%;
      margin-top: 9%; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        #TvpPeopleChoice .eventTimerWrap .referenceDateTimeWrap {
          margin-top: 5%; } }
      @media only screen and (min-width: 1025px) and (max-width: 1399px) {
        #TvpPeopleChoice .eventTimerWrap .referenceDateTimeWrap {
          margin-top: 5%; } }
      @media only screen and (max-width: 767px) {
        #TvpPeopleChoice .eventTimerWrap .referenceDateTimeWrap {
          margin-top: 9%; } }
      #TvpPeopleChoice .eventTimerWrap .referenceDateTimeWrap .referenceDateTime {
        font-family: "ClanNarrow-Medium";
        font-size: 2.5em;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        padding: 3px 0;
        text-align: center;
        display: inline-block; }
        @media only screen and (min-width: 768px) and (max-width: 1024px) {
          #TvpPeopleChoice .eventTimerWrap .referenceDateTimeWrap .referenceDateTime {
            font-size: 1.4em; } }
        @media only screen and (min-width: 1025px) and (max-width: 1399px) {
          #TvpPeopleChoice .eventTimerWrap .referenceDateTimeWrap .referenceDateTime {
            font-size: 2em; } }
        @media only screen and (max-width: 767px) {
          #TvpPeopleChoice .eventTimerWrap .referenceDateTimeWrap .referenceDateTime {
            font-size: 1.4em; } }
    #TvpPeopleChoice .eventTimerWrap .hours-block {
      background: url("../i/initiatives/trendvision/timer_spacer.png") no-repeat right bottom; }
    #TvpPeopleChoice .eventTimerWrap .seconds-block {
      background: url("../i/initiatives/trendvision/timer_spacer.png") no-repeat left bottom; }
    #TvpPeopleChoice .eventTimerWrap .days-block .day-value {
      font-family: "ClanNarrow-Medium";
      font-size: 13em; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        #TvpPeopleChoice .eventTimerWrap .days-block .day-value {
          font-size: 7em; } }
      @media only screen and (min-width: 1025px) and (max-width: 1399px) {
        #TvpPeopleChoice .eventTimerWrap .days-block .day-value {
          font-size: 10em; } }
      @media only screen and (max-width: 767px) {
        #TvpPeopleChoice .eventTimerWrap .days-block .day-value {
          font-size: 7.3em; } }
      #TvpPeopleChoice .eventTimerWrap .days-block .day-value .day-word {
        font-family: "ClanNarrow-Thin";
        font-size: 0.25em; }

.videoPlaceholder {
  position: relative;
  text-align: center;
  color: #fff;
  font-family: "ClanNarrow-Thin", Arial, sans-serif;
  margin-bottom: 0.25em; }
  @media only screen and (min-width: 1400px) {
    .videoPlaceholder {
      font-size: 9.5em; } }
  @media only screen and (min-width: 1025px) and (max-width: 1399px) {
    .videoPlaceholder {
      font-size: 7em; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .videoPlaceholder {
      font-size: 5em; } }
  @media only screen and (max-width: 767px) {
    .videoPlaceholder {
      font-size: 2em; } }
  .videoPlaceholder .description {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .videoPlaceholder date {
    display: block;
    line-height: 0.3;
    margin-bottom: 30px; }
  .videoPlaceholder .startTime {
    font-size: 0.4em;
    margin: 0 20px; }

/* BANER na 100% wielkosci strony */
.color-black {
  background: #000; }

.pictureFrame.fullFrame {
  color: #fff; }

.pictureFrame.fullFrame .colLeft {
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .pictureFrame.fullFrame .colLeft {
      width: 100% !important; } }

.pictureFrame.fullFrame .colRight {
  width: 100%;
  position: relative; }
  .pictureFrame.fullFrame .colRight .short {
    padding: 1% 15% 1%; }

.pictureFrame.fullFrame .colRight .inner {
  padding: 50px 0;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  color: #fff; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .pictureFrame.fullFrame .colRight .inner {
      padding: 27px 0; } }
  @media only screen and (max-width: 767px) {
    .pictureFrame.fullFrame .colRight .inner {
      padding: 20px 0; } }
  @media only screen and (min-width: 1025px) and (max-width: 1399px) {
    .pictureFrame.fullFrame .colRight .inner {
      padding: 40px 0; } }

.pictureFrame.fullFrame .colRight h1 {
  margin: 0;
  font-size: 10em;
  font-family: "ClanNarrow-Medium";
  text-align: center;
  line-height: 84px;
  margin-left: 5% !important;
  margin-right: 5% !important; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .pictureFrame.fullFrame .colRight h1 {
      font-size: 5.7em;
      line-height: 43px; } }
  @media only screen and (max-width: 767px) {
    .pictureFrame.fullFrame .colRight h1 {
      font-size: 2.7em;
      line-height: 22px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1399px) {
    .pictureFrame.fullFrame .colRight h1 {
      font-size: 7.6em;
      line-height: 65px; } }

.pictureFrame.fullFrame .short {
  font-family: "ClanNarrow-Thin";
  font-size: 2.4em;
  margin-top: 30px; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .pictureFrame.fullFrame .short {
      font-size: 1.4em; } }
  @media only screen and (max-width: 767px) {
    .pictureFrame.fullFrame .short {
      font-size: 1.1em;
      font-family: arial; } }
  @media only screen and (min-width: 1025px) and (max-width: 1399px) {
    .pictureFrame.fullFrame .short {
      font-size: 1.7em;
      font-family: "ClanNarrow-Thin"; } }

.creativeDirectors blockquote {
  display: block;
  font-family: "ClanNarrow-Thin";
  font-size: 4.3em;
  line-height: 43px;
  text-align: center;
  position: relative;
  width: 75%;
  margin: 0 auto;
  padding: 30px 5%;
  margin-bottom: 20px; }
  @media only screen and (min-width: 1025px) and (max-width: 1399px) {
    .creativeDirectors blockquote {
      width: 80%;
      font-size: 3.9em;
      line-height: 39px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .creativeDirectors blockquote {
      width: 100%;
      font-size: 3.3em;
      line-height: 33px; } }
  @media only screen and (max-width: 767px) {
    .creativeDirectors blockquote {
      width: 100%;
      font-size: 1.4em;
      line-height: 14px; } }
  .creativeDirectors blockquote:after {
    content: '';
    display: block;
    width: 37px;
    height: 77px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../i/sprite/cite_up.png) no-repeat 0 0;
    -webkit-background-size: 100% 100%;
            background-size: 100%; }
    @media only screen and (min-width: 1025px) and (max-width: 1399px) {
      .creativeDirectors blockquote:after {
        width: 27px;
        height: 57px; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .creativeDirectors blockquote:after {
        width: 27px;
        height: 57px; } }
    @media only screen and (max-width: 767px) {
      .creativeDirectors blockquote:after {
        width: 20px;
        height: 42px; } }
  .creativeDirectors blockquote:before {
    content: '';
    display: block;
    width: 37px;
    height: 77px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../i/sprite/cite_down.png) no-repeat 0 0;
    -webkit-background-size: 100% 100%;
            background-size: 100%;
    border: 0; }
    @media only screen and (min-width: 1025px) and (max-width: 1399px) {
      .creativeDirectors blockquote:before {
        width: 27px;
        height: 57px; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .creativeDirectors blockquote:before {
        width: 27px;
        height: 57px; } }
    @media only screen and (max-width: 767px) {
      .creativeDirectors blockquote:before {
        width: 20px;
        height: 42px; } }

.creativeDirectors .cite {
  color: #000 !important;
  display: table;
  position: relative; }
  .creativeDirectors .cite:after {
    display: none; }
  .creativeDirectors .cite:before {
    display: none; }

.creative {
  padding-top: 70px; }
  .creative:after {
    content: "";
    display: table;
    clear: both; }
  .creative .maskLink {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 10;
    color: #fff;
    font-size: 1.2em; }
  .creative .item {
    float: left;
    width: 666px;
    height: 666px;
    position: relative; }
    .creative .item img {
      width: 100%;
      display: block;
      z-index: 1; }
    .creative .item .mask {
      z-index: 3;
      height: 674px; }
    .creative .item .name {
      z-index: 2;
      position: absolute;
      bottom: 40px;
      left: 0;
      color: #fff;
      text-align: center;
      width: 100%;
      font-family: "ClanNarrow-Thin"; }
    .creative .item h3 {
      font-size: 2.1em; }
    .creative .item h2 {
      font-family: "ClanNarrow-Medium";
      font-size: 2.7em;
      line-height: 16px; }
    .creative .item.plus-ico {
      color: #fff; }

@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .creative {
    padding-top: 65px; }
    .creative .item {
      width: 482px;
      height: 482px; }
      .creative .item .name {
        bottom: 22px;
        line-height: 20px; }
      .creative .item .mask {
        height: 481px; }
      .creative .item h3 {
        font-size: 1.5em; }
      .creative .item h2 {
        font-size: 1.9em; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .creative {
    padding-top: 65px; }
    .creative .tile:hover .mask:before,
    .creative .tile.effect-on .mask:before {
      opacity: 1; }
    .creative .item {
      width: 351px;
      height: 351px; }
      .creative .item .name {
        bottom: 20px;
        line-height: 16px; }
      .creative .item .mask {
        height: 356px; }
      .creative .item h3 {
        font-size: 1.4em; }
      .creative .item h2 {
        font-size: 1.6em; } }

@media only screen and (max-width: 767px) {
  .creative {
    padding-top: 50px; }
    .creative .tile:hover .mask:before,
    .creative .tile.effect-on .mask:before {
      opacity: 1; }
    .creative .item {
      width: 140px;
      height: 140px; }
      .creative .item .name {
        bottom: 5px;
        line-height: 10px; }
      .creative .item .mask {
        height: 147px; }
      .creative .item h3 {
        font-size: 1em;
        font-family: arial; }
      .creative .item h2 {
        font-size: 1.1em; } }

.familyArtist .tile .mask-text {
  font-size: 1.5em; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .familyArtist .tile .mask-text {
      font-size: 1.2em; } }

.followSocialBox {
  text-align: center; }
  @media only screen and (min-width: 1400px) {
    .followSocialBox {
      margin-bottom: 35px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1399px) {
    .followSocialBox {
      margin-bottom: 25px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .followSocialBox {
      margin-bottom: 19.2px; } }
  @media only screen and (max-width: 767px) {
    .followSocialBox {
      margin-bottom: 5px; } }
  .popinTemplate2 .followSocialBox {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%; }
  .followSocialBox .title {
    text-transform: uppercase;
    font-size: 3em;
    font-family: "ClanNarrow-News";
    margin-bottom: 11px; }
    .popinTemplate2 .followSocialBox .title {
      font-size: 2em;
      text-transform: none;
      color: #434343; }
    @media only screen and (min-width: 1025px) and (max-width: 1399px) {
      .followSocialBox .title {
        font-size: 2.14286em; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .followSocialBox .title {
        font-size: 1.64571em; } }
    @media only screen and (max-width: 767px) {
      .followSocialBox .title {
        margin-top: 20px;
        font-size: 1.7em;
        margin-bottom: 20px; } }
  .followSocialBox .list {
    display: inline-block; }
  .followSocialBox .shadow {
    width: 39px;
    position: relative;
    height: 21px; }
    @media only screen and (max-width: 767px) {
      .followSocialBox .shadow {
        margin: 0; } }
  .followSocialBox .shadow:before {
    height: 2px;
    position: absolute;
    top: 50%;
    width: 100%;
    content: "";
    display: block;
    left: 0;
    margin-top: -2px; }
  .followSocialBox .shadow--first:before {
    background: -webkit-linear-gradient(left, #fcfcfc 0%, #454545 100%);
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, right top, from(#fcfcfc), to(#454545));
    background: linear-gradient(to right, #fcfcfc 0%, #454545 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#454545',GradientType=1 );
    /* IE6-9 */ }
  .followSocialBox .shadow--last:before {
    background: -webkit-linear-gradient(left, #454545 0%, #fcfcfc 100%);
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, right top, from(#454545), to(#fcfcfc));
    background: linear-gradient(to right, #454545 0%, #fcfcfc 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#fcfcfc',GradientType=1 );
    /* IE6-9 */ }
  .followSocialBox .ico a {
    display: block;
    width: 100%;
    height: 100%; }
  .followSocialBox li {
    display: inline-block;
    margin: 0 7px; }
    .followSocialBox li.facebook {
      background-image: url(../i/sprite/sprite.png);
      background-position: -538px 0px;
      width: 22px;
      height: 21px; }
    .followSocialBox li.twitter {
      background-image: url(../i/sprite/sprite.png);
      background-position: -538px -21px;
      width: 22px;
      height: 21px; }
    .followSocialBox li.pinterest {
      background-image: url(../i/sprite/sprite.png);
      background-position: -538px -42px;
      width: 22px;
      height: 21px; }
    .followSocialBox li.instagram {
      background-image: url(../i/sprite/sprite.png);
      background-position: -488px -511px;
      width: 22px;
      height: 21px; }
    .followSocialBox li.youtube {
      background-image: url(../i/sprite/sprite.png);
      background-position: -510px -511px;
      width: 22px;
      height: 21px; }
    .followSocialBox li.www {
      background-image: url(../i/sprite/sprite.png);
      background-position: -460px -443px;
      width: 22px;
      height: 21px; }

/* =SEARCH RESLUTS PAGE
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.mainTitle {
  position: absolute;
  bottom: 15%;
  right: 10%;
  z-index: 2;
  color: #fff;
  font-family: "ClanNarrow-Medium";
  opacity: 0.4;
  filter: alpha(opacity=40);
  line-height: 0.9; }

.searchContent h1 {
  font-family: "ClanNarrow-News";
  text-align: center; }
  .searchContent h1 span {
    color: #b70036; }

.searchInput {
  text-align: center; }
  .searchInput .search {
    background: url("../i/sprite/search_button.png") no-repeat scroll 10px center #fff;
    border: 1px solid #dcdcdc;
    margin: 10px;
    color: #1a1919;
    padding: 10px 10px 10px 30px;
    width: 42%; }
  .searchInput .button {
    margin: 10px 0;
    height: 42px;
    cursor: pointer; }

.searchResult li {
  padding: 24px 0;
  border-bottom: 1px solid #f2f2f1; }
  .searchResult li * {
    margin: 10px 0; }

.searchResult .searchBreadcrumb {
  font-size: 1.7em; }

.searchResult .searchBreadcrumb a {
  color: #757575; }

.searchResult h3 {
  font-family: "ClanNarrow-Medium";
  font-size: 3em; }

.searchResult p {
  font-size: 1.6em;
  margin-bottom: 26px; }

.searchResult article a:hover {
  color: #262626; }

.searchResult .searchPage {
  font-family: "ClanNarrow-Medium";
  font-size: 1.8em;
  background: url("../i/sprite/nav/nav-lvl1-expandable-is-current-ico-cellphone.png") no-repeat scroll 0 3px;
  padding-left: 12px; }

.searchContent .moreResults.finished {
  display: none; }

.mainTitle {
  font-size: 11em; }

.searchContent h1 {
  font-size: 3.4em; }

.searchResult {
  margin: 40px 0; }

.searchInput {
  margin: 55px 10px 40px; }
  .searchInput .search {
    font-size: 1.8em; }

@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .mainTitle {
    font-size: 11em; }
  .searchContent h1 {
    font-size: 3.4em; }
  .searchResult {
    margin: 40px 0; }
  .searchInput {
    margin: 55px 10px 40px; }
    .searchInput .search {
      font-size: 1.8em; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .mainTitle {
    font-size: 5.8em; }
  .searchContent h1 {
    font-size: 2.6em; }
  .searchResult {
    font-size: 0.8em;
    margin: 20px 0; }
    .searchResult li * {
      margin: 0; }
    .searchResult .searchPage {
      background-position: 0 1px; }
  .searchInput {
    margin: 15px 10px 19px; }
    .searchInput .search {
      font-size: 1.6em; } }

@media only screen and (max-width: 767px) {
  .mainTitle {
    font-size: 4em; }
  .searchContent h1 {
    font-size: 1.8em; }
  .searchResult {
    font-size: 0.7em;
    margin: 20px 0; }
    .searchResult li * {
      margin: 0; }
    .searchResult .searchPage {
      background-position: 0 1px; }
  .searchInput {
    margin: 15px 0 19px; }
    .searchInput .search {
      font-size: 1.6em;
      margin: 10px 0;
      width: 86%; } }

body.hideScroll {
  overflow: hidden; }

.staticPopup {
  background: #fff;
  color: #000;
  position: absolute;
  left: 0;
  right: 0;
  top: 100px;
  margin: auto;
  z-index: 999998; }
  .staticPopup.subscribe-popup-teaser {
    width: 450px;
    height: 700px;
    text-align: center;
    margin-bottom: 100px; }
    .staticPopup.subscribe-popup-teaser h2 {
      font-family: "ClanNarrow-Book";
      font-size: 64px;
      padding: 20px 0 40px 0; }
    .staticPopup.subscribe-popup-teaser p {
      font-size: 26px;
      padding: 0 30px 20px;
      font-family: "ClanNarrow-Book"; }
  .staticPopup.subscribe-popup-form {
    width: 736px;
    height: 1330px;
    margin-bottom: 100px; }
  .staticPopup.wellaplexpopup {
    width: 300px;
    height: auto;
    margin-bottom: 100px;
    padding-top: 40px;
    padding-bottom: 10px; }
    .staticPopup.wellaplexpopup .content {
      padding: 15px;
      font-size: 12px;
      font-family: "ClanNarrow-Book";
      padding-bottom: 0; }
    .staticPopup.wellaplexpopup p {
      margin-top: 15px;
      font-family: "ClanNarrow-Medium"; }
    .staticPopup.wellaplexpopup h2 {
      font-size: 20px;
      margin-bottom: 15px; }
    .staticPopup.wellaplexpopup ul {
      list-style: inherit; }
      .staticPopup.wellaplexpopup ul li {
        margin-left: 15px;
        margin-bottom: 5px; }
    .staticPopup.wellaplexpopup .close {
      color: #000; }
    .staticPopup.wellaplexpopup .socialIcons {
      border-top: 1px solid #c0c0c0;
      padding-top: 10px;
      margin-top: 15px;
      text-align: center; }
      .staticPopup.wellaplexpopup .socialIcons a {
        display: inline-block;
        margin-right: 40px; }
        .staticPopup.wellaplexpopup .socialIcons a:last-child {
          margin: 0; }
  .staticPopup .close {
    font-size: 4em;
    line-height: 23px;
    font-family: "ClanNarrow-Book";
    color: #ff0000;
    position: absolute;
    background: none;
    border: 0 none;
    -webkit-box-shadow: none;
            box-shadow: none;
    cursor: pointer;
    display: block;
    outline: medium none;
    overflow: visible;
    padding: 0;
    z-index: 1046;
    top: 10px;
    right: 10px; }

.popup-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  overflow-y: scroll;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.7); }

/*  =COMMON
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

body.nav-toggle {
  overflow-x: hidden; }

.media-viewport {
  width: 0;
  height: 0;
  visibility: hidden;
  overflow: hidden; }

.main {
  margin: 0 auto;
  position: relative;
  z-index: 100; }

.center {
  text-align: center; }

[lang='el'] .buyOnlinePopup h3, [lang='el'] .buyOnlinePopup h4 {
  text-transform: none !important; }

#MoveHairdressersContainer .main > .header-decor h2:before {
  display: none; }

#MoveHairdressersContainer .main > .header-decor h2:after {
  display: none; }

.header-decor h1, .header-decor h2, .header-decor h3, .header-decor h4, .header-decor h5, .header-decor h6 {
  display: inline-block;
  position: relative;
  margin: 70px 0 40px;
  padding: 0 40px; }
  .header-decor h1:before, .header-decor h1:after, .header-decor h2:before, .header-decor h2:after, .header-decor h3:before, .header-decor h3:after, .header-decor h4:before, .header-decor h4:after, .header-decor h5:before, .header-decor h5:after, .header-decor h6:before, .header-decor h6:after {
    content: "";
    width: 36px;
    height: 1px;
    background: #2e2e2e;
    position: absolute;
    top: 50%;
    margin-top: -0.5px; }
  .header-decor h1:before, .header-decor h2:before, .header-decor h3:before, .header-decor h4:before, .header-decor h5:before, .header-decor h6:before {
    left: 0; }
  .header-decor h1:after, .header-decor h2:after, .header-decor h3:after, .header-decor h4:after, .header-decor h5:after, .header-decor h6:after {
    right: 0; }

.header-decor .subtitle {
  font-family: "ClanNarrow-News";
  font-size: 2.3em;
  margin-top: -30px; }

.centeredWrapper {
  width: 100%;
  height: 100%; }

.visualText.centeredWrapper {
  width: 100%;
  height: auto;
  bottom: 50%;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%); }

@media only screen and (max-width: 767px) {
  .topMainVisual.lookbookPage .visualText.centeredWrapper {
    padding-right: 10px; }
    .topMainVisual.lookbookPage .visualText.centeredWrapper .centered .subtitle {
      margin-bottom: 10px; } }

.whole-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

br.mob-visible {
  display: none; }

.changeYearNav li {
  position: absolute;
  top: 45%;
  z-index: 1; }
  .changeYearNav li a {
    display: block; }

.changeYearNav .prev {
  left: 0; }
  .changeYearNav .prev a {
    background-image: url(../i/sprite/sprite.png);
    background-position: -342px -136px;
    width: 23px;
    height: 52px; }

.changeYearNav .next {
  right: 0; }
  .changeYearNav .next a {
    background-image: url(../i/sprite/sprite.png);
    background-position: -405px -296px;
    width: 23px;
    height: 52px; }

.newTag {
  text-transform: uppercase;
  background-color: #c8003c;
  display: inline-block;
  color: #fff;
  font: 2.6em/1 "ClanNarrow-News";
  padding: 12px 20px;
  border-radius: 15px 0;
  margin-bottom: 20px; }

.redDisclaimer {
  color: red;
  font-style: italic; }

/* Forms elements */
input[type="email"],
input[type="text"], textarea {
  font-family: Arial, sans-serif;
  font-size: 1.2em;
  color: #000;
  border: 1px solid #939393;
  width: 100%;
  height: 38px;
  padding: 0 10px; }

.formTpl {
  font-family: "ClanNarrow-Book";
  font-size: 1.6em; }

/* Placeholders consistency */
input::-webkit-input-placeholder {
  color: #000;
  letter-spacing: 0.5px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }

input:-moz-placeholder {
  color: #000;
  letter-spacing: 0.5px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }

::-moz-placeholder {
  color: #000;
  letter-spacing: 0.5px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }

input:-ms-input-placeholder {
  color: #000;
  letter-spacing: 0.5px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }

.placeholder {
  color: #000;
  letter-spacing: 0.5px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }

.popinActive .main {
  z-index: 300; }

/* Scroller */
.scrollWrapper {
  position: absolute;
  top: 115px;
  bottom: 100px;
  left: 15%;
  width: 72%;
  overflow: hidden; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .scrollWrapper {
      top: 70px; } }

.scroller {
  position: absolute;
  -webkit-tap-highlight-color: transparent;
  width: 2000px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none; }
  .scroller img {
    width: 6.5%; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .scroller img {
        width: 3.5%; } }
    .scroller img.recipe {
      width: initial; }

.iScrollVerticalScrollbar {
  position: absolute;
  z-index: 9999;
  width: 7px;
  bottom: 2px;
  top: 2px;
  right: 2px;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.3); }

.iScrollIndicator {
  position: absolute;
  background: #fff;
  border-radius: 8px;
  width: 100%; }

/*  =COMPONENTS
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/*  =HEADER / MENU
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.productsWrapper {
  position: absolute;
  top: 0;
  left: 264px;
  width: 1060px;
  height: 423px;
  overflow: hidden; }
  .productsWrapper .productsContainer {
    position: absolute;
    top: 0;
    width: 1060px;
    height: 423px; }
  .productsWrapper .menuLeftArrow {
    background-image: url(../i/sprite/sprite.png);
    background-position: -520px -109px;
    width: 16px;
    height: 39px;
    display: block;
    position: absolute;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 99999;
    top: 50%;
    cursor: pointer; }
    .productsWrapper .menuLeftArrow.active {
      display: block; }
    .productsWrapper .menuLeftArrow.inactive {
      display: none; }
  .productsWrapper .menuRightArrow {
    background-image: url(../i/sprite/sprite.png);
    background-position: -520px -70px;
    width: 16px;
    height: 39px;
    display: block;
    position: absolute;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 99999;
    top: 50%;
    right: 0;
    cursor: pointer; }
    .productsWrapper .menuRightArrow.active {
      display: block; }
    .productsWrapper .menuRightArrow.inactive {
      display: none; }

.decoration .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 2; }

.desktop-device .decoration:hover .mask {
  opacity: 1; }

.tablet-device .decoration:active .mask {
  opacity: 1; }

.tablet-cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  transition: -webkit-transform .25s ease;
  -webkit-transition: -webkit-transform .25s ease;
  transition: transform .25s ease;
  transition: transform .25s ease, -webkit-transform .25s ease;
  z-index: 100; }

@media screen and (min-width: 768px) {
  .nav-toggle .tablet-cover {
    display: block; } }

@media screen and (min-width: 1025px) {
  .nav-toggle .tablet-cover {
    display: none; } }

header, .topMainVisual, .main, .footerRowWrap, .footerWrapp {
  transition: -webkit-transform .25s ease;
  -webkit-transition: -webkit-transform .25s ease;
  transition: transform .25s ease;
  transition: transform .25s ease, -webkit-transform .25s ease; }

.nav-toggle header, .nav-toggle .topMainVisual, .nav-toggle .main, .nav-toggle .footerRowWrap, .nav-toggle .footerWrapp {
  -webkit-transform: translate3d(275px, 0, 0);
  transform: translate3d(275px, 0, 0); }

.nav-toggle.tablet-device:before {
  content: "";
  position: fixed;
  background-color: #fff;
  width: 275px;
  height: 100%;
  z-index: 200;
  left: 0; }

header {
  height: 60px;
  position: relative;
  z-index: 210;
  background: #fff; }
  header .header__wrapper--redesign {
    background-color: #fff;
    padding: 5px 0; }
  header .logo {
    text-align: center; }
    header .logo img {
      height: 50px;
      margin-top: 0; }
  header .top {
    height: 40px;
    background: #f7f7f7;
    display: none;
    padding-right: 35px; }
    header .top ul {
      float: right;
      height: 40px; }
      header .top ul li {
        display: block;
        float: left;
        font-size: 1.1em;
        font-family: Arial;
        text-transform: uppercase;
        line-height: 40px;
        padding: 0 5px; }
        header .top ul li p {
          display: inline-block; }
        header .top ul li.find {
          padding: 0 20px; }
          header .top ul li.find a {
            background: url(../i/_redesign/search-top.png) no-repeat 0 0;
            padding-left: 20px; }
        header .top ul li.news {
          padding: 0 20px; }
          header .top ul li.news a {
            background: url(../i/_redesign/news-top.png) no-repeat 0 0;
            padding-left: 25px; }
    header .top .followUs {
      padding-top: 3px; }
      header .top .followUs a {
        display: inline-block;
        vertical-align: top;
        margin: 7px 4px; }
        header .top .followUs a.ico_facebook {
          background-image: url(../i/sprite/sprite.png);
          background-position: -102px -556px;
          width: 17px;
          height: 17px; }
        header .top .followUs a.ico_tweet {
          background-image: url(../i/sprite/sprite.png);
          background-position: 0px -556px;
          width: 17px;
          height: 17px; }
        header .top .followUs a.ico_pint {
          background-image: url(../i/sprite/sprite.png);
          background-position: -34px -556px;
          width: 17px;
          height: 17px; }
        header .top .followUs a.ico_youtube {
          background-image: url(../i/sprite/sprite.png);
          background-position: -102px -278px;
          width: 24px;
          height: 17px; }
        header .top .followUs a.ico_istagram {
          background-image: url(../i/sprite/sprite.png);
          background-position: -51px -556px;
          width: 17px;
          height: 17px; }
        header .top .followUs a.ico_wellablog {
          background-image: url(../i/sprite/sprite.png);
          background-position: -85px -556px;
          width: 17px;
          height: 17px; }
  header li.followUs a {
    display: inline-block;
    margin: 0 2px; }
    header li.followUs a:hover {
      opacity: .5; }
  header .right {
    position: absolute;
    top: 25px;
    right: 20px;
    display: none; }
    header .right ul li {
      display: inline-block;
      font-size: 1.3em;
      font-family: Arial;
      text-transform: uppercase;
      padding: 0 5px;
      line-height: 11px; }
      header .right ul li a {
        padding: 5px 0 0 20px;
        font-size: 0.846em; }
        header .right ul li a.store {
          color: #C8003C;
          background: url(../i/_redesign/wella-strore-icon.png) no-repeat left center; }
        header .right ul li a.search {
          color: #000;
          background: url(../i/_redesign/search-icon.png) no-repeat left center;
          padding-top: 2px; }
  header .menu {
    width: 32px;
    height: 21px;
    background: url(../i/_redesign/menu-icon.png);
    position: absolute;
    left: 10px;
    top: 19.5px; }
  header ul.top-icons {
    position: absolute;
    top: 0;
    left: 0;
    width: 275px;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    transition: -webkit-transform .25s ease;
    -webkit-transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease;
    border-right: 1px solid #E7E7E7; }
    header ul.top-icons li {
      background: #fff;
      margin: 0;
      height: 44px;
      position: relative; }
      header ul.top-icons li a {
        display: block;
        position: absolute;
        top: 4px;
        height: 30px;
        text-indent: -9999px; }
      header ul.top-icons li .search {
        background: url(../i/_redesign/search-icon-b.png) no-repeat center;
        width: 23px;
        left: 20px; }
      header ul.top-icons li .news {
        background: url(../i/_redesign/news-icon.png) no-repeat center;
        width: 27px;
        margin: 0 auto;
        left: 0;
        right: 0; }
      header ul.top-icons li .store {
        background: url(../i/_redesign/strore-icon.png) no-repeat center;
        width: 16px;
        right: 20px; }
  header div.bottom-menu > div {
    height: 45px;
    line-height: 45px;
    width: 100%;
    background: url(../i/_redesign/nav-li-bg.png) no-repeat 249px center #E7E7E7;
    margin-bottom: 5px; }
    header div.bottom-menu > div a, header div.bottom-menu > div p {
      font-size: 1.2em;
      text-transform: uppercase;
      margin: 0 20px; }
    header div.bottom-menu > div p {
      margin-right: 14px; }
    header div.bottom-menu > div.find a {
      color: #C8003C;
      background: url(../i/_redesign/find-icon.png) no-repeat 95px center;
      padding: 5px 30px 5px 0; }
    header div.bottom-menu > div.followUs {
      background-image: none;
      position: relative;
      margin: 0; }
      header div.bottom-menu > div.followUs p {
        display: inline-block; }
      header div.bottom-menu > div.followUs div.icons {
        position: absolute;
        right: 10px;
        top: 5px; }
      header div.bottom-menu > div.followUs a {
        display: inline-block;
        vertical-align: top;
        margin: 12px 2px; }
        header div.bottom-menu > div.followUs a.ico_facebook {
          background-image: url(../i/sprite/sprite.png);
          background-position: -438px -443px;
          width: 22px;
          height: 22px; }
        header div.bottom-menu > div.followUs a.ico_tweet {
          background-image: url(../i/sprite/sprite.png);
          background-position: -350px -443px;
          width: 22px;
          height: 22px; }
        header div.bottom-menu > div.followUs a.ico_pint {
          background-image: url(../i/sprite/sprite.png);
          background-position: -372px -443px;
          width: 22px;
          height: 22px; }
        header div.bottom-menu > div.followUs a.ico_youtube {
          background-image: url(../i/sprite/sprite.png);
          background-position: -296px -443px;
          width: 31px;
          height: 22px; }
        header div.bottom-menu > div.followUs a.ico_istagram {
          background-image: url(../i/sprite/sprite.png);
          background-position: -394px -443px;
          width: 22px;
          height: 22px; }
        header div.bottom-menu > div.followUs a.ico_wellablog {
          background-image: url(../i/sprite/sprite.png);
          background-position: -416px -443px;
          width: 22px;
          height: 22px; }

@media screen and (min-width: 1025px) {
  header .top-icons, header .bottom-menu {
    display: none; } }

header .nav {
  margin: 0 auto;
  background: #fff;
  position: absolute;
  width: 275px;
  left: 0;
  top: 60px;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  transition: -webkit-transform .25s ease;
  -webkit-transition: -webkit-transform .25s ease;
  transition: transform .25s ease;
  transition: transform .25s ease, -webkit-transform .25s ease;
  border-right: 1px solid #E7E7E7;
  z-index: 100; }
  header .nav ul {
    list-style: none;
    position: relative; }
    header .nav ul:after {
      content: "";
      clear: both;
      display: block; }
    header .nav ul li {
      min-height: 40px;
      margin-bottom: 5px;
      line-height: 40px;
      width: 100%;
      background: url(../i/_redesign/nav-li-bg.png) no-repeat 249px center #F7F7F7; }
      header .nav ul li.lines {
        line-height: 1;
        padding-top: 5px;
        padding-bottom: 5px;
        height: auto; }
        header .nav ul li.lines small {
          display: block;
          font-size: .850em;
          text-transform: none;
          font-family: "ClanNarrow-Book";
          padding-top: 4px; }
        header .nav ul li.lines.discover span {
          font-size: inherit !important;
          text-transform: inherit;
          font-family: inherit;
          padding-top: 0; }
      header .nav ul li a {
        font-family: "ClanNarrow-News";
        text-transform: uppercase;
        font-size: 0.875em;
        display: block;
        margin: 0 20px; }
        header .nav ul li a img {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1;
          display: none; }
        header .nav ul li a small {
          display: block; }
        header .nav ul li a p {
          font-size: 1.6em; }
    header .nav ul ul {
      display: none;
      margin: 0;
      padding: 0;
      position: absolute; }
      header .nav ul ul li {
        float: none;
        position: relative;
        display: table; }
      header .nav ul ul ul {
        position: absolute;
        left: 100%;
        top: 0;
        width: 100%; }
  header .nav .nav-back {
    display: none;
    font-size: 1em;
    text-align: center;
    height: 50px;
    line-height: 50px;
    background: #C8003C; }
    header .nav .nav-back a, header .nav .nav-back span {
      color: #fff; }
  header .nav .product-finder {
    background: #fff;
    margin: 0; }
    header .nav .product-finder a {
      color: #C8003C;
      font-size: 1.2em;
      background: url(../i/_redesign/product-finder-icon.png) no-repeat left center;
      padding-left: 20px; }
      header .nav .product-finder a p span {
        font-size: .64em; }
  header .nav .nav-back span {
    font-size: 1.05em; }
  header .nav .nav-back span:nth-child(2) {
    position: absolute;
    left: 10px;
    top: 0;
    padding-left: 10px;
    font-size: .72em;
    background: url(../i/_redesign/return-icon.png) no-repeat left center; }

header .nav-mobile {
  width: 100%; }
  header .nav-mobile .nav-back {
    display: block; }
    header .nav-mobile .nav-back p {
      padding-left: 40px; }
  header .nav-mobile ul {
    width: 100%;
    position: inherit; }
  header .nav-mobile li {
    width: 100%; }

header .nav-dropdown {
  display: block; }

header .nav-subview {
  display: block !important;
  width: 100%; }

header .nav-mobile .nav-subover-hidden {
  display: none !important; }

header .nav-mobile .nav-subover-visible {
  display: block;
  position: initial; }

header .nav-mobile .nav-subover-header {
  display: none !important; }

header .nav-mobile .nav-submenu {
  position: relative;
  background: #fff;
  left: 0; }

header .nav-tablet .nav-back {
  display: block; }

header .nav-tablet .products.current > .nav-subover-header {
  display: none !important; }

header .nav-tablet .products.current + .nav-subover-hidden {
  display: none !important; }
  header .nav-tablet .products.current + .nav-subover-hidden + .nav-subover-hidden {
    display: none !important; }
    header .nav-tablet .products.current + .nav-subover-hidden + .nav-subover-hidden + .nav-subover-hidden {
      display: none !important; }
      header .nav-tablet .products.current + .nav-subover-hidden + .nav-subover-hidden + .nav-subover-hidden + .nav-subover-hidden {
        display: none !important; }

header .nav-tablet .nav-submenu {
  position: relative;
  background: #fff;
  left: 0; }

@media screen and (max-width: 767px) {
  .productsWrapper {
    height: initial; }
    .productsWrapper .productsContainer {
      top: 55px;
      position: static;
      height: inherit; }
  header ul.top-icons li {
    height: 60px; }
    header ul.top-icons li a {
      top: 15px; }
  header .nav-mobile .nav-subover-visible {
    margin-bottom: 0; } }

@media screen and (min-width: 768px) {
  .nav-toggle header {
    border-bottom: 1px solid #E7E7E7;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .nav-toggle .content, .nav-toggle .footer {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  header li.followUs a {
    margin: 0 5px; }
  header .right {
    display: block;
    right: 0px;
    top: 25px; }
  header .menu {
    left: 20px; }
  header ul.top-icons {
    top: 60px; }
  .nav-toggle header ul.top-icons {
    top: 60px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  header .nav {
    top: 104px; }
  .nav-toggle header .nav {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  header .nav ul li a img {
    display: block; }
  header .nav li.current {
    background-color: #C3C2C2; }
    header .nav li.current > a {
      font-family: "ClanNarrow-Bold"; }
  header .nav ul.nav-last li.nav-back, header .nav ul.nav-last li.product-finder {
    display: none; }
  header .last .nav-subover-header {
    display: block !important; }
  header .nav .nav-last.nav-subview {
    position: absolute;
    top: -44px;
    left: 275px; }
  header .nav-mobile .nav-subover-hidden {
    display: block !important; }
  header .nav-mobile.nav-main > .nav-subover-hidden {
    /*display: none !important;*/ }
  header .nav ul.nav-last {
    width: 492px;
    background: #fff; }
    header .nav ul.nav-last li {
      margin: 0;
      padding: 0;
      display: block;
      border-right: 1px solid #E7E7E7;
      border-bottom: 1px solid #E7E7E7;
      position: relative;
      float: left;
      width: 246px;
      height: 182px;
      overflow: hidden;
      background: none; }
      header .nav ul.nav-last li:after {
        content: '';
        position: absolute;
        bottom: 16px;
        right: 20px;
        width: 9px;
        height: 9px;
        background: url(../i/_redesign/plus-icon.png) no-repeat 0 0;
        z-index: 100; }
      header .nav ul.nav-last li a {
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0;
        padding-top: 142px; }
      header .nav ul.nav-last li p {
        padding-left: 5px;
        padding-right: 30px;
        font-size: 1.4em;
        text-align: left;
        position: relative;
        z-index: 100;
        line-height: 1;
        display: table;
        height: 100%; }
        header .nav ul.nav-last li p span {
          display: table-cell;
          vertical-align: middle; }
        header .nav ul.nav-last li p small {
          text-transform: none; }
      header .nav ul.nav-last li img {
        width: 246px;
        height: 142px; }
  header .nav .products ul.nav-last {
    width: 492px; }
    header .nav .products ul.nav-last li {
      width: 164px;
      height: 205px; }
      header .nav .products ul.nav-last li img {
        width: 164px;
        height: 205px; }
      header .nav .products ul.nav-last li a {
        padding-top: 153px; }
      header .nav .products ul.nav-last li p {
        text-align: center;
        background: none;
        font-size: 1.4em;
        padding-right: 0;
        display: block;
        height: auto; }
        header .nav .products ul.nav-last li p span {
          height: auto;
          display: block; }
      header .nav .products ul.nav-last li.discover {
        width: 492px;
        height: 225px; }
        header .nav .products ul.nav-last li.discover a {
          padding-top: 183px; }
        header .nav .products ul.nav-last li.discover img {
          width: 492px;
          height: 225px; }
        header .nav .products ul.nav-last li.discover p {
          font-size: 2.25em;
          width: 58%;
          line-height: 1;
          margin: 0 auto; }
  header .nav .products .single ul.nav-last li {
    width: 493px;
    height: 461px;
    text-align: center; }
    header .nav .products .single ul.nav-last li img {
      width: 100%;
      height: 100%; }
    header .nav .products .single ul.nav-last li a {
      padding-top: 400px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .productsWrapper {
    overflow: visible; }
    .productsWrapper .productsContainer {
      margin-top: 225px;
      width: inherit;
      background-color: #fff;
      height: initial; }
  .nav .nav-submenu > li:nth-child(3) .nav-last.nav-subview {
    top: -142px; }
  .nav .nav-submenu > li:nth-child(4) .nav-last.nav-subview {
    top: -187px; }
  .nav .nav-submenu > li:nth-child(5) .nav-last.nav-subview {
    top: -232px; }
  .nav .nav-submenu > li:nth-child(6) .nav-last.nav-subview {
    top: -277px; }
  .nav .nav-submenu > li:nth-child(7) .nav-last.nav-subview {
    top: -322px; }
  .nav .nav-submenu > li:nth-child(8) .nav-last.nav-subview {
    top: -367px; }
  .nav .nav-submenu > li:nth-child(9) .nav-last.nav-subview {
    top: -412px; }
  .nav .nav-submenu > li:nth-child(10) .nav-last.nav-subview {
    top: -457px; } }

@media screen and (min-width: 1025px) {
  .productsWrapper .menuLeftArrow {
    left: 181px; }
  header {
    height: 184px;
    padding: 0; }
    header .header__wrapper--redesign {
      background-color: #fff;
      padding: 0; }
    header .header__wrapper--redesign.compact {
      height: 90px;
      position: fixed;
      width: 100%;
      z-index: 300; }
    header .logo img {
      height: auto;
      margin-top: 28px; }
    header .header__wrapper--redesign.compact .logo img {
      height: 50px;
      margin-top: 5px; }
    header .top {
      display: block; }
    header .header__wrapper--redesign.compact .top {
      height: 40px;
      background: #f7f7f7;
      display: none; }
    header .right {
      top: 100px;
      right: 40px; }
    header .header__wrapper--redesign.compact .right {
      display: block;
      right: 40px;
      top: 25px; }
    header .menu {
      display: none; }
    header .nav {
      margin: 0 auto;
      background: none;
      width: 946px;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      transition: -webkit-transform 0.25s ease;
      -webkit-transition: -webkit-transform 0.25s ease;
      transition: transform 0.25s ease;
      transition: transform 0.25s ease, -webkit-transform 0.25s ease;
      border: none;
      top: 140px;
      right: 0; }
      header .nav .nav-second {
        width: 264px; }
    header .header__wrapper--redesign.compact .nav {
      top: 55px; }
  header .nav > ul {
    width: 100%;
    text-align: center; }
    header .nav > ul > li {
      display: inline-block;
      margin: 0 35px;
      float: none;
      background: none;
      width: auto; }
      header .nav > ul > li > ul {
        display: none; }
      header .nav > ul > li.current {
        background: none; }
        header .nav > ul > li.current > ul {
          display: block;
          top: 44px;
          left: 0; }
      header .nav > ul > li > a {
        margin: 0; }
  header .nav ul ul li {
    position: static; }
  header .nav ul li.nav-back {
    display: none; }
  header .nav ul.nav-last.nav-subview {
    border-left: 1px solid #EAE9E8;
    width: 946px; }
  header .nav ul.nav-last .product-finder {
    display: none; }
  header .nav ul.nav-last li {
    width: 33.333333%; }
  header .header__wrapper--redesign.compact .nav > ul > li.current > ul {
    top: 35px; }
  header .nav .nav-last.nav-subview li {
    width: 33.33%;
    background: #fff;
    line-height: 50px;
    text-align: left; }
  header .nav ul.nav-last li {
    height: 213px; }
    header .nav ul.nav-last li:after {
      bottom: 13px; }
    header .nav ul.nav-last li a p {
      padding-left: 20px;
      line-height: 35px; }
    header .nav ul.nav-last li.lines a p {
      padding: 6px 0px 6px 20px;
      line-height: 1; }
  header .nav ul.nav-second {
    left: 0;
    top: 44px;
    width: 234px;
    height: 423px;
    background: #f7f7f7; }
    header .nav ul.nav-second > li {
      background: url(../i/_redesign/plus-icon.png) no-repeat 185px center; }
      header .nav ul.nav-second > li > a {
        display: table-cell !important;
        vertical-align: middle;
        padding: 0 35px;
        height: 55px; }
      header .nav ul.nav-second > li.current {
        background: url(../i/_redesign/minus-icon.png) no-repeat 185px center; }
        header .nav ul.nav-second > li.current > a {
          font-weight: 700;
          position: relative; }
          header .nav ul.nav-second > li.current > a::after {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            left: 234px;
            top: 17px;
            border-top: 10px solid transparent;
            border-left: 10px solid #f7f7f7;
            border-bottom: 10px solid transparent;
            z-index: 1000; }
    header .nav ul.nav-second a {
      margin: 0 35px;
      line-height: 1; }
    header .nav ul.nav-second .product-finder {
      background: none; }
      header .nav ul.nav-second .product-finder a {
        color: #fff;
        background: url(../i/_redesign/product-finder-icon-wh.png) no-repeat 22px center #C8003C;
        margin: 15px;
        line-height: 40px;
        height: 40px;
        display: block !important;
        padding-right: 0; }
        header .nav ul.nav-second .product-finder a p {
          padding-left: 10px; }
          header .nav ul.nav-second .product-finder a p span {
            font-size: .8em; }
  header .header__wrapper--redesign.compact .nav .nav-second {
    top: 35px; }
  header .nav .nav-second > li {
    text-align: left; }
    header .nav .nav-second > li > a > p {
      font-family: Arial;
      font-size: 14px; }
  header .nav .nav-second .nav-last {
    left: 234px;
    top: -1px;
    height: 423px;
    border-top: 1px solid #EAE9E8; }
  header .header__wrapper--redesign.compact .nav .nav-second .nav-last {
    top: -1px;
    height: 423px;
    z-index: 2; }
  header .nav ul.nav-last.nav-subview {
    position: absolute;
    left: 0;
    top: 44px; }
  header .nav .nav-second ul.nav-last.nav-subview {
    position: absolute;
    left: 234px;
    top: 0;
    width: 712px; }
  header .nav ul.nav-last {
    background: #fff; }
    header .nav ul.nav-last li {
      margin: 0;
      padding: 0;
      display: block;
      border-right: 1px solid #E7E7E7;
      border-bottom: 1px solid #E7E7E7;
      position: relative;
      float: left;
      width: 246px;
      height: 156px;
      overflow: hidden;
      background: none; }
      header .nav ul.nav-last li:after {
        content: '';
        position: absolute;
        bottom: 10px;
        right: 10px;
        width: 9px;
        height: 9px;
        background: url(../i/_redesign/plus-icon.png) no-repeat 0 0;
        z-index: 100; }
      header .nav ul.nav-last li a {
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0;
        padding-top: 118px; }
      header .nav ul.nav-last li p {
        padding-left: 5px;
        font-size: 1.4em;
        text-align: left;
        position: relative;
        z-index: 100; }
        header .nav ul.nav-last li p small {
          text-transform: none; }
      header .nav ul.nav-last li img {
        width: 100%;
        height: auto; }
  header .nav .products ul.nav-last li {
    width: 104px;
    height: 211px; }
    header .nav .products ul.nav-last li img {
      width: 100%;
      height: auto; }
    header .nav .products ul.nav-last li a {
      padding-top: 115px; }
    header .nav .products ul.nav-last li p {
      text-align: center;
      background: none;
      font-size: 1.4em; }
      header .nav .products ul.nav-last li p span {
        height: auto; }
    header .nav .products ul.nav-last li.discover {
      width: 189.28571px;
      height: 422px;
      position: fixed;
      z-index: 9999; }
      header .nav .products ul.nav-last li.discover img {
        width: auto;
        height: 265px;
        bottom: 0;
        right: 0;
        margin: auto; }
      header .nav .products ul.nav-last li.discover a {
        padding-top: 275px; }
      header .nav .products ul.nav-last li.discover p {
        font-size: 2em;
        line-height: 1;
        margin: 0 auto;
        padding: 0; }
      header .nav .products ul.nav-last li.discover ~ .productsContainer {
        left: 189.28571px;
        min-width: 0;
        width: 100%; }
    header .nav .products ul.nav-last li.lines p {
      padding: 5px; }
  header .nav .products .care ul.nav-last .productsWrapper .menuLeftArrow {
    left: 181px; }
  header .nav .products .care ul.nav-last li {
    width: 173px;
    height: 140px; }
    header .nav .products .care ul.nav-last li img {
      margin: auto;
      bottom: 0; }
    header .nav .products .care ul.nav-last li a {
      padding-top: 50px;
      padding-left: 80px; }
    header .nav .products .care ul.nav-last li p {
      text-align: left; }
    header .nav .products .care ul.nav-last li.discover {
      width: 189.28571px;
      height: 423px; }
      header .nav .products .care ul.nav-last li.discover img {
        width: auto;
        height: 265px;
        bottom: 0;
        right: 0;
        margin: auto; }
      header .nav .products .care ul.nav-last li.discover a {
        padding-top: 275px;
        padding-left: 0; }
      header .nav .products .care ul.nav-last li.discover p {
        font-size: 2em;
        line-height: 1;
        margin: 0 auto;
        padding: 0;
        text-align: center; }
      header .nav .products .care ul.nav-last li.discover ~ .productsContainer {
        left: 189.28571px;
        width: initial; }
  header .nav .products .single ul.nav-last li {
    width: 100%;
    height: 423px;
    text-align: center; }
    header .nav .products .single ul.nav-last li img {
      width: 270px;
      height: 423px; }
    header .nav .products .single ul.nav-last li a {
      padding-top: 200px;
      padding-left: 300px; }
    header .nav .products .single ul.nav-last li p {
      text-align: left;
      position: relative; } }

@media screen and (min-width: 1400px) {
  .productsWrapper .menuLeftArrow {
    left: 256px; }
  header .nav {
    width: 1324px; }
    header .nav ul.nav-last.nav-subview {
      width: 100%; }
    header .nav ul.nav-second {
      width: 264px; }
      header .nav ul.nav-second > li {
        background-position: 211px center; }
        header .nav ul.nav-second > li.current {
          background-position: 211px center; }
          header .nav ul.nav-second > li.current > a::after {
            left: 264px; }
    header .nav .nav-second ul.nav-last.nav-subview {
      left: 264px;
      top: 0;
      width: 1060px; }
    header .nav ul.nav-last li {
      height: 211px; }
      header .nav ul.nav-last li a {
        padding-top: 164px; }
        header .nav ul.nav-last li a p {
          font-size: 1.85em;
          line-height: 50px; }
    header .nav .products ul.nav-last li {
      width: 158px; }
      header .nav .products ul.nav-last li a {
        padding-top: 145px; }
      header .nav .products ul.nav-last li p {
        font-size: 1.6em; }
      header .nav .products ul.nav-last li.discover {
        width: 265px; }
        header .nav .products ul.nav-last li.discover img {
          width: 100%;
          height: auto;
          margin: 0; }
        header .nav .products ul.nav-last li.discover a {
          padding-top: 305px; }
        header .nav .products ul.nav-last li.discover p {
          font-size: 2.25em;
          width: 70%; }
        header .nav .products ul.nav-last li.discover ~ .productsContainer {
          left: 265px; }
    header .nav .products .care ul.nav-last li {
      width: 264px; }
      header .nav .products .care ul.nav-last li a {
        padding-left: 120px; }
      header .nav .products .care ul.nav-last li.discover {
        width: 265px; }
        header .nav .products .care ul.nav-last li.discover img {
          width: 100%;
          height: auto;
          margin: 0; }
        header .nav .products .care ul.nav-last li.discover a {
          padding-top: 305px;
          padding-left: 0; }
        header .nav .products .care ul.nav-last li.discover p {
          line-height: 1;
          margin: 0 auto;
          padding: 0;
          text-align: center;
          font-size: 2.25em;
          width: 70%; }
        header .nav .products .care ul.nav-last li.discover ~ .productsContainer {
          left: 265px; } }

/*  =FOOTER
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.footerWrapp {
  width: 100%;
  background: #f7f7f7; }

footer {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  padding-top: 27px;
  padding-bottom: 14px; }
  footer:after {
    content: "";
    display: table;
    clear: both; }

footer .col {
  float: left; }
  footer .col h3 {
    font-size: 1.383em;
    text-align: center;
    margin-bottom: 25px;
    font-family: "ClanNarrow-Thin"; }

footer .col-1 {
  width: 318px; }
  footer .col-1 ul li {
    padding-right: 12px; }
  footer .col-1 a {
    padding-left: 10px;
    background: url(../i/sprite/foot-arrow.png) no-repeat 0 center; }

footer .col-2 {
  width: 412px;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5; }
  footer .col-2 ul li {
    padding-right: 10px; }
  footer .col-2 h3 {
    margin-bottom: 11px; }

footer .col-3 {
  width: 270px; }
  footer .col-3 ul li {
    padding-right: 12px; }
  footer .col-3 h3 {
    margin-bottom: 17px; }

footer ul {
  text-align: center; }
  footer ul li {
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    font-size: 1.107em; }
    footer ul li:last-child {
      padding-right: 0 !important; }

footer, footer a, .footerRow a {
  color: #4d4d4d;
  -webkit-transition: color 0.2s;
  transition: color 0.2s; }

footer a:hover {
  color: #aeaeae; }

.footerRow a:hover {
  color: #aeaeae; }

.footerRowWrap {
  width: 100%;
  background: #f7f7f7; }

.footerRow {
  margin: 0 auto;
  line-height: 34px;
  color: #4d4d4d;
  font-size: 0.9em;
  font-weight: bold; }
  .footerRow .left {
    float: left; }
  .footerRow .center {
    float: left; }
    .footerRow .center li {
      display: inline-block; }
    .footerRow .center a {
      position: relative;
      padding: 0 20px 0 0;
      margin-left: 12px; }
      .footerRow .center a:before {
        content: "";
        border-top: 1px solid #757575;
        width: 4px;
        height: 1px;
        display: block;
        position: absolute;
        left: -20px;
        top: 50%; }
  .footerRow .right {
    float: right; }

.footerRow .first a:before {
  content: "";
  border: 0 !important; }

.footerRow .BBB a {
  display: block;
  text-indent: -9999px;
  margin: 3px 0 0 10px; }

.footerRow .adchoices a {
  text-transform: uppercase;
  background: transparent url("../i/sprite/ad-choice-icon.png") center right no-repeat; }

.countryMenu {
  background: transparent; }

.ie8 .countryMenu, .ie9 .countryMenu {
  background: url(../i/ie8_transparent_bg_fix.png) repeat;
  background-color: initial; }

.countrySelector > a {
  margin: 0 auto;
  display: block;
  padding-left: 25px;
  padding-right: 20px;
  position: relative;
  text-align: left;
  background: url(../i/sprite/country-logo-ico-dark.png) no-repeat 0 center; }

.countrySelector > a:after {
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #4d4d4d;
  top: 15px;
  right: 0;
  position: absolute; }

.followUs a, .otherBrands a {
  display: block;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s; }
  .followUs a:hover, .otherBrands a:hover {
    opacity: 0.7; }

@media screen and (min-width: 1400px) {
  .footerWrapp {
    margin-top: 80px; }
  .footerWrapp footer,
  .footerRowWrap .footerRow {
    width: 1000px; }
  .footerRow .center {
    width: 750px; }
  /* sprites for each icons in element .followUs */
  .followUs .ico_facebook {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -511px;
    width: 24px;
    height: 26px; }
  .followUs .ico_tweet {
    background-image: url(../i/sprite/sprite.png);
    background-position: -164px -483px;
    width: 26px;
    height: 26px; }
  .followUs .ico_pint {
    background-image: url(../i/sprite/sprite.png);
    background-position: -96px -511px;
    width: 24px;
    height: 26px; }
  .followUs .ico_youtube {
    background-image: url(../i/sprite/sprite.png);
    background-position: -483px 0px;
    width: 37px;
    height: 26px; }
  .followUs .ico_istagram {
    background-image: url(../i/sprite/sprite.png);
    background-position: -112px -483px;
    width: 26px;
    height: 26px; }
  .followUs .ico_wellablog {
    background-image: url(../i/sprite/sprite.png);
    background-position: -237px -511px;
    width: 23px;
    height: 23px; }
  /* sprites for each icons in element .otherBrands */
  .otherBrands .ico_nioxin {
    background: url(../i/sprite/svg/nioxin.svg) no-repeat 0 center;
    -webkit-background-size: contain;
            background-size: contain;
    width: 54px;
    height: 34px; }
  .otherBrands .ico_clairol {
    background: url(../i/sprite/svg/clairol.svg) no-repeat 0 center;
    -webkit-background-size: contain;
            background-size: contain;
    width: 71px;
    height: 34px; }
  .otherBrands .ico_sp {
    background: url(../i/sprite/svg/sp.svg) no-repeat 0 center;
    -webkit-background-size: contain;
            background-size: contain;
    width: 49px;
    height: 34px; }
  .otherBrands .ico_sp_old {
    background-image: url(../i/sprite/sprite.png);
    background-position: -120px -403px;
    width: 42px;
    height: 34px; }
  .otherBrands .ico_sassoon {
    background: url(../i/sprite/svg/sassoon.svg) no-repeat 0 center;
    -webkit-background-size: contain;
            background-size: contain;
    width: 62px;
    height: 34px; }
  .otherBrands .ico_sebastian {
    background: url(../i/sprite/svg/sebastian.svg) no-repeat 0 center;
    -webkit-background-size: contain;
            background-size: contain;
    width: 91px;
    height: 34px; }
  .otherBrands .ico_londa {
    background-image: url(../i/sprite/sprite.png);
    background-position: -304px -68px;
    width: 64px;
    height: 34px; }
  .otherBrands .ico_kadus {
    background-image: url(../i/sprite/sprite.png);
    background-position: -304px -102px;
    width: 64px;
    height: 34px; } }

@media screen and (min-width: 1025px) and (max-width: 1399px) {
  .footerWrapp {
    margin-top: 50px; }
  .footerWrapp footer,
  .footerRowWrap .footerRow {
    width: 946px; }
  footer {
    padding-top: 26px; }
  footer .col-1 {
    width: 273px; }
  footer .col-2 {
    width: 430px; }
  footer .col-3 {
    width: 243px; }
  footer .col-3 h3 {
    margin-bottom: 20px; }
  .footerRow {
    line-height: 25px; }
    .footerRow .center {
      width: 700px; }
    .footerRow .BBB a {
      background-image: url(../i/sprite/sprite.png);
      background-position: -274px -295px;
      width: 49px;
      height: 19px; }
  .footerRow .center a {
    margin-left: 10px;
    padding: 0 10px 0 0; }
  .footerRow .adchoices a {
    padding-right: 20px; }
  .countrySelector > a:after {
    top: 10px; }
  .footerRow .center li a:before {
    left: -10px; }
  /* sprites for each icons in element .followUs */
  .followUs .ico_facebook {
    background-image: url(../i/sprite/sprite.png);
    background-position: -55px -537px;
    width: 18px;
    height: 18px; }
  .followUs .ico_tweet {
    background-image: url(../i/sprite/sprite.png);
    background-position: -520px -394px;
    width: 18px;
    height: 18px; }
  .followUs .ico_pint {
    background-image: url(../i/sprite/sprite.png);
    background-position: -349px -295px;
    width: 18px;
    height: 18px; }
  .followUs .ico_youtube {
    background-image: url(../i/sprite/sprite.png);
    background-position: -323px -295px;
    width: 26px;
    height: 18px; }
  .followUs .ico_istagram {
    background-image: url(../i/sprite/sprite.png);
    background-position: -68px -556px;
    width: 17px;
    height: 17px; }
  .followUs .ico_wellablog {
    background-image: url(../i/sprite/sprite.png);
    background-position: -17px -556px;
    width: 17px;
    height: 17px; }
  /* sprites for each icons in element .otherBrands */
  .otherBrands .ico_nioxin {
    background: url(../i/sprite/svg/nioxin.svg) no-repeat 0 center;
    -webkit-background-size: contain;
            background-size: contain;
    width: 38px;
    height: 24px; }
  .otherBrands .ico_clairol {
    background: url(../i/sprite/svg/clairol.svg) no-repeat 0 center;
    -webkit-background-size: contain;
            background-size: contain;
    width: 71px;
    height: 34px; }
  .otherBrands .ico_sp {
    background: url(../i/sprite/svg/sp.svg) no-repeat 0 center;
    -webkit-background-size: contain;
            background-size: contain;
    width: 49px;
    height: 34px; }
  .otherBrands .ico_sp_old {
    background-image: url(../i/sprite/sprite.png);
    background-position: -120px -403px;
    width: 42px;
    height: 34px; }
  .otherBrands .ico_sassoon {
    background: url(../i/sprite/svg/sassoon.svg) no-repeat 0 center;
    -webkit-background-size: contain;
            background-size: contain;
    width: 62px;
    height: 34px; }
  .otherBrands .ico_sebastian {
    background: url(../i/sprite/svg/sebastian.svg) no-repeat 0 center;
    -webkit-background-size: contain;
            background-size: contain;
    width: 91px;
    height: 34px; }
  .otherBrands .ico_londa {
    background-image: url(../i/sprite/sprite.png);
    background-position: -304px -68px;
    width: 64px;
    height: 34px; }
  .otherBrands .ico_kadus {
    background-image: url(../i/sprite/sprite.png);
    background-position: -304px -102px;
    width: 64px;
    height: 34px; } }

@media screen and (min-width: 768px) and (max-width: 1024px), print {
  .footerWrapp {
    margin-top: 40px; }
  .footerWrapp footer,
  .footerRowWrap .footerRow {
    width: 728px; }
  footer {
    padding: 27px 0 8px 0; }
    footer .col-1 {
      width: 228px; }
      footer .col-1 h3 {
        margin-bottom: 19px; }
    footer .col-2 {
      width: 300px;
      border: none; }
    footer .col-3 {
      width: 200px; }
      footer .col-3 ul li {
        padding-right: 6px; }
  /* sprites for each icons in element .followUs */
  .followUs .ico_facebook {
    background-image: url(../i/sprite/sprite.png);
    background-position: -55px -537px;
    width: 18px;
    height: 18px; }
  .followUs .ico_tweet {
    background-image: url(../i/sprite/sprite.png);
    background-position: -520px -394px;
    width: 18px;
    height: 18px; }
  .followUs .ico_pint {
    background-image: url(../i/sprite/sprite.png);
    background-position: -349px -295px;
    width: 18px;
    height: 18px; }
  .followUs .ico_youtube {
    background-image: url(../i/sprite/sprite.png);
    background-position: -323px -295px;
    width: 26px;
    height: 18px; }
  .followUs .ico_istagram {
    background-image: url(../i/sprite/sprite.png);
    background-position: -68px -556px;
    width: 17px;
    height: 17px; }
  .followUs .ico_wellablog {
    background-image: url(../i/sprite/sprite.png);
    background-position: -17px -556px;
    width: 17px;
    height: 17px; }
  /* sprites for each icons in element .otherBrands */
  .otherBrands .ico_nioxin {
    background: url(../i/sprite/svg/nioxin.svg) no-repeat 0 center;
    -webkit-background-size: contain;
            background-size: contain;
    width: 38px;
    height: 24px; }
  .otherBrands .ico_clairol {
    background: url(../i/sprite/svg/clairol.svg) no-repeat 0 center;
    -webkit-background-size: contain;
            background-size: contain;
    width: 50px;
    height: 24px; }
  .otherBrands .ico_sp {
    background: url(../i/sprite/svg/sp.svg) no-repeat 0 center;
    -webkit-background-size: contain;
            background-size: contain;
    width: 35px;
    height: 24px; }
  .otherBrands .ico_sp_old {
    background-image: url(../i/sprite/sprite.png);
    background-position: -266px -443px;
    width: 30px;
    height: 24px; }
  .otherBrands .ico_sassoon {
    background: url(../i/sprite/svg/sassoon.svg) no-repeat 0 center;
    -webkit-background-size: contain;
            background-size: contain;
    width: 44px;
    height: 24px; }
  .otherBrands .ico_sebastian {
    background: url(../i/sprite/svg/sebastian.svg) no-repeat 0 center;
    -webkit-background-size: contain;
            background-size: contain;
    width: 64px;
    height: 24px; }
  .otherBrands .ico_londa {
    background-image: url(../i/sprite/sprite.png);
    background-position: -72px -443px;
    width: 44px;
    height: 24px; }
  .otherBrands .ico_kadus {
    background-image: url(../i/sprite/sprite.png);
    background-position: -116px -443px;
    width: 44px;
    height: 24px; }
  .footerRow {
    line-height: 24px; }
    .footerRow .center {
      width: 470px; }
    .footerRow .BBB a {
      background-image: url(../i/sprite/sprite.png);
      background-position: -274px -295px;
      width: 49px;
      height: 19px; }
  .footerRow .center a {
    margin-left: 5px;
    padding-right: 10px; }
  .footerRow .center li a:before {
    left: -10px;
    width: 3px; }
  .footerRow .left {
    margin-right: 20px; }
  .footerRow .adchoices a {
    padding-right: 17px; }
  .countrySelector > a {
    text-align: center; }
  .countrySelector > a:after {
    top: 9px; } }

@media screen and (max-width: 767px) {
  .footerWrapp {
    margin-top: 40px; }
  .footerWrapp footer,
  .footerRowWrap .footerRow {
    width: 280px; }
  footer {
    padding-top: 25px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    box-orient: vertical; }
  footer ul li {
    font-size: 1.187em; }
  footer .col {
    margin: 0 auto;
    float: none;
    width: 90%;
    padding: 15px 0;
    background: url(../i/sprite/line_mobile.png) no-repeat center 0; }
    footer .col:first-child {
      padding-top: 0; }
    footer .col:last-child {
      padding-bottom: 0; }
  footer .col-1 {
    background: none; }
    footer .col-1 a {
      background: none; }
  footer .col-2 {
    border: 0;
    width: 100%; }
  footer .col h3 {
    margin-bottom: 10px;
    color: #000;
    font-size: 1.5em; }
  /* sprites for each icons in element .followUs */
  .followUs .ico_facebook {
    background-image: url(../i/sprite/sprite.png);
    background-position: -55px -537px;
    width: 18px;
    height: 18px; }
  .followUs .ico_tweet {
    background-image: url(../i/sprite/sprite.png);
    background-position: -520px -394px;
    width: 18px;
    height: 18px; }
  .followUs .ico_pint {
    background-image: url(../i/sprite/sprite.png);
    background-position: -349px -295px;
    width: 18px;
    height: 18px; }
  .followUs .ico_youtube {
    background-image: url(../i/sprite/sprite.png);
    background-position: -323px -295px;
    width: 26px;
    height: 18px; }
  .followUs .ico_istagram {
    background-image: url(../i/sprite/sprite.png);
    background-position: -68px -556px;
    width: 17px;
    height: 17px; }
  .followUs .ico_wellablog {
    background-image: url(../i/sprite/sprite.png);
    background-position: -17px -556px;
    width: 17px;
    height: 17px; }
  /* sprites for each icons in element .otherBrands */
  .otherBrands .ico_nioxin {
    background: url(../i/sprite/svg/nioxin.svg) no-repeat 0 center;
    -webkit-background-size: contain;
            background-size: contain;
    width: 38px;
    height: 24px; }
  .otherBrands .ico_clairol {
    background: url(../i/sprite/svg/clairol.svg) no-repeat 0 center;
    -webkit-background-size: contain;
            background-size: contain;
    width: 50px;
    height: 24px; }
  .otherBrands .ico_sassoon {
    background: url(../i/sprite/svg/sp.svg) no-repeat 0 center;
    -webkit-background-size: contain;
            background-size: contain;
    width: 44px;
    height: 24px; }
  .otherBrands .ico_sp_old {
    background-image: url(../i/sprite/sprite.png);
    background-position: -266px -443px;
    width: 30px;
    height: 24px; }
  .otherBrands .ico_sassoon {
    background: url(../i/sprite/svg/sassoon.svg) no-repeat 0 center;
    -webkit-background-size: contain;
            background-size: contain;
    width: 44px;
    height: 24px; }
  .otherBrands .ico_sebastian {
    background: url(../i/sprite/svg/sebastian.svg) no-repeat 0 center;
    -webkit-background-size: contain;
            background-size: contain;
    width: 64px;
    height: 24px; }
  .otherBrands .ico_londa {
    background-image: url(../i/sprite/sprite.png);
    background-position: -72px -443px;
    width: 44px;
    height: 24px; }
  .otherBrands .ico_kadus {
    background-image: url(../i/sprite/sprite.png);
    background-position: -116px -443px;
    width: 44px;
    height: 24px; }
  .footerRowWrap {
    height: auto; }
  .footerRow {
    line-height: normal;
    text-align: center;
    padding: 0 12px; }
    .footerRow .BBB a {
      background-image: url(../i/sprite/sprite.png);
      background-position: 0px -295px;
      width: 75px;
      height: 29px;
      margin-left: 108px; }
  .footerRow .center li,
  .footerRow > div {
    float: none !important;
    display: block;
    line-height: 40px; }
  .footerRow .left {
    width: 100%;
    border-bottom: 1px solid #d5d5d5; }
  .footerRow .center {
    margin: 0; }
  .footerRow .center li {
    border-bottom: 1px solid #d5d5d5; }
  .footerRow .center li a:before {
    content: "";
    display: none; }
  .footerRow .right {
    font-size: 0.9em; }
  .countrySelector a {
    display: inline-block;
    padding-right: 0; }
    .countrySelector a:after {
      display: none; } }

 .isotope-item {
  z-index: 2; }

.is-menu-visible .isotope-item {
  z-index: -1; }

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1; }

/**** Isotope CSS3 transitions ****/
.isotope {
  -webkit-transition-property: height, width;
  transition-property: height, width;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  /**** disabling Isotope CSS3 transitions ****/ }
  .isotope .isotope-item {
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: 0.8s;
            transition-duration: 0.8s; }
  .isotope.no-transition,
  .isotope.no-transition .isotope-item,
  .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0;
            transition-duration: 0; }

/*
    Rozmiary boxów:
    =========================
    szerokość kontenera (.tiles) - jego wewnętrzny padding =  suma szerokośi boxów w poziomie + marginesy między boxami

    Uruchomienie:
    =========================
    1.Do sekcji .main dodać klasę .dynamicBox (strona 00_HOME ma dodatkową klasę .home)
    2.Elementy otoczyć wrapem z klasami .tiles & .isotopeRun
    3.Element musi posiadać klasy .block-AxB & .item & .tile
*/
/*
size1 428px;
size2 876px;
*/
.block-1x1 {
  width: 428px;
  height: 428px; }

.block-1x2 {
  width: 428px;
  height: 876px; }

.block-2x1 {
  width: 876px;
  height: 428px; }

.block-2x2 {
  width: 876px;
  height: 876px; }

.block-3x1 {
  width: 1324px;
  height: 428px; }

.home .block-1x1 {
  width: 652px;
  height: 436px; }

.home .block-2x1 {
  width: 1324px;
  height: 436px; }

.ie8 .tile .mask, .ie9 .tile .mask {
  visibility: hidden; }

.tiles {
  margin: 0 -10px; }

.tile {
  margin: 10px;
  /* margin który się sumuje z sąsiadującym */
  position: relative;
  float: left;
  overflow: hidden;
  text-align: center;
  color: #fff;
  cursor: pointer;
  /**
     * standard mask: centered
     *
     * html standard construction:
     *
     * .tile.your-custom-class
     *     .mask
     *         .mask-content
     *             .mask-content (optional)
     *             .mask-headline (optional)
     *             .mask-text (optional)
     *             .buttonWrap (optional)
     *             .socialLogo (optional)
     *             .play (optional)
     *
     * to position mask content:
     * .your-custom-class .mask-content { @extend %verticalAlign-[direction];}
     *
     */ }
  .tile > img {
    height: 100%;
    width: 100%;
    display: block;
    position: relative;
    -webkit-transition: all 0.5s cubic-bezier(0.105, 0.86, 0.52, 0.965);
    transition: all 0.5s cubic-bezier(0.105, 0.86, 0.52, 0.965); }
  #MoveHairdressersContainer .tile {
    border: 1px solid #eae9e9; }
  .tile .mask {
    height: 100%;
    width: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 100; }
    .tile .mask, .tile .mask * {
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .tile .mask:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0; }
  .tile .mask-content {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
    position: relative;
    top: 0;
    padding: 0 4% 4.8em 4%;
    z-index: 100; }
    #MoveHairdressersContainer .tile .mask-content {
      padding: 0 4% 1.8em 4%; }
    .tile .mask-content div span {
      color: transparent; }
  .tile .mask-headline {
    font-family: "ClanNarrow-Book";
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    line-height: 1;
    position: relative;
    z-index: 100; }
  .tile .mask-text {
    width: 100%;
    color: #fff;
    line-height: 1;
    margin-bottom: 0.8em;
    font-weight: normal; }
  .tile .buttonWrap {
    text-align: center;
    width: 100%;
    margin-bottom: 0.5em;
    position: relative; }
  .tile:hover .mask:before,
  .tile.effect-on .mask:before {
    opacity: 1; }
  .tile:hover > img {
    -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1); }
    .tile:hover > img .labelChar {
      font: 57px/1 "ClanNarrow-Medium";
      display: inline-block;
      margin-bottom: 10px; }
      .tile:hover > img .labelChar:before, .tile:hover > img .labelChar:after {
        content: "";
        border: 1px solid #fff;
        display: inline-block;
        width: 8px;
        height: 57px;
        margin-bottom: -8px; }
      .tile:hover > img .labelChar:before {
        border-right: 0 none;
        border-top-left-radius: 8px 12px; }
      .tile:hover > img .labelChar:after {
        border-left: 0 none;
        border-bottom-right-radius: 8px 12px; }

.play-ico {
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 15% 0; }
  .play-ico:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -5px;
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #ffffff;
    content: ''; }

.tile-video .play-ico {
  position: relative;
  top: -30px; }

.cite {
  color: #000 !important;
  cursor: default; }
  .cite:after {
    content: '';
    display: block;
    width: 37px;
    height: 77px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../i/sprite/cite_up.png) no-repeat 0 0;
    -webkit-background-size: 100% 100%;
            background-size: 100%; }
  .cite:before {
    content: '';
    display: block;
    width: 37px;
    height: 77px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../i/sprite/cite_down.png) no-repeat 0 0;
    -webkit-background-size: 100% 100%;
            background-size: 100%;
    border: 0; }
  .cite .info {
    margin-top: 30px;
    padding: 20px 0;
    position: relative; }
    .cite .info .short {
      font-family: "ClanNarrow-Medium";
      font-size: 2.3em;
      display: block; }
    .cite .info .author {
      font-family: arial;
      font-size: 2.2em;
      display: block;
      font-family: "ClanNarrow-Thin"; }
      .cite .info .author strong {
        font-family: "ClanNarrow-Medium";
        font-weight: normal; }
    .cite .info:before {
      content: '';
      width: 160px;
      height: 1px;
      background: #ccc;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -80px; }
    .cite .info:after {
      content: '';
      width: 160px;
      height: 1px;
      background: #ccc;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -80px; }

.cite-wrapper {
  display: table;
  width: 100%;
  height: 100%; }

.cite-content {
  display: table-cell;
  vertical-align: middle;
  padding: 0 9%; }

.citeColor {
  cursor: default; }
  .citeColor .cite-content {
    padding: 0 3%; }
  .citeColor .citeText {
    font: 33px/1.2 "ClanNarrow-News";
    text-transform: uppercase; }

.bgPeach {
  background-color: #f7ccb1; }

.bgYellow {
  background-color: #f9eb92; }

.bgPurple {
  background-color: #d4d6ef; }

.bgGreen {
  background-color: #d0debc; }

.widePushes {
  text-align: center;
  margin: 11px -9px; }
  .widePushes .tile {
    float: none;
    display: inline-block;
    width: 315px;
    height: 180px;
    margin: 9px; }
    .widePushes .tile .mask-headline .firstLine {
      padding-bottom: 8px; }
      .widePushes .tile .mask-headline .firstLine:after {
        margin-top: 8px; }
    .widePushes .tile .mask-content {
      opacity: 0;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      padding: 3em 4% 2em; }
    .widePushes .tile:hover .mask-content {
      opacity: 1; }
  .widePushes .tile-video .play-ico {
    top: -15px; }
    .widePushes .tile-video .play-ico.ico-corner {
      position: absolute;
      top: auto;
      left: auto;
      bottom: 10px;
      right: 10px; }
  .widePushes .tile-video:hover .play-ico.ico-corner {
    opacity: 0; }

.blackFont .firstLine {
  color: #000; }
  .blackFont .firstLine:after {
    background: rgba(0, 0, 0, 0.3) !important; }
  .blackFont .firstLine + span {
    color: #000; }

@media screen and (min-width: 1400px) {
  .tile .buttonWrap .button {
    min-width: inherit;
    padding: 0 25px;
    margin: 0; }
  .tile .mask-headline {
    font-size: 3em; }
  .cite .title {
    line-height: 30px;
    font-size: 3em; }
  .tile-video .mask-headline {
    font-size: 2.8em; }
  .tile-video .mask-text {
    font-size: 2.4em; } }

@media screen and (min-width: 1025px) and (max-width: 1399px) {
  .block-1x1 {
    width: 305px;
    height: 305px; }
  .block-1x2 {
    width: 305px;
    height: 626px; }
  .block-2x1 {
    width: 626px;
    height: 305px; }
  .block-2x2 {
    width: 626px;
    height: 626px; }
  .block-3x1 {
    width: 947px;
    height: 305px; }
  .home .block-1x1 {
    width: 465.5px;
    height: 305px; }
  .home .block-2x1 {
    width: 947px;
    height: 305px; }
  .tiles {
    width: 963px; }
  .tile {
    margin: 8px; }
    .tile .buttonWrap .button {
      min-width: inherit;
      padding: 0 25px;
      margin: 0; }
    .tile .mask-content {
      padding-bottom: 3em; }
    .tile .mask-headline {
      font-size: 2em; }
    .tile .labelChar {
      font-size: 40.71429px;
      margin-bottom: 7.14286px; }
      .tile .labelChar:before, .tile .labelChar:after {
        width: 5.71429px;
        height: 40.71429px;
        margin-bottom: -5.71429px; }
  .play-ico {
    width: 28.57143px;
    height: 28.57143px;
    margin: -14.28571px 0 0 -14.28571px; }
    .play-ico:after {
      margin: -3.57143px 0 0 -3.57143px;
      border-width: 3.57143px 0 3.57143px 7.14286px; }
  .tile-video .play-ico {
    top: -21.42857px; }
  .cite:after, .cite:before {
    width: 27px;
    height: 57px; }
  .cite .title {
    line-height: 21.42857px;
    font-size: 2.14286em; }
  .cite .info {
    margin-top: 21.42857px;
    padding: 14.28571px 0;
    font-size: 0.71429em; }
  .citeColor .citeText {
    font-size: 23.57143px; }
  .widePushes {
    margin: 8px -5px; }
    .widePushes .tile {
      width: 225px;
      height: 128.57143px;
      margin: 5px; }
      .widePushes .tile .mask-headline .firstLine {
        padding-bottom: 5px; }
        .widePushes .tile .mask-headline .firstLine:after {
          margin-top: 5px; }
      .widePushes .tile .mask-content {
        padding: 2.5em 4% 1.5em; }
    .widePushes .tile-video .play-ico {
      top: -10px; } }

@media screen and (min-width: 768px) and (max-width: 1024px), print {
  .block-1x1 {
    width: 234.6px;
    height: 234.6px; }
  .block-1x2 {
    width: 234.6px;
    height: 481.2px; }
  .block-2x1 {
    width: 481.2px;
    height: 234.6px; }
  .block-2x2 {
    width: 481.2px;
    height: 481.2px; }
  .block-3x1 {
    width: 728px;
    height: 234.6px; }
  .home .block-1x1 {
    width: 358px;
    height: 240px; }
  .home .block-2x1 {
    width: 728px;
    height: 240px; }
  .tiles {
    margin: 0 -6px;
    width: 740px; }
  .tile {
    margin: 6px; }
    .tile:hover .mask:before {
      opacity: 0; }
    .tile .buttonWrap .button {
      min-width: inherit;
      padding: 0 25px;
      margin: 0; }
    .tile .mask-content {
      padding-bottom: 2em; }
    .tile .mask-headline {
      font-size: 1.6em; }
    .tile .labelChar {
      font-size: 31px;
      margin-bottom: 5px; }
      .tile .labelChar:before, .tile .labelChar:after {
        width: 4px;
        height: 31px;
        margin-bottom: -5px; }
  .tile:hover .mask:before {
    opacity: 0; }
  .tile:hover .mask-headline {
    top: 0; }
  .tile:hover .buttonWrap {
    top: 0; }
  .tile-video .play-ico {
    top: -15px; }
  .cite:after, .cite:before {
    width: 22px;
    height: 47px; }
  .cite .title {
    line-height: 16.45714px;
    font-size: 1.64571em; }
  .cite .info {
    margin-top: 16.45714px;
    padding: 10.97143px 0;
    font-size: 0.54857em; }
  .citeColor .citeText {
    font-size: 18px; }
  .widePushes {
    margin: 10px 0; }
    .widePushes .tile {
      width: 220px;
      height: 125px;
      margin: 5px; }
      .widePushes .tile .mask-headline .firstLine {
        padding-bottom: 5px; }
        .widePushes .tile .mask-headline .firstLine:after {
          margin-top: 5px; }
      .widePushes .tile .mask-content {
        padding: 2.5em 4% 1.5em; }
    .widePushes .tile-video .play-ico {
      top: -10px; } }

@media screen and (max-width: 767px) {
  .block-1x1, .block-2x1, .block-1x2, .block-2x2 {
    width: 320px;
    height: 320px; }
  .block-3x1, .home .block-1x1, .home .block-2x1 {
    width: 320px;
    height: 280px; }
  .tiles {
    margin: 0; }
  .tile {
    margin: 10px 0; }
    .tile:hover .mask:before {
      opacity: 0; }
    .tile .mask-content {
      padding: 0 7% 4em 7%; }
    .tile .mask-headline {
      font-size: 14px; }
      .tile .mask-headline .firstLine {
        font-size: 12px; }
    .tile .labelChar {
      font-size: 29px;
      margin-bottom: 5px; }
      .tile .labelChar:before, .tile .labelChar:after {
        width: 4px;
        height: 29px;
        margin-bottom: -5px; }
  .home .tile {
    margin: 7.5px 0; }
  .cite:after, .cite:before {
    width: 27px;
    height: 57px; }
  .cite .title {
    line-height: 24px;
    font-size: 2.4em; }
  .cite .info {
    margin-top: 15px;
    padding: 10px;
    font-size: 0.6em; }
  .citeColor .citeText {
    font-size: 12px; }
  .widePushes {
    margin: 10px 0; }
    .widePushes .tile {
      width: 280px;
      height: 155px; }
      .widePushes .tile .mask-headline .firstLine {
        padding-bottom: 5px; }
        .widePushes .tile .mask-headline .firstLine:after {
          margin-top: 5px; }
      .widePushes .tile .mask-content {
        padding: 2.5em 4% 1.5em; }
    .widePushes .tile-video .play-ico {
      top: -10px; } }

/*  =BREADCRUMB
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.breadcrumb {
  font-size: 1.2em;
  color: #a2a2a2;
  -webkit-transition: top 0.8s;
  transition: top 0.8s; }
  .breadcrumb.white {
    color: #fff; }

.breadcrumb li a {
  color: inherit;
  font-size: inherit; }

.breadcrumb li a:hover,
.breadcrumb li a:active {
  color: inherit;
  text-decoration: underline; }

.breadcrumb > li + li:before {
  content: ".";
  font-size: 1.2em;
  font-family: arial;
  color: inherit;
  margin: 0 3px 0 0; }

section .breadcrumb {
  position: absolute;
  z-index: 15;
  top: 15px;
  left: 30px; }

@media screen and (min-width: 768px) and (max-width: 1024px), print {
  .breadcrumb.mob-hide {
    display: none; } }

/*  =TOP MAIN VISUAL
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/* SLIDER */
.topMainVisual {
  position: relative;
  width: 100%;
  margin-bottom: 30px; }
  .topMainVisual.home {
    margin-bottom: 15px; }
    .topMainVisual.home .colCenter {
      position: static !important; }
      .topMainVisual.home .colCenter img {
        pointer-events: none; }
  .topMainVisual .visual, .topMainVisual .slide {
    width: 100%; }
  .topMainVisual .js-paginator {
    position: absolute;
    bottom: 20%;
    left: 0;
    text-align: center;
    width: 100%;
    z-index: 11; }
  .topMainVisual .button-prev, .topMainVisual .button-next {
    display: block;
    position: absolute;
    top: 38%;
    z-index: 11; }
  .topMainVisual .button-prev {
    background-image: url(../i/sprite/sprite.png);
    background-position: -442px -343px;
    width: 29px;
    height: 56px;
    left: 2%; }
  .topMainVisual .button-next {
    background-image: url(../i/sprite/sprite.png);
    background-position: -442px -287px;
    width: 29px;
    height: 56px;
    right: 2%; }
  .topMainVisual .js-disabled {
    display: none; }
  .topMainVisual.lookbookPage .visualText .centered .subtitle {
    margin-bottom: 20px; }

.js-page {
  display: inline-block;
  margin: 0 5px; }
  .js-page a {
    overflow: hidden;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #b8b8b8;
    font-size: 0;
    text-indent: -9999em; }

.js-page.js-page-current a {
  background: #c8003c; }

/* PICTURE FRAME PANEL */
.pictureFrame {
  position: relative;
  width: 100%; }
  .pictureFrame img.visual {
    display: block; }
  .pictureFrame .col {
    position: absolute; }
  .pictureFrame .colCenter {
    width: 100%; }
  .pictureFrame .colLeft {
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: left;
    z-index: 10; }
    .pictureFrame .colLeft .visualText {
      left: 100px; }
      .pictureFrame .colLeft .visualText .play-ico {
        float: left; }
      .pictureFrame .colLeft .visualText .centered .slideTitle {
        left: 0;
        position: relative; }
  .pictureFrame .colRight {
    height: 100%;
    width: 50%;
    right: 0;
    top: 0;
    text-align: right;
    z-index: 10; }
    .pictureFrame .colRight .visualText {
      right: 100px; }
      .pictureFrame .colRight .visualText .play-ico {
        float: right; }
      .pictureFrame .colRight .visualText .centered .slideTitle {
        right: 0;
        position: relative; }
  .pictureFrame .colCenter {
    height: 100%;
    width: 100%;
    text-align: center;
    top: 0; }
  .pictureFrame.colCentered .colRight {
    height: 100%;
    width: 100%;
    text-align: center;
    top: 0; }
    .pictureFrame.colCentered .colRight .visualText {
      width: 100%;
      right: 0; }
  .pictureFrame.colReversed .colLeft {
    left: auto;
    right: 0;
    text-align: right; }
    .pictureFrame.colReversed .colLeft .visualText {
      left: auto;
      right: 100px; }
  .pictureFrame.colReversed .colRight {
    left: 0;
    right: auto;
    text-align: left; }
    .pictureFrame.colReversed .colRight .visualText {
      left: 100px;
      right: auto; }

*::-ms-backdrop, .colRight .visualText.centeredWrapper {
  display: block; }

*::-ms-backdrop, .colRight .centered {
  float: right; }

.visualText {
  width: 100%;
  position: absolute; }
  .visualText.white {
    color: #fff; }
  .visualText .centered {
    position: relative; }
  .visualText .buttonText {
    margin-bottom: 30px; }
  .visualText .slideTitle {
    font-family: "ClanNarrow-News";
    font-size: 4.8em;
    line-height: 45px;
    text-transform: uppercase; }
    .whiteText .visualText .slideTitle {
      color: #fff; }
  .visualText .subtitle {
    font-family: "ClanNarrow-Book";
    font-size: 1.8em;
    line-height: 25px;
    text-transform: uppercase;
    margin-top: 30px; }
  .visualText .button {
    margin-top: 30px; }
  .visualText .play-ico {
    position: relative;
    top: auto;
    left: auto;
    margin: -65px 0 0; }

.productPage .visualText {
  width: 40%; }
  .productPage .visualText .centered {
    padding: 0 0 55px; }

.sliderOrdinaryPage.topMainVisual .js-paginator {
  bottom: 5%; }

@media screen and (min-width: 1025px) and (max-width: 1399px) {
  .pictureFrame .colLeft .visualText {
    left: 75px; }
  .pictureFrame .colRight .visualText {
    right: 75px; }
  .pictureFrame.colReversed .colLeft .visualText {
    right: 75px; }
  .pictureFrame.colReversed .colRight .visualText {
    left: 75px; }
  .visualText .buttonText {
    margin-bottom: 20px; }
  .visualText .slideTitle {
    font-size: 3.4em;
    line-height: 32px; }
  .visualText .subtitle {
    font-size: 1.28571em;
    line-height: 1.2;
    margin-top: 14.28571px; }
  .visualText .play-ico {
    margin: -46.42857px 0 0; } }

@media screen and (min-width: 768px) and (max-width: 1024px), print {
  .topMainVisual .button-prev, .topMainVisual .button-next {
    top: 35%; }
  .pictureFrame .colLeft .visualText {
    left: 60px; }
  .pictureFrame .colRight .visualText {
    right: 60px; }
  .pictureFrame.colReversed .colLeft .visualText {
    right: 60px; }
  .pictureFrame.colReversed .colRight .visualText {
    left: 60px; }
  .visualText .buttonText {
    margin-bottom: 18px; }
  .visualText .slideTitle {
    font-size: 2.4em;
    line-height: 24px; }
  .visualText .subtitle {
    font-size: 1.4em;
    line-height: 1.2;
    margin-top: 8px; }
  .visualText .play-ico {
    margin: -53px 0 0; }
  .sliderOrdinaryPage.topMainVisual .js-paginator {
    bottom: 3%; } }

@media screen and (max-width: 767px) {
  .topMainVisual {
    margin-bottom: 20px; }
    .topMainVisual.home {
      margin-bottom: 20px; }
      .topMainVisual.home .visualText {
        bottom: 20px !important; }
    .topMainVisual .slide {
      padding-bottom: 35px; }
    .topMainVisual .js-paginator {
      bottom: 0; }
    .topMainVisual .button-prev, .topMainVisual .button-next {
      top: 35%; }
    .topMainVisual .button-prev {
      background-image: url(../i/sprite/sprite.png);
      background-position: -560px -233px;
      width: 11px;
      height: 22px;
      left: 2%; }
    .topMainVisual .button-next {
      background-image: url(../i/sprite/sprite.png);
      background-position: -560px -211px;
      width: 11px;
      height: 22px;
      right: 2%; }
    .topMainVisual .pictureFrame .colRight, .topMainVisual .pictureFrame .colLeft {
      width: 55%; }
      #FamilyArtistsIndexReactApp .topMainVisual .pictureFrame .colRight, #FamilyArtistsIndexReactApp .topMainVisual .pictureFrame .colLeft {
        width: 100%; }
  .pictureFrame .colLeft .visualText {
    left: 0; }
  .pictureFrame .colRight .visualText {
    right: 0; }
  .pictureFrame.colReversed .colLeft .visualText {
    right: 0; }
  .pictureFrame.colReversed .colRight .visualText {
    left: 0; }
  .visualText {
    padding: 0 25px; }
    .visualText .buttonText {
      font-size: 1em;
      margin-bottom: 15px; }
      .visualText .buttonText:before {
        height: 8px;
        -webkit-background-size: contain;
                background-size: contain; }
    .visualText .slideTitle {
      font-size: 1.4em;
      line-height: 1; }
      .visualText .slideTitle span {
        font-size: 12px !important; }
    .visualText .subtitle {
      font-size: 12px;
      line-height: 1;
      margin-top: 5px; }
    .visualText .play-ico {
      margin: -50px 0 0; }
    .visualText .button {
      margin-top: 50px; }
  .productPage .visualText {
    width: 100%; }
    .productPage .visualText .centered {
      padding: 0; }
  .sliderOrdinaryPage.topMainVisual .js-paginator {
    bottom: 0; } }

/*  =PUSHS PANELS
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.pushspanels .push {
  position: relative;
  background: #fff;
  width: 652px;
  height: 290px;
  overflow: hidden; }
  .pushspanels .push.push-1 {
    float: left; }
  .pushspanels .push.push-2 {
    float: right; }
  .pushspanels .push .push-cta {
    font-family: "ClanNarrow-News"; }

.pushspanels .description {
  position: absolute;
  width: 240px; }

.pushspanels .descriptionright {
  right: 0;
  padding-right: 30px; }

.pushspanels .descriptionleft {
  left: 0;
  padding-left: 30px; }

.pushspanels .white {
  color: #fff; }

.pushspanels .descriptioncenter {
  width: 100%;
  text-align: center; }

.pushspanels .push-title {
  font-family: "ClanNarrow-News";
  font-size: 2em;
  text-transform: uppercase; }
  .pushspanels .push-title .thin-text {
    font-family: "ClanNarrow-Book";
    display: block;
    line-height: 1;
    font-size: 0.75em;
    margin-top: 3px; }
  .pushspanels .push-title img {
    display: block;
    margin-bottom: 8px; }

.pushspanels .push-cta {
  margin-top: 25px; }

@media screen and (min-width: 1025px) and (max-width: 1399px) {
  .pushspanels .push {
    width: 465.71429px;
    height: 207.14286px; }
  .pushspanels .description {
    bottom: 46.42857px;
    width: 171.42857px;
    padding-right: 21.42857px; }
  .pushspanels .visual img {
    width: 100%; }
  .pushspanels .push-title {
    font-size: 1.42857em; }
    .pushspanels .push-title .thin-text {
      font-size: 0.53571em;
      margin-top: 2.14286px; }
    .pushspanels .push-title img {
      margin-bottom: 5.71429px; }
  .pushspanels .push-cta {
    margin-top: 17.85714px; } }

@media screen and (min-width: 768px) and (max-width: 1024px), print {
  .pushspanels .push {
    width: 359px;
    height: 160px; }
  .pushspanels .description {
    bottom: 35px;
    width: 130px;
    padding-right: 15px; }
  .pushspanels .push-title {
    font-size: 1.5em;
    line-height: 1; }
    .pushspanels .push-title .thin-text {
      font-size: 0.65em;
      margin-top: 5px; }
  .pushspanels .push-cta {
    font-size: 0.9em;
    line-height: 1.5;
    margin-top: 10px; } }

@media screen and (max-width: 767px) {
  .pushspanels .push {
    width: 320px;
    height: 320px; }
    .pushspanels .push + .push {
      margin-top: 15px; }
  .pushspanels .description {
    top: 40px;
    bottom: inherit;
    width: 150px;
    padding-right: 15px; }
  .pushspanels .push-title {
    font-size: 14px;
    line-height: 1; }
    .pushspanels .push-title .thin-text {
      font-size: 10px;
      margin-top: 10px; }
    .pushspanels .push-title img {
      margin-bottom: 10px; }
  .pushspanels .push-cta {
    margin-top: 10px;
    font-size: 12px; } }

/*  =FOOTER PANELS
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.footerpanels {
  padding-top: 20px; }
  .footerpanels .header-decor h2 {
    margin-top: 50px; }
  .footerpanels .block {
    position: relative;
    overflow: hidden;
    border: 1px solid #eee;
    background: #fff;
    display: table;
    width: 650px; }
    .footerpanels .block.block-1 {
      float: left;
      min-height: 200px; }
      @media only screen and (min-width: 1025px) and (max-width: 1399px) {
        .footerpanels .block.block-1 {
          min-height: 142px; } }
    .footerpanels .block.block-2 {
      float: right;
      min-height: 200px; }
      @media only screen and (min-width: 1025px) and (max-width: 1399px) {
        .footerpanels .block.block-2 {
          min-height: 142px; } }
    .footerpanels .block.block-salonFinder .selectBox,
    .footerpanels .block.block-salonFinder .search {
      z-index: 200; }
  .footerpanels .panel-title {
    font-family: "ClanNarrow-Book";
    font-size: 2.4em; }
  .footerpanels .panel-cta {
    margin-top: 35px;
    padding-left: 20px; }
    .footerpanels .panel-cta.store {
      background: url("../i/_redesign/wella-strore-icon.png") no-repeat 0 0; }
    .footerpanels .panel-cta.salon {
      display: none; }
  .footerpanels .description {
    display: table-cell;
    vertical-align: middle;
    padding: 0 25px; }
  .footerpanels .visual {
    display: inline-block;
    float: right; }
    .footerpanels .visual img {
      display: block;
      max-width: 205px; }
  .footerpanels .searchPane {
    margin-top: 30px; }
    .footerpanels .searchPane .selectBox, .footerpanels .searchPane input[type="text"] {
      width: 194px;
      float: left; }
    .footerpanels .searchPane .styled-select-text {
      font-family: Arial, sans-serif;
      font-size: 1.2em; }
    .footerpanels .searchPane input[type="text"] {
      float: right;
      background: url("../i/_redesign/find-icon-form.png") no-repeat right center;
      padding-right: 23px; }
    .footerpanels .searchPane label {
      position: relative;
      z-index: 200; }
      .footerpanels .searchPane label input {
        position: relative;
        z-index: 200; }

@media screen and (min-width: 1025px) and (max-width: 1399px) {
  .footerpanels .header-decor h2 {
    margin-top: 30px; }
  .footerpanels .block {
    width: 460px; }
  .footerpanels .panel-title {
    font-size: 1.71429em; }
  .footerpanels .panel-cta {
    margin-top: 25px;
    padding-left: 14.28571px; }
  .footerpanels .description {
    padding: 0 17px; }
  .footerpanels .visual img {
    max-width: 146.42857px; }
  .footerpanels .searchPane {
    margin-top: 21.42857px; }
    .footerpanels .searchPane input[type="text"] {
      background-position: right -4px; }
    .footerpanels .searchPane .selectBox, .footerpanels .searchPane input[type="text"] {
      width: 134px; } }

@media screen and (min-width: 768px) and (max-width: 1024px), print {
  .footerpanels .header-decor h2 {
    margin-top: 25px; }
  .footerpanels .block {
    width: 355px; }
    .footerpanels .block.block-2 .whole-link {
      display: block; }
  .footerpanels .panel-title {
    font-size: 1.4em; }
  .footerpanels .panel-cta {
    font-size: 1.2em;
    margin-top: 20px; }
    .footerpanels .panel-cta.salon {
      display: block; }
  .footerpanels .visual img {
    max-width: 150px; }
  .footerpanels .searchPane {
    display: none; } }

@media screen and (max-width: 767px), print {
  .footerpanels .header-decor h2 {
    margin-top: 25px; }
  .footerpanels .block {
    width: 280px;
    margin: 0 auto;
    float: none !important; }
    .footerpanels .block.block-2 {
      margin-top: 23px; }
      .footerpanels .block.block-2 .whole-link {
        display: block; }
  .footerpanels .panel-title {
    font-size: 1.4em; }
  .footerpanels .panel-cta {
    margin-top: 10px; }
    .footerpanels .panel-cta.salon {
      display: block; }
  .footerpanels .description {
    padding: 0 20px 0 10px; }
  .footerpanels .visual img {
    max-width: 102px; }
  .footerpanels .searchPane {
    display: none; } }

/*  =APPLICATION BOX
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.applicationbox {
  display: block;
  width: 100%;
  background: #f7f7f7;
  margin-top: 70px;
  overflow: auto; }
  .applicationbox > div {
    display: inline-block; }
  .applicationbox .visual {
    width: 52%;
    float: left; }
    .applicationbox .visual img {
      width: 100%; }
  .applicationbox .description {
    float: right;
    width: 45%;
    padding: 30px 160px 30px 80px; }
  .applicationbox .push-title {
    font-family: "ClanNarrow-News";
    font-size: 3.9em; }
  .applicationbox .thin-text {
    font-family: "ClanNarrow-Book";
    font-size: 0.95em;
    display: block; }
  .applicationbox p {
    font-family: "ClanNarrow-News";
    font-size: 1.4em;
    color: #808080;
    margin-top: 15px;
    line-height: 1.4; }
  .applicationbox .appbuttons {
    margin-top: 20px; }
    .applicationbox .appbuttons a {
      display: inline-block; }
      .applicationbox .appbuttons a + a {
        margin-left: 10px; }
  .applicationbox .appStore {
    background-image: url(../i/sprite/sprite.png);
    background-position: -182px -210px;
    width: 89px;
    height: 29px; }
  .applicationbox .googlePlay {
    background-image: url(../i/sprite/sprite.png);
    background-position: -135px -57px;
    width: 91px;
    height: 29px; }
  .applicationbox .button {
    margin-top: 20px; }

@media screen and (min-width: 1025px) and (max-width: 1399px) {
  .applicationbox {
    margin-top: 50px; }
    .applicationbox .description {
      padding: 20px 60px; }
    .applicationbox .push-title {
      font-size: 2.78571em; }
    .applicationbox .thin-text {
      font-size: 0.67857em; }
    .applicationbox p {
      font-size: 1.4em;
      margin-top: 10.71429px;
      line-height: 1.4; }
    .applicationbox .appbuttons {
      margin-top: 14.28571px; }
      .applicationbox .appbuttons a + a {
        margin-left: 7.14286px; }
    .applicationbox .button {
      margin-top: 14.28571px; } }

@media screen and (min-width: 768px) and (max-width: 1024px), print {
  .applicationbox {
    margin-top: 50px; }
    .applicationbox .visual {
      width: 50%; }
    .applicationbox .description {
      padding: 20px 30px 20px 20px; }
    .applicationbox .push-title {
      font-size: 1.6em; }
    .applicationbox .thin-text {
      font-size: 0.85em; }
    .applicationbox p {
      font-size: 1.2em;
      line-height: 1.2; }
      .applicationbox p br {
        display: none; }
    .applicationbox .appbuttons {
      margin-top: 10px; }
      .applicationbox .appbuttons a + a {
        margin-left: 10px; }
    .applicationbox .button {
      margin-top: 10px; } }

@media screen and (max-width: 767px) {
  .applicationbox {
    margin-top: 50px; }
    .applicationbox > div {
      display: block; }
    .applicationbox .visual {
      width: 100%;
      background: #f3f2f1; }
    .applicationbox .description {
      width: 100%;
      padding: 20px;
      background: #f7f7f7; }
    .applicationbox .push-title {
      font-size: 2.5em; }
    .applicationbox .thin-text {
      font-size: 0.9em; }
    .applicationbox p {
      font-size: 1.2em; }
    .applicationbox .appbuttons {
      margin-top: 25px; }
      .applicationbox .appbuttons a + a {
        margin-left: 10px; }
    .applicationbox .appStore {
      background-image: url(../i/sprite/sprite.png);
      background-position: 0px -44px;
      width: 132px;
      height: 44px; }
    .applicationbox .googlePlay {
      background-image: url(../i/sprite/sprite.png);
      background-position: 0px 0px;
      width: 135px;
      height: 44px; }
    .applicationbox .button {
      margin-top: 20px; } }

/*  =DETAILS LIST
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.detailsList .row img {
  width: 100%;
  display: block; }

.detailsList .row .packshot {
  width: 50%;
  position: relative; }
  .detailsList .row .packshot > a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .detailsList .row .packshot .mask {
    height: 100%;
    width: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 100; }
    .detailsList .row .packshot .mask, .detailsList .row .packshot .mask * {
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .detailsList .row .packshot .mask:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0; }
  .detailsList .row .packshot .mask-content {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
    position: relative;
    top: 0;
    padding: 0 4% 4.8em 4%;
    z-index: 100; }
  .detailsList .row .packshot .mask-headline {
    font-size: 3em;
    font-family: "ClanNarrow-Book";
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    line-height: 1;
    position: relative;
    z-index: 100; }
  .detailsList .row .packshot:hover a > .mask:before {
    opacity: 1; }

.detailsList .row .packshot__link {
  display: block; }

.detailsList .row .description {
  width: 50%;
  text-align: center;
  padding: 0 45px; }

.detailsList .descriptionTitle {
  font-size: 5.5em;
  margin: 0 0 60px; }

.detailsList .topSubtitle {
  margin-bottom: 30px; }

.detailsList p {
  font-family: "ClanNarrow-Book";
  font-size: 1.6em;
  color: #808080;
  line-height: 19px; }
  .detailsList p small {
    font-size: 0.8em; }

.detailsList .button,
.detailsList .buttonDashed {
  margin-top: 30px;
  min-width: 165px; }

@media screen and (min-width: 1025px) and (max-width: 1399px) {
  .detailsList .row .description {
    padding: 0 32.14286px; }
  .detailsList .row .packshot .mask-headline {
    font-size: 2em; }
  .detailsList .descriptionTitle {
    font-size: 3.92857em;
    margin: 0 0 20px; }
  .detailsList .topSubtitle {
    margin-bottom: 21.42857px; }
  .detailsList p {
    font-size: 1.2em;
    line-height: 16px; }
  .detailsList .button,
  .detailsList .buttonDashed {
    margin-top: 20px;
    min-width: 117.85714px; } }

@media screen and (min-width: 768px) and (max-width: 1024px), print {
  .detailsList .row .description {
    padding: 0 15px; }
  .detailsList .row .packshot .mask-headline {
    font-size: 1.6em; }
  .detailsList .descriptionTitle {
    font-size: 2.5em;
    margin: 0 0 15px; }
  .detailsList .topSubtitle {
    margin-bottom: 15px; }
  .detailsList p {
    line-height: 1;
    font-size: 1.15em; }
  .detailsList .button,
  .detailsList .buttonDashed {
    margin-top: 15px; } }

@media screen and (max-width: 767px) {
  .detailsList .row {
    position: relative; }
    .detailsList .row:last-child .description {
      padding-bottom: 0; }
  .detailsList .row .packshot {
    width: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0; }
    .detailsList .row .packshot .mask-headline {
      font-size: 14px; }
      .detailsList .row .packshot .mask-headline .firstLine {
        font-size: 12px; }
  .detailsList .row .description {
    width: 100%;
    display: inline-block;
    padding: 35px 20px;
    margin-top: 320px; }
  .detailsList .descriptionTitle {
    font-size: 2.4em;
    margin: 0 0 25px; }
  .detailsList .topSubtitle {
    margin-bottom: 25px; }
  .detailsList p {
    line-height: 18px;
    font-size: 1.4em; }
  .detailsList .button,
  .detailsList .buttonDashed {
    margin-top: 25px; } }

/*  =COLOUR CHART
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.iScrollWrapper {
  position: relative;
  overflow: hidden; }

.iScrollScroller {
  width: auto;
  position: absolute;
  z-index: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
  white-space: nowrap; }

.iScrollSlide {
  display: inline-block;
  list-style: none; }

.colorChartGraph__item {
  /*height: 630px;*/
  margin: 0;
  padding: 45px 0 0 0;
  position: relative; }

.colorChartGraph__itemName > span:not(:first-of-type) {
  border-left: 2px solid #fff; }

.kolestonPerfect .colorChartGraph__item.colorChartGraph__item--last {
  min-width: 425px; }

.kolestonPerfectInnosense .colorChartGraph__item.colorChartGraph__item--last {
  min-width: 284px; }

.desktop-device .colourChart .colorChartGraph__buttonNav {
  word-wrap: normal; }
  .desktop-device .colourChart .colorChartGraph__buttonNav:hover .colorChartGraph__arrow {
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
  .desktop-device .colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--prev:hover .colorChartGraph__arrow {
    -webkit-animation-name: bounceLeft;
            animation-name: bounceLeft; }
  .desktop-device .colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--next:hover .colorChartGraph__arrow {
    -webkit-animation-name: bounceRight;
            animation-name: bounceRight; }

.colourChart {
  background: #e9e9e9;
  background: rgba(233, 233, 233, 0.35);
  margin: 0 -29.5px;
  padding: 60px 0 75px;
  position: relative; }
  .colourChart.colourChartRoll {
    padding: 60px 0 130px; }
  .colourChart .header-decor h2 {
    margin: 0 0 30px; }
  .colourChart .header-decor p {
    font-size: 1.2em;
    color: #808080;
    margin-bottom: 45px; }
  .colourChart .colorChartGraph__paginator {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: -105px; }
  .colourChart .colorChartGraph__page {
    display: inline-block;
    margin: 0 5px; }
    .colourChart .colorChartGraph__page a {
      overflow: hidden;
      display: block;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background: #b8b8b8;
      font-size: 0;
      text-indent: -9999em; }
  .colourChart .colorChartGraph__page.is-current a {
    background: #c8003c; }
  .colourChart .colorChartGraph__buttonNav {
    width: 170px;
    height: 80px;
    padding: 12px 15px;
    background: #c5c5c5;
    position: absolute;
    z-index: 10;
    top: 50%;
    margin-top: -40px;
    overflow: hidden; }
    .colourChart .colorChartGraph__buttonNav .colorChartGraph__arrow {
      display: block; }
    .colourChart .colorChartGraph__buttonNav p {
      font-family: "ClanNarrow-Book";
      font-size: 1.6em;
      line-height: 18px;
      text-transform: uppercase;
      color: #f8f8f8;
      position: absolute;
      top: 22px; }
    .colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--prev {
      left: 0; }
      .colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--prev .colorChartGraph__arrow {
        background-image: url(../i/sprite/sprite.png);
        background-position: -442px -343px;
        width: 29px;
        height: 56px;
        float: left; }
      .colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--prev p {
        right: 15px;
        left: 59px; }
    .colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--next {
      right: 0; }
      .colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--next .colorChartGraph__arrow {
        background-image: url(../i/sprite/sprite.png);
        background-position: -442px -287px;
        width: 29px;
        height: 56px;
        float: right; }
      .colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--next p {
        left: 15px;
        right: 59px; }

.colorChartGraph__wrapper {
  position: relative; }

.colorChartGraph {
  margin: 0 auto;
  position: relative;
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
  max-width: 991px; }
  .colorChartGraph.has-ordinate {
    padding-left: 62px; }

.colourChartMenu {
  display: none; }
  .colourChartMenu select {
    text-transform: uppercase; }
  .colourChartMenu .selectBox + .selectBox {
    margin-top: 10px; }
  .colourChartMenu .styled-select-wrapper {
    border: none;
    height: 40px; }
  .colourChartMenu .styled-select-text {
    text-transform: uppercase;
    font-size: 1.4em;
    color: #fff;
    padding-right: 40px;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease; }
  .colourChartMenu .styled-select-button {
    width: 40px;
    background: #b8b8b8 url("../i/_redesign/select_arrow_colour_chart.png") center center no-repeat; }

.colorChartGraph__ordinate {
  position: absolute;
  z-index: 1000;
  bottom: 0;
  left: 0; }

.colourChartDubleRow .colorChartGraph__ordinate {
  top: 60px; }

.colorChartGraph__bodyWrapper {
  height: 675px;
  margin: 0 auto; }

.colorChartGraph__body .colorChartGraph__picture {
  width: 100%;
  height: 100%; }

.colorChartGraph__body .colorChartGraph__itemName {
  font-family: "ClanNarrow-Thin";
  font-size: 1.8em;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  width: 100%;
  height: 30px;
  line-height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  white-space: normal; }
  .colorChartGraph__body .colorChartGraph__itemName > span:not(:first-of-type) {
    border-left: 2px solid #f7f7f7; }

.colorChartGraph__body .colorChartGraph__itemNameWrapper {
  display: table;
  width: 100%;
  height: 30px; }

.colorChartGraph__body .colorChartGraph__itemNamePositioner {
  display: table-cell;
  vertical-align: middle; }

.colorChartGraph__body .groupName {
  display: inline-block; }

.colorChartGraph__body .colorChartGraph__pictureImg {
  max-width: initial; }

.colorChartGraph__body .groupNameSingle .colorChartGraph__itemName {
  height: 60px;
  line-height: 60px; }

.kolestonPerfectInnosense .colorChartGraph__item:first-child .colorChartGraph__itemName > span:first-child .colorChartGraph__itemNamePositioner,
.kolestonPerfectInnosense .colorChartGraph__item:last-child .colorChartGraph__itemName > span:last-child .colorChartGraph__itemNamePositioner {
  line-height: 1;
  font-size: 0.7em; }

[lang="de"] .colorTouch .colorChartGraph__item:first-child .colorChartGraph__itemName > span:first-child .colorChartGraph__itemNamePositioner {
  line-height: 1;
  font-size: 0.7em; }

@media screen and (min-width: 1025px) and (max-width: 1399px) {
  .colourChart {
    margin: 0 -19px;
    padding: 42.85714px 0 53.57143px; }
    .colourChart.colourChartRoll {
      padding: 42.85714px 0 92.85714px; }
    .colourChart .header-decor h2 {
      margin: 0 0 21.42857px; }
    .colourChart .header-decor p {
      font-size: 1em;
      margin-bottom: 32.14286px; }
    .colourChart .colorChartGraph {
      max-width: 847px; }
    .colourChart .colorChartGraph__paginator {
      bottom: -75px; }
    .colourChart .colorChartGraph__buttonNav {
      width: 100px;
      height: 55px;
      padding: 8px 10px;
      margin-top: -22.5px; }
      .colourChart .colorChartGraph__buttonNav p {
        font-size: 1.14286em;
        line-height: 12.85714px;
        top: 15.71429px; }
      .colourChart .colorChartGraph__buttonNav .colorChartGraph__arrow {
        margin-top: 3px; }
      .colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--prev .colorChartGraph__arrow {
        background-image: url(../i/sprite/sprite.png);
        background-position: -283px -150px;
        width: 18px;
        height: 35px; }
      .colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--prev p {
        right: 10px;
        left: 35px; }
      .colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--next .colorChartGraph__arrow {
        background-image: url(../i/sprite/sprite.png);
        background-position: -520px -35px;
        width: 18px;
        height: 35px; }
      .colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--next p {
        left: 10px;
        right: 35px; }
    .colourChart img {
      max-height: 520px; }
    .colourChart.magmaByBlondor .colorChartGraph__bodyWrapper {
      height: 345px; }
    .colourChart.magmaByBlondor img {
      height: 269px; } }

print .colourChart {
  margin: 0 -20px;
  padding: 40px 0 60px; }
  print .colourChart.colourChartRoll {
    padding: 40px 0 155px; }
  print .colourChart .header-decor h2 {
    margin: 0 0 25px; }
  print .colourChart .header-decor p {
    margin-bottom: 35px; }
  print .colourChart .colorChartGraph {
    max-width: 636px; }
  print .colourChart .colorChartGraph__paginator {
    bottom: -135px;
    padding-left: 51px; }
  print .colourChart .colorChartGraph__buttonNav {
    top: initial;
    bottom: -100px;
    margin-top: 0; }
  print .colourChart img {
    max-height: 520px; }
  print .colourChart.magmaByBlondor .colorChartGraph__bodyWrapper {
    height: 345px; }
  print .colourChart.magmaByBlondor img {
    height: 269px; }

@media screen and (max-width: 1024px) {
  .colourChart {
    margin: 0;
    padding: 40px 20px; }
    .colourChart.colourChartRoll {
      padding: 40px 20px 55px; }
    .colourChart .header-decor h2 {
      margin: 0 0 30px; }
    .colourChart .header-decor p {
      font-size: 1.2em;
      margin-bottom: 35px; }
    .colourChart .colorChartGraph__paginator {
      bottom: -45px;
      padding-left: 0; }
    .colourChart .colorChartGraph__buttonNav {
      width: 33px;
      height: 48px;
      background: transparent;
      padding: 10px;
      margin-top: -14px; }
      .colourChart .colorChartGraph__buttonNav p {
        display: none; }
      .colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--prev {
        left: auto;
        right: -19px;
        margin-top: 45px; }
        .colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--prev .colorChartGraph__arrow {
          background-image: url(../i/sprite/sprite.png);
          background-position: -538px -474px;
          width: 13px;
          height: 28px;
          float: none; }
      .colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--next {
        right: -20px; }
        .colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--next .colorChartGraph__arrow {
          background-image: url(../i/sprite/sprite.png);
          background-position: -538px -502px;
          width: 13px;
          height: 28px;
          float: none; }
    .colourChart.magmaByBlondor .colorChartGraph__bodyWrapper {
      height: 345px; }
    .colourChart.magmaByBlondor img {
      height: 269px; }
  .colorChartGraph__wrapper {
    padding: 0 7px; }
  .colorChartGraph {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
    padding-right: 0; }
    .colorChartGraph.has-ordinate {
      padding-left: 0;
      padding-right: 19px; }
  .colourChartMenu {
    display: block; }
  .colorChartGraph__ordinate {
    top: 0; }
  .colourChartDubleRow .colorChartGraph__ordinate {
    top: 0; }
  .has-ordinate .colorChartGraph__bodyWrapper {
    margin-left: 44px; } }
  @media only screen and (max-width: 1024px) and (max-width: 767px) {
    .has-ordinate .colorChartGraph__bodyWrapper {
      margin-left: 30px; } }

@media screen and (max-width: 1024px) {
  .colorChartGraph__body .colorChartGraph__item {
    vertical-align: top;
    padding-top: 0; }
  .colorChartGraph__body .colorChartGraph__itemName {
    display: none; } }

/*  =INITIATIVES
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/* =POPIN, POPUP
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.global-popup-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
  z-index: 9000;
  display: none;
  -webkit-transform: compact(translateZ(0));
          transform: compact(translateZ(0)); }
  .global-popup-overlay.is-loading {
    display: block;
    background: url("../i/loaders/discover-galleries.gif") no-repeat center #000; }

.global-popup-overlay.getDirectionsOverlay {
  opacity: 0;
  filter: alpha(opacity=0); }

.global-popup-overlay.js-overlay-visible {
  display: block; }

.global-popin-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 9001; }

.global-popin-wrapper--nowellon {
  z-index: 9051; }

.global-popin-scroller {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  display: table;
  table-layout: fixed;
  outline: none; }

.global-popin-centered {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  height: 100%; }

.closePopin {
  font-size: 2.3em !important;
  line-height: 23px;
  font-family: "ClanNarrow-News";
  color: #000;
  background: none !important;
  padding-left: 0; }

.popinTemplate2.noImage .popinDescription {
  width: initial; }

.popinTemplate2 {
  background: #fff;
  margin: 20px;
  display: inline-block;
  position: relative;
  min-height: 606px; }
  .popinTemplate2.pureYtPopup {
    background-color: #000;
    width: 760px;
    min-height: auto; }
    @media only screen and (max-width: 767px) {
      .popinTemplate2.pureYtPopup {
        width: 100%; } }
  .popinTemplate2.noImage {
    display: inline-table;
    width: 90% !important; }
  @media only screen and (max-width: 767px) {
    .popinTemplate2 {
      width: 100%; } }
  .popinTemplate2 .close {
    font-size: 3.3em;
    line-height: 23px;
    font-family: "ClanNarrow-News";
    color: #000; }
  .popinTemplate2 .popinVisual {
    float: left;
    position: relative;
    text-align: center;
    height: 100%; }
    .popinTemplate2 .popinVisual img {
      max-height: 100%;
      max-width: 100%;
      vertical-align: middle; }
  .popinTemplate2 .videoContainer {
    position: relative;
    padding-bottom: 56.25%;
    /* 16/9 ratio */
    height: 0;
    overflow: hidden; }
    .popinTemplate2 .videoContainer iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .popinTemplate2 .imgContainer {
    height: 100%; }
  .popinTemplate2 .imgDescription {
    position: absolute;
    left: 0;
    color: #fff;
    font-size: 2.2em;
    padding: 15px;
    font-family: "ClanNarrow-Thin";
    line-height: 1; }
  .popinTemplate2 .name {
    bottom: 100px;
    background: #000; }
  .popinTemplate2 .position {
    bottom: 50px;
    background: #c8013c; }
    .popinTemplate2 .position .award {
      font-family: "ClanNarrow-News"; }
  .popinTemplate2 .changeYearNav a {
    background-color: transparent; }
  .popinTemplate2 .changeYearNav .next {
    right: -452px; }
  .popinTemplate2 .changeYearNav .prev {
    left: 8px; }
  .popinTemplate2 .popinDescription {
    width: 460px;
    height: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
    background-color: inherit; }
    .popinTemplate2 .popinDescription h2 {
      font-family: "ClanNarrow-News";
      font-size: 2.6em;
      line-height: 1;
      color: #434343;
      margin: 10px 0 30px 0;
      word-wrap: normal;
      letter-spacing: -3px; }
    .popinTemplate2 .popinDescription p, .popinTemplate2 .popinDescription ul {
      font-family: "ClanNarrow-Book";
      font-size: 1.4em;
      line-height: 1.4; }
    .popinTemplate2 .popinDescription ul {
      list-style: square outside none;
      padding-left: 18px; }
    .popinTemplate2 .popinDescription .buttons {
      position: absolute;
      bottom: 125px;
      left: 60px;
      margin: 0;
      text-align: left; }
      .popinTemplate2 .popinDescription .buttons .button {
        min-width: inherit; }
  .popinTemplate2 .seeMoreLink {
    display: none; }
  .popinTemplate2 .socialBox {
    position: absolute;
    bottom: 10px;
    left: 45px;
    text-align: center; }
  .popinTemplate2 .scrollWrapper {
    top: 60px;
    left: 60px;
    right: 60px;
    bottom: 205px;
    width: auto; }
  .popinTemplate2 .scroller {
    width: 95%; }
  .popinTemplate2 .iScrollVerticalScrollbar {
    background: #BCBCBC; }
  .popinTemplate2 .iScrollIndicator {
    background: #F1F1F1; }
  .popinTemplate2 hr {
    position: absolute;
    bottom: 49px;
    left: 5%;
    width: 90%;
    display: none; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .popinTemplate2 {
      min-height: 400px; }
      .popinTemplate2 .imgDescription {
        font-size: 1.6em; }
      .popinTemplate2 .name {
        bottom: 96px; }
      .popinTemplate2 .popinDescription {
        width: 320px; }
        .popinTemplate2 .popinDescription h2 {
          font-size: 2em;
          letter-spacing: -1px; }
        .popinTemplate2 .popinDescription p, .popinTemplate2 .popinDescription ul {
          font-size: 1.2em;
          line-height: 1.2; }
        .popinTemplate2 .popinDescription .buttons {
          left: 40px;
          bottom: 85px; }
      .popinTemplate2 .socialBox {
        bottom: 0;
        left: 25px; }
        .popinTemplate2 .socialBox .facebookButton {
          background-image: url(../i/sprite/sprite.png);
          background-position: 0px -511px;
          width: 24px;
          height: 26px; }
        .popinTemplate2 .socialBox .tweetButton {
          background-image: url(../i/sprite/sprite.png);
          background-position: -164px -483px;
          width: 26px;
          height: 26px; }
        .popinTemplate2 .socialBox .pinItButton {
          background-image: url(../i/sprite/sprite.png);
          background-position: -96px -511px;
          width: 24px;
          height: 26px; }
      .popinTemplate2 .scrollWrapper {
        left: 40px;
        top: 40px;
        right: 40px;
        bottom: 152px; }
      .popinTemplate2 .changeYearNav a {
        opacity: 1; }
      .popinTemplate2 .changeYearNav .next {
        right: -316px; }
      .popinTemplate2 .changeYearNav .prev {
        left: 5px; } }
  @media only screen and (max-width: 767px) {
    .popinTemplate2 {
      min-height: inherit;
      margin: 10px 0;
      width: 100%;
      height: auto; }
      .popinTemplate2 .close {
        line-height: 18px; }
      .popinTemplate2 .popinVisual {
        height: auto;
        width: 100%;
        line-height: normal;
        float: none;
        margin-top: 40px; }
      .popinTemplate2 .imgDescription {
        font-size: 1.2em;
        padding: 10px; }
      .popinTemplate2 .name {
        bottom: 32px; }
      .popinTemplate2 .position {
        bottom: 0; }
      .popinTemplate2 .popinDescription {
        width: 100%;
        height: 160px;
        overflow: visible;
        margin-top: 10px; }
        .popinTemplate2 .popinDescription h2 {
          font-size: 2em;
          margin: 10px 0;
          letter-spacing: -1px; }
        .popinTemplate2 .popinDescription p, .popinTemplate2 .popinDescription ul {
          font-size: 1.2em;
          line-height: 1.2; }
        .popinTemplate2 .popinDescription .buttons {
          position: relative;
          left: inherit;
          bottom: inherit;
          margin: 0;
          text-align: center; }
          .popinTemplate2 .popinDescription .buttons .button {
            margin: 10px 0 0; }
      .popinTemplate2 .seeMoreLink {
        display: block;
        background: #fff;
        color: #949494;
        position: absolute;
        right: 10px;
        bottom: 67px;
        font-size: 1.2em; }
      .popinTemplate2 .socialBox {
        bottom: 8px;
        left: 50%;
        margin: 3px 0 3px -42px; }
      .popinTemplate2 .scrollWrapper {
        top: 5px;
        left: 0;
        right: 0;
        bottom: 68px;
        padding: 0 10px;
        background: rgba(255, 255, 255, 0.6); }
      .popinTemplate2 .iScrollVerticalScrollbar {
        display: none; }
      .popinTemplate2 .changeYearNav a {
        opacity: 1; }
      .popinTemplate2 .changeYearNav li {
        top: 35%; }
      .popinTemplate2 .changeYearNav .next {
        right: 3px; }
      .popinTemplate2 .changeYearNav .prev {
        left: 3px; }
      .popinTemplate2 .mob-active .seeMoreLink {
        display: none; }
      .popinTemplate2 .mob-active .buttons {
        display: block; }
      .popinTemplate2 .mob-active .scrollWrapper {
        bottom: 130px;
        z-index: 2; }
      .popinTemplate2 .mob-active .iScrollVerticalScrollbar {
        display: block; } }

/* popinTemplate2 */
/* popups buy it now */
.buyOnlinePopup {
  min-height: auto;
  width: 754px;
  padding: 25px;
  color: #656565; }
  .buyOnlinePopup h3 {
    color: #c8003c;
    font-family: "ClanNarrow-Medium";
    text-align: center;
    padding-bottom: 25px;
    text-transform: uppercase;
    line-height: 1.3; }
  .buyOnlinePopup h4 {
    text-align: center;
    line-height: 1.3;
    font-size: 1.9em;
    padding-bottom: 30px;
    text-transform: uppercase; }

.buyOnlinePopup__block {
  text-align: left;
  background: #f7f7f7;
  width: 100%;
  margin: 1px 0;
  padding: 20px 15px; }
  .buyOnlinePopup__block label {
    width: 200px;
    float: left;
    font-family: "ClanNarrow-Medium";
    font-size: 1.9em;
    line-height: 2; }
  .buyOnlinePopup__block .selectBox {
    width: 350px;
    float: left; }
  .buyOnlinePopup__block h4 {
    font-family: "ClanNarrow-Medium";
    padding-bottom: 10px;
    font-size: 1.9em;
    text-transform: uppercase; }
  .buyOnlinePopup__block .colorText {
    color: #c8003c; }
  .buyOnlinePopup__block .note {
    font-size: 1.7em; }
  .buyOnlinePopup__block.lastUnit {
    text-align: center;
    margin-top: 10px; }
  .buyOnlinePopup__block.buyOnlinePopup__block--side {
    width: 49%;
    float: left;
    text-align: center;
    margin: 0 0.5%; }
  .buyOnlinePopup__block .button--buyonline:after,
  .buyOnlinePopup__block .button.buyonline:after,
  .buyOnlinePopup__block .button.buy-online:after {
    content: "👜";
    padding-left: 0.7em; }

.buyOnlinePopup__block.buyOnlinePopup__block--side h4 {
  min-height: 5.6em; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .buyOnlinePopup__block.buyOnlinePopup__block--side h4 {
      min-height: 5.4em; } }

.buyOnlinePopup__block.buyOnlinePopup__block--side .colorText {
  display: block; }

.buyOnlinePopup__section {
  text-align: left;
  background: #f7f7f7;
  width: 100%;
  margin: 1px 0;
  padding: 20px 15px; }
  .buyOnlinePopup__section label {
    width: 200px;
    float: left;
    font-family: "ClanNarrow-Medium";
    font-size: 1.9em;
    line-height: 2; }
  .buyOnlinePopup__section .selectBox {
    width: 350px;
    float: left; }
  .buyOnlinePopup__section h4 {
    font-family: "ClanNarrow-Medium";
    padding-bottom: 10px;
    font-size: 1.9em;
    text-transform: uppercase; }
  .buyOnlinePopup__section .colorText {
    color: #c8003c; }
  .buyOnlinePopup__section .note {
    font-size: 1.7em; }
  .buyOnlinePopup__section.lastUnit {
    text-align: center;
    margin-top: 10px; }
  .buyOnlinePopup__section.buyOnlinePopup__block--side {
    width: 49%;
    float: left;
    text-align: center;
    margin: 0 0.5%; }
  .buyOnlinePopup__section .button--buyonline:after,
  .buyOnlinePopup__section .button.buyonline:after,
  .buyOnlinePopup__section .button.buy-online:after {
    content: "👜";
    padding-left: 0.7em; }

@media screen and (max-width: 767px) {
  .buyOnlinePopup[data-type="education-popup"] > h3 {
    padding-top: 20px;
    line-height: 1.3; } }

.buyOnlinePopup[data-type="education-popup"] > h4 {
  text-align: left;
  text-transform: none; }
  @media screen and (max-width: 767px) {
    .buyOnlinePopup[data-type="education-popup"] > h4 {
      font-size: 1.4em; } }
  .buyOnlinePopup[data-type="education-popup"] > h4 .colorText {
    display: block;
    margin-bottom: 7px; }
  .buyOnlinePopup[data-type="education-popup"] > h4 br {
    line-height: 180%; }

.buyOnlinePopup[data-type="education-popup"] .buyOnlinePopup__block h4 {
  text-align: left;
  text-transform: none;
  font-size: 1.5em; }
  .buyOnlinePopup[data-type="education-popup"] .buyOnlinePopup__block h4 .colorText {
    display: block;
    margin-bottom: 7px; }

.buyOnlinePopup[data-type="education-popup"] .buyOnlinePopup__block .button {
  display: none; }

.partners li {
  padding: 5px 0;
  border-top: 1px solid #d8d8d8; }
  .partners li:first-child {
    border: 0 none; }
  .partners li > * {
    float: left; }

.partners .logo {
  width: 20%; }

.partners .price {
  width: 55%;
  text-align: center;
  font-size: 1.7em;
  line-height: 3.5; }

.partners .link {
  width: 25%;
  padding: 13px 0; }

.partners .link:only-of-type {
  float: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden; }

.partners .button {
  float: right; }

.distributorsPopup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 1000px;
  margin: 20px auto;
  height: auto;
  min-height: 400px; }
  .distributorsPopup .buttons {
    margin: 10px 10px 0; }
  .mfp-ready .distributorsPopup {
    display: block; }

.distributorsPopup__header {
  text-align: center;
  margin-bottom: 1em; }

.distributorsTable,
.distributorsTable th,
.distributorsTable td {
  border: 1px solid #000; }

.distributorsTable th,
.distributorsTable td {
  padding: 1em 0.3em;
  font-size: 1.2em;
  text-align: center; }

.distributorsTable th {
  background-color: #98005c;
  color: #fff;
  font-weight: bold; }

.care-landing-page .collectionBox {
  background: none; }

.care-landing-page .productFinder__wrapper {
  padding-top: 50px; }

.care-landing-page .productFinder__wrapper--isInactive,
.care-landing-page .productFinder__wrapper--isActive {
  padding-top: 0; }
  .care-landing-page .productFinder__wrapper--isInactive .header-decor,
  .care-landing-page .productFinder__wrapper--isActive .header-decor {
    margin-top: 0;
    margin-bottom: 20px; }
    .care-landing-page .productFinder__wrapper--isInactive .header-decor h2,
    .care-landing-page .productFinder__wrapper--isActive .header-decor h2 {
      margin-top: 0; }
  .care-landing-page .productFinder__wrapper--isInactive .introTxt,
  .care-landing-page .productFinder__wrapper--isActive .introTxt {
    display: none; }

/*  =LANDING PAGE COLOR
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.landingPageBody {
  -webkit-transition: none;
  transition: none; }

.landingPage {
  position: relative;
  width: 100%;
  min-height: 100%; }
  .landingPage .visualWrapper {
    position: absolute;
    overflow-y: hidden;
    height: 100%;
    width: 100%; }
  .landingPage .verticalWrapper {
    display: block; }
  .landingPage .visual {
    display: block;
    width: 100%; }
  .landingPage .colRight {
    position: relative;
    max-height: 79.5%;
    padding-top: 16%;
    padding-bottom: 44px;
    z-index: 10;
    text-align: center; }
  .landingPage .inner {
    margin: 0 auto;
    text-align: center;
    display: block;
    vertical-align: baseline;
    padding: 0; }
  .landingPage .inStoreActive {
    position: relative; }
  .landingPage .title {
    margin-bottom: 6.5%; }
  .landingPage .title .titleText {
    display: none; }
  .landingPage .subtitle {
    font-family: "ClanNarrow-Thin";
    color: #191919;
    font-weight: normal; }
  .landingPage .landingContryInfo {
    overflow: hidden; }
  .landingPage .landingContryInfo p {
    text-align: center;
    color: #020202;
    font-family: "ClanNarrow-Thin";
    letter-spacing: -0.05px; }
  .landingPage .colInSalon {
    float: left; }
  .landingPage .colInStore {
    float: right; }
  .landingPage .hide {
    display: none !important; }
  .landingPage .footerRowWrap {
    position: absolute;
    bottom: 0;
    left: 0; }
    .landingPage .footerRowWrap .center li a:first-child:before {
      display: none; }

.landingContryWrapper {
  text-align: left;
  border-radius: 10px 0 10px;
  overflow: hidden; }
  .landingContryWrapper .landingAreaName {
    color: #191919;
    text-transform: uppercase;
    font-size: 1.2em;
    line-height: 1;
    font-family: "ClanNarrow-Medium"; }
  .landingContryWrapper .landingContinent a {
    -webkit-transition: color 0.2s;
    transition: color 0.2s; }
  .landingContryWrapper .landingCountryList a {
    font-family: "ClanNarrow-Thin";
    font-weight: 100;
    color: #191919;
    font-size: 1.2em;
    display: block; }
  .landingContryWrapper .landingContinent a:hover {
    color: #aeaeae !important; }

.popupLandingPage {
  background: #fff;
  display: inline-block;
  position: relative;
  height: 674px;
  text-align: center;
  padding-top: 34px;
  width: 1088px; }
  .popupLandingPage.popupProfessionalRetail .popupSubTitle br {
    display: none; }
  .popupLandingPage .close {
    font-size: 3.4em;
    line-height: 23px;
    font-family: "ClanNarrow-News";
    color: #000;
    right: 20px;
    top: 15px; }
  .popupLandingPage .popupTitle {
    color: #cb0038;
    font-family: "ClanNarrow-Medium";
    font-size: 3.17em;
    margin-bottom: 30px; }
    .popupLandingPage .popupTitle br {
      display: none; }
  .popupLandingPage .popupBox {
    border: 1px solid #bcbcbc;
    display: inline-block;
    vertical-align: top;
    height: 510px;
    overflow: hidden;
    padding-top: 15px;
    position: relative;
    text-align: center;
    width: 470px; }
  .popupLandingPage .popupBox + .popupBox {
    margin-left: 10px; }
  .popupLandingPage .popupLogoImgProfessional {
    margin-bottom: 8px; }
  .popupLandingPage .popupLogoImgRetail {
    margin-bottom: -10px; }
  .popupLandingPage .popupSubTitle {
    font-size: 2.1em;
    font-family: "ClanNarrow-Medium"; }
  .popupLandingPage .popupBrandImgProfessional {
    width: 100%;
    bottom: 0;
    position: absolute;
    left: 0; }
  .popupLandingPage .popupBrandImgRetail {
    width: 100%;
    bottom: 0;
    position: absolute;
    left: 0; }
  .popupLandingPage .buttonWrapper {
    position: absolute;
    bottom: 28px;
    width: 100%; }
  .popupLandingPage .button {
    margin-left: 0;
    min-width: 142px; }

@media (min-width: 768px) and (max-width: 1128px), (min-width: 768px) and (max-height: 704px), print {
  .popupLandingPage {
    height: 459px;
    padding-top: 49px;
    width: 730px; }
    .popupLandingPage .close {
      font-size: 3.4em;
      line-height: 23px;
      right: 14px;
      top: 12px; }
    .popupLandingPage .popupTitle {
      color: #cb0038;
      font-size: 2.57em;
      margin-bottom: 17px; }
    .popupLandingPage .popupBox {
      width: 300px;
      height: 328px;
      padding-top: 17px; }
    .popupLandingPage .popupBox + .popupBox {
      margin-left: 46px; }
    .popupLandingPage .popupLogoImgProfessional {
      margin-bottom: 3px;
      width: 83px; }
    .popupLandingPage .popupLogoImgRetail {
      margin-bottom: -10px;
      width: 166px; }
    .popupLandingPage .popupSubTitle {
      font-size: 2.1em; }
    .popupLandingPage .popupBrandImgProfessional {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%; }
    .popupLandingPage .popupBrandImgRetail {
      bottom: 0;
      position: absolute;
      left: 0;
      width: 100%; }
    .popupLandingPage .buttonWrapper {
      bottom: 16px;
      width: 100%; }
    .popupLandingPage .button {
      margin-left: 0;
      min-width: 138px;
      font-size: 1.3em;
      line-height: 33px; } }

@media (max-width: 767px), (max-height: 498px) {
  .landingPage {
    position: static; }
    .landingPage .visualWrapper {
      position: static; }
    .landingPage .countryMenu {
      background-color: #fff; }
  .popupLandingPage {
    height: auto;
    padding-top: 25px;
    width: 100%;
    padding-bottom: 0; }
    .popupLandingPage.popupProfessionalRetail .popupSubTitle br {
      display: inline; }
    .popupLandingPage .close {
      font-size: 5em;
      line-height: 23px;
      right: 2px;
      top: 14px;
      font-family: "ClanNarrow-Thin"; }
    .popupLandingPage .popupTitle {
      color: #cb0038;
      font-size: 1.8em;
      margin-bottom: 19px; }
      .popupLandingPage .popupTitle br {
        display: inline; }
    .popupLandingPage .popupBox {
      display: block;
      width: 100%;
      height: auto;
      padding-top: 17px;
      border-width: 1px 0 0; }
    .popupLandingPage .popupBox + .popupBox {
      margin-left: 0; }
    .popupLandingPage .popupLogoImgProfessional {
      margin-bottom: 10px; }
    .popupLandingPage .popupLogoImgRetail {
      margin-bottom: 10px; }
    .popupLandingPage .popupSubTitle {
      font-size: 1.7em;
      margin-bottom: 13px; }
    .popupLandingPage .popupBrandImgProfessional {
      display: none; }
    .popupLandingPage .popupBrandImgRetail {
      display: none; }
    .popupLandingPage .buttonWrapper {
      position: static; }
    .popupLandingPage .button {
      margin-left: 0;
      font-size: 1.3em;
      line-height: 45px;
      margin-bottom: 19px; } }

/* GeolocationPopup */
.geolocationPopup {
  width: 100%;
  position: fixed;
  top: 184px;
  left: 0;
  background-color: rgba(255, 255, 255, 0.7);
  color: #ca003a;
  text-align: center;
  z-index: 209; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .geolocationPopup {
      top: 0; } }
  @media only screen and (max-width: 767px) {
    .geolocationPopup {
      top: 0; } }
  .geolocationPopup .geolocationPopup__message {
    display: inline-block;
    text-transform: uppercase;
    vertical-align: middle;
    margin: 25px 100px;
    font-family: "ClanNarrow-Medium"; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .geolocationPopup .geolocationPopup__message {
        margin: 25px 50px; } }
    @media only screen and (max-width: 767px) {
      .geolocationPopup .geolocationPopup__message {
        font-size: 2.1em;
        margin: 30px 1.5em 5px; } }
  .geolocationPopup .geolocationPopup__close {
    vertical-align: middle;
    font-size: 5em;
    line-height: 23px;
    font-family: "ClanNarrow-Thin";
    color: #191919;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    border: 0 none;
    border-radius: 0;
    background-color: transparent;
    cursor: pointer; }
    @media only screen and (max-width: 767px) {
      .geolocationPopup .geolocationPopup__close {
        top: 10px;
        right: 10px;
        position: absolute;
        z-index: 300px; } }
  .geolocationPopup .geolocationPopup__button {
    min-width: 142px; }
    @media only screen and (max-width: 767px) {
      .geolocationPopup .geolocationPopup__button {
        line-height: 50px;
        font-size: 1.6em;
        margin-left: 30px;
        margin-right: 30px; } }
  .geolocationPopup .geolocationPopup__button + .geolocationPopup__button {
    margin-left: 30px; }

/*  =COLOR LANDING PAGE PRODUCT SLIDER
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.productSlider {
  position: relative; }

.productSliderCarousel {
  width: 100%;
  height: 330px;
  overflow: hidden;
  position: relative; }
  .productSliderCarousel ul {
    height: 100%;
    white-space: nowrap;
    position: absolute; }
  .productSliderCarousel li {
    height: 330px;
    width: 264.8px;
    padding: 0 5px;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
    text-align: center;
    position: relative;
    cursor: pointer; }
    .productSliderCarousel li:after {
      content: "+";
      position: absolute;
      left: 50%;
      bottom: 40px;
      font-size: 1.6em;
      margin-left: -5px; }
  .productSliderCarousel .active {
    background: #f9f9f9;
    cursor: default; }
    .productSliderCarousel .active:hover {
      background: #f9f9f9; }
  .productSliderCarousel img {
    padding-top: 40px;
    width: 240px; }
  .productSliderCarousel h3 {
    font-family: "ClanNarrow-News";
    font-size: 1.8em;
    line-height: 1; }
  .productSliderCarousel h4 {
    font-family: "ClanNarrow-Book";
    font-size: 1.2em; }

.productSliderNav a {
  position: absolute;
  top: 115px;
  display: block; }

.productSliderNav .prev {
  background-image: url(../i/sprite/sprite.png);
  background-position: -342px -136px;
  width: 23px;
  height: 52px;
  left: -27px; }

.productSliderNav .next {
  background-image: url(../i/sprite/sprite.png);
  background-position: -405px -296px;
  width: 23px;
  height: 52px;
  right: -27px; }

.productSliderDotsNav {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 300px;
  z-index: 2; }
  .productSliderDotsNav .dot {
    width: 13px;
    height: 13px;
    display: inline-block;
    margin: 0 4px; }
  .productSliderDotsNav a {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #b8b8b8;
    border-radius: 50%; }
  .productSliderDotsNav .active a {
    background-color: #c8003c; }

.productSliderInfo {
  width: 100%;
  background-color: #f9f9f9;
  position: relative; }
  .productSliderInfo h3 {
    font-size: 2.4em;
    font-family: "ClanNarrow-Medium";
    padding: 10px 15px 40px; }
    .productSliderInfo h3 .thin {
      font-family: "ClanNarrow-Book"; }
  .productSliderInfo > div {
    width: 50%;
    float: left;
    padding: 36px; }
  .productSliderInfo .button {
    margin: 0 8px; }

.productSliderShades {
  border-right: 1px solid #dbd8d8; }
  .productSliderShades li {
    float: left;
    text-align: center;
    width: 98px;
    height: 155px;
    padding: 0 15px 10px;
    position: relative; }
    .productSliderShades li.tagged:after {
      content: 'NEW';
      position: absolute;
      font-size: 1rem;
      font-weight: bold;
      font-family: "ClanNarrow-News";
      background-color: #ca0237;
      color: #fff;
      top: -7px;
      right: 0;
      height: 18px;
      padding: 0 7px;
      line-height: 18px;
      border-radius: 5px 0 5px 0; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .productSliderShades li.tagged:after {
          font-size: .7rem;
          height: 15px;
          line-height: 15px; } }
      @media only screen and (max-width: 767px) {
        .productSliderShades li.tagged:after {
          font-size: .7rem;
          height: 15px;
          line-height: 15px; } }
  .productSliderShades img {
    border-radius: 50%; }
  .productSliderShades .shadeMark {
    font-family: "ClanNarrow-News";
    font-size: 2em;
    color: #c8003c;
    display: block;
    line-height: 1;
    padding: 10px 0; }
  .productSliderShades .button {
    display: none; }

.productSliderDescription p {
  font-size: 1.8em;
  font-family: "ClanNarrow-News";
  padding: 0 15px 30px; }

.productSliderDescription.wide {
  width: 100%; }

/*  =COUTURE COLOR SERVICE AND LOOKS SLIDER
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.introTxt {
  font-family: "ClanNarrow-Book";
  font-size: 1.6em;
  color: #808080;
  margin: 30px 0; }

.sliderLooksCarousel {
  width: 100%;
  height: 560px;
  overflow: hidden;
  position: relative;
  border-radius: 0 32px; }
  .sliderLooksCarousel ul {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%; }
  .sliderLooksCarousel li {
    width: 1324px;
    height: 100%;
    float: left;
    display: block;
    position: relative; }

.sliderLooksInfo {
  position: absolute;
  top: 20%;
  width: 340px;
  text-transform: uppercase;
  font-family: "ClanNarrow-News"; }
  .sliderLooksInfo > * {
    margin: 15px 0; }
  .sliderLooksInfo h3 {
    font-size: 4.8em;
    line-height: 1; }
  .sliderLooksInfo .descritpion {
    font-size: 1.4em;
    font-family: "ClanNarrow-Book"; }
  .sliderLooksInfo .buttonText {
    font-size: 1.6em; }
  .sliderLooksInfo.pos-left {
    left: 8%; }
  .sliderLooksInfo.pos-right {
    right: 8%;
    text-align: right; }

.sliderLooksNav a {
  position: absolute;
  top: 0;
  height: 100%;
  width: 45px;
  background-color: rgba(187, 181, 181, 0.5);
  z-index: 3; }
  .sliderLooksNav a:hover {
    background-color: rgba(187, 181, 181, 0.6); }
  .sliderLooksNav a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -15px; }

.sliderLooksNav .prev {
  left: 0;
  border-radius: 0 0 0 32px; }
  .sliderLooksNav .prev:before {
    background-image: url(../i/sprite/sprite.png);
    background-position: -442px -343px;
    width: 29px;
    height: 56px; }

.sliderLooksNav .next {
  right: 0;
  border-radius: 0 32px 0 0; }
  .sliderLooksNav .next:before {
    background-image: url(../i/sprite/sprite.png);
    background-position: -442px -287px;
    width: 29px;
    height: 56px; }

.sliderLooks .productSliderDotsNav {
  display: none; }

/*  =LANDING PAGE EIMI/STYLING, CARE
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.collectionBox {
  background-color: #f9f9f9;
  text-align: center;
  padding: 40px 0; }

.collectionList {
  padding: 0 10px; }
  .collectionList .productElement {
    width: 245px;
    height: 365px;
    padding: 10px;
    position: relative; }
    .collectionList .productElement:after {
      bottom: 20px; }
    .collectionList .productElement:hover {
      opacity: 0.8;
      -webkit-transition: opacity 0.5s ease-out;
      transition: opacity 0.5s ease-out; }
  .collectionList .productElement__positioner {
    position: static; }
  .collectionList .productElement__name {
    font-size: 1.8em;
    padding-top: 30px; }
  .collectionList .productElement__subTitle {
    font-size: 1.2em;
    padding-top: 10px; }

.bubbles {
  background: url("../i/bg/bg_product_finder.jpg") no-repeat scroll left top;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  margin-top: 30px;
  padding-top: 100px;
  min-height: 611px; }

.starInfo {
  font-size: 1.4em;
  font-family: "ClanNarrow-News";
  padding: 25px 0; }

/*  =PRODUCT PAGE
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.prodPresentation {
  margin: 0 145px;
  position: relative; }

.prodAward {
  float: left;
  margin-right: 10px;
  padding-top: 10em;
  width: 155px;
  margin-left: -12em; }

.prodVisual {
  float: left;
  width: 230px;
  margin: 0 60px 60px 0;
  text-align: center; }

.prodDescription {
  float: left;
  width: 400px;
  margin-right: 60px;
  margin-bottom: 60px;
  font-size: 1.2em;
  line-height: 2;
  color: #656565;
  font-family: "ClanNarrow-News"; }
  .prodDescription h3 {
    font-size: 2.15em;
    font-family: "ClanNarrow-News";
    padding: 0 0 35px;
    color: #000; }
  .prodDescription p, .prodDescription ul {
    padding: 15px 0; }
  .prodDescription li {
    list-style: disc;
    margin-left: 15px; }
  .prodDescription .button {
    margin-top: 25px; }

.prodSocialUnits {
  float: right;
  width: 235px;
  padding: 15px 0 15px 30px;
  border-left: 1px solid #dadada; }
  .prodSocialUnits .socialBox {
    margin-bottom: 0; }

.bazaarVoiceRating {
  float: right;
  width: 235px;
  padding: 15px 0 15px 30px; }
  @media only screen and (min-width: 1025px) and (max-width: 1399px) {
    .bazaarVoiceRating {
      width: 188px;
      padding: 10.71429px 0 10.71429px 21.42857px; } }
  @media only screen and (max-width: 767px) {
    .bazaarVoiceRating {
      width: 100%;
      text-align: center;
      padding: 15px; } }

.prodLooksAndRating .rating {
  position: relative;
  margin-top: 30px; }
  .prodLooksAndRating .rating a {
    cursor: default; }

.prodLooks {
  margin: -4px; }
  .prodLooks li {
    float: left;
    margin: 4px;
    width: 45px;
    height: 45px; }
  .prodLooks a {
    height: 100%;
    width: 100%;
    display: block;
    position: relative; }
    .prodLooks a:hover:before {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }

.socialBox {
  margin: 30px 0; }
  .socialBox li {
    display: inline-block;
    margin: 3px 16px 3px 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    font-family: "ClanNarrow-Book";
    font-size: 1.4em;
    vertical-align: top; }
    .socialBox li.shareOn {
      display: block; }
      @media only screen and (max-width: 767px) {
        .socialBox li.shareOn {
          display: inline-block; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .socialBox li.shareOn {
          display: inline-block; } }
    .socialBox li:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
      opacity: 0.7; }
  .socialBox a, .socialBox .shareTitle {
    display: block; }
  .socialBox .facebookButton {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -511px;
    width: 24px;
    height: 26px; }
  .socialBox .tweetButton {
    background-image: url(../i/sprite/sprite.png);
    background-position: -164px -483px;
    width: 26px;
    height: 26px; }
  .socialBox .pinItButton {
    background-image: url(../i/sprite/sprite.png);
    background-position: -96px -511px;
    width: 24px;
    height: 26px; }

.productArticles {
  text-align: center; }

.productArticlesGroup {
  display: inline-block;
  vertical-align: top;
  width: 31%;
  padding: 10px 1.16%;
  text-align: left; }
  .productArticlesGroup hgroup {
    padding: 20px 0; }
  .productArticlesGroup article {
    border-top: 1px solid #e3e3e3;
    padding: 10px 0;
    line-height: 2;
    font-family: "ClanNarrow-Book"; }
    .productArticlesGroup article h4, .productArticlesGroup article p {
      padding: 10px 0; }
  .productArticlesGroup h3 {
    font-family: "ClanNarrow-News";
    font-size: 2.6em;
    text-transform: uppercase;
    padding-bottom: 10px; }
  .productArticlesGroup h4 {
    font-family: "ClanNarrow-Book";
    text-decoration: uppercase; }
  .productArticlesGroup h4, .productArticlesGroup p {
    font-size: 1.4em; }
  .productArticlesGroup p {
    color: #808080; }
  .productArticlesGroup table {
    width: 100%;
    border-collapse: initial; }
    .productArticlesGroup table caption {
      color: #fff;
      font-size: 1.5em;
      font-weight: bold;
      background: #d0bbc0;
      text-align: center;
      border-radius: 10px 0 0 0; }
    .productArticlesGroup table td {
      text-align: center;
      font-size: 1.5em;
      border-bottom: 1px solid #d0bbc0;
      line-height: 140%; }
      .productArticlesGroup table td:first-of-type {
        border-left: 1px solid #d0bbc0;
        text-align: right; }
      .productArticlesGroup table td:last-of-type {
        border-right: 1px solid #d0bbc0; }
    .productArticlesGroup table tr:last-of-type td:last-of-type {
      border-radius: 0 0 10px 0; }

.productArticlePdf {
  margin-bottom: 40px; }
  .productArticlePdf h5 {
    font-family: "ClanNarrow-Book";
    font-size: 1.4em;
    padding-bottom: 10px;
    color: #808080; }

.educationTopic {
  float: left;
  width: 33.33%;
  padding: 10px;
  text-align: right; }
  .educationTopic h4 {
    text-align: left;
    font-size: 2.4em;
    font-family: "ClanNarrow-News";
    text-transform: uppercase; }
    .educationTopic h4 span {
      display: block;
      font-family: "ClanNarrow-Book";
      font-size: 0.65em; }
  .educationTopic img {
    margin: 10px 0; }

.complementProducts {
  text-align: center; }

.complementProdItem {
  display: inline-block;
  width: 300px;
  height: 420px;
  position: relative; }
  @media screen and (min-width: 1400px) {
    .complementProdItem img {
      height: 340px; } }
  @media screen and (min-width: 1025px) and (max-width: 1399px) {
    .complementProdItem img {
      height: 243px; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .complementProdItem img {
      height: 186px; } }
  @media screen and (max-width: 767px) {
    .complementProdItem img {
      height: 170px; } }
  .complementProdItem:after {
    content: "+";
    position: absolute;
    bottom: 10px;
    left: 50%;
    font-size: 1.6em;
    margin-left: -3px; }
  .complementProdItem .prodName {
    position: absolute;
    left: 0;
    top: 80%;
    width: 100%;
    font-size: 1.8em;
    font-family: "ClanNarrow-News";
    text-transform: uppercase; }

.grid5columns .complementProdItem {
  width: 262px;
  height: 362px; }

/*  =FILTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.lookbookGallery .filterMenuWrap {
  text-align: center;
  padding-left: 156px;
  margin-bottom: 10px;
  overflow: hidden; }
  .lookbookGallery .filterMenuWrap .filterMenu {
    padding: 0; }
  .lookbookGallery .filterMenuWrap .filterMenu li {
    font-size: 1.5em;
    line-height: 20px;
    display: block;
    float: left; }
    .lookbookGallery .filterMenuWrap .filterMenu li a {
      line-height: normal;
      padding: 3px 14px;
      font-weight: bold; }
    .lookbookGallery .filterMenuWrap .filterMenu li.item {
      margin: 0.6%; }
    .lookbookGallery .filterMenuWrap .filterMenu li.filterText {
      line-height: 43px;
      margin-left: 20px; }

.lookbookGallery .mobileSelectMenu {
  display: none;
  margin-top: 20px; }

.lookbookGallery .filterMenu {
  padding: 70px 0 50px;
  text-align: center;
  position: relative; }
  .lookbookGallery .filterMenu li {
    display: inline-block;
    font-size: 1.5em; }
  .lookbookGallery .filterMenu .filterText {
    line-height: 2.1; }
  .lookbookGallery .filterMenu .filterTextMob {
    display: none;
    font-size: 1.1em;
    line-height: 2.1; }
    .lookbookGallery .filterMenu .filterTextMob span {
      color: #c8003c; }
  .lookbookGallery .filterMenu .viewMoreBrands a {
    line-height: 2.1em;
    color: #c8003c;
    text-decoration: underline;
    display: block; }
  .lookbookGallery .filterMenu .dropdown {
    display: none;
    width: 15px;
    height: 9px;
    position: absolute;
    top: 10px;
    right: 10px;
    background: url("../i/sprite/arrows_up_down.png") no-repeat scroll 0 0; }
  .lookbookGallery .filterMenu .dropdown.down {
    background-position: 0 -13px; }

.desktop-device .lookbookGallery .filterMenu .item a {
  border: 1px solid #ebebeb;
  border-radius: 0.4em 0;
  color: #777777;
  padding: 5px 15px;
  display: block;
  line-height: 1.2em; }
  .desktop-device .lookbookGallery .filterMenu .item a:hover {
    background-color: #ca255d;
    color: #fff; }

.desktop-device .lookbookGallery .filterMenu .item.active a {
  background-color: #ca255d;
  color: #fff; }

.tablet-device .lookbookGallery .filterMenu .item a {
  border: 1px solid #ebebeb;
  border-radius: 0.4em 0;
  color: #777777;
  padding: 5px 15px;
  display: block;
  line-height: 1.2em; }

.tablet-device .lookbookGallery .filterMenu .item.active a {
  background-color: #ca255d;
  color: #fff; }

/*  =LOOKBOOK PAGE
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.cosmeticAuthor {
  position: relative;
  margin-top: -54px; }
  .cosmeticAuthor figure, .cosmeticAuthor article {
    float: left; }
  .cosmeticAuthor article {
    width: 1000px;
    margin-top: 15px; }
  .cosmeticAuthor img {
    width: 100%;
    display: block;
    border-radius: 33px 0; }
  .cosmeticAuthor h3 {
    font-size: 3em;
    font-family: "ClanNarrow-News";
    line-height: 1.1;
    margin: 25px 2% 10px; }
  .cosmeticAuthor p {
    font-size: 1.2em;
    font-family: "ClanNarrow-News";
    color: #808080;
    line-height: 2;
    margin: 10px 10% 10px 2%; }
  .cosmeticAuthor .buttons {
    margin: 35px 0 0;
    text-align: left; }
  .cosmeticAuthor .button {
    margin-left: 2%; }
  .cosmeticAuthor .authorVisual {
    width: 274px;
    margin: -60px 50px 0 0; }
  .cosmeticAuthor .authorImg {
    display: block; }
  .cosmeticAuthor a:not(.button) {
    text-decoration: underline; }

.inspirationPage a:not(.button) {
  text-decoration: underline; }

.lookPresentAngle {
  text-align: center;
  vertical-align: middle;
  margin: 0 -10px; }
  .lookPresentAngle img {
    display: inline-block;
    margin: 10px;
    width: 426px; }

.createLook p {
  font-family: "ClanNarrow-News"; }

.createLook h2 {
  text-align: left;
  font-family: "ClanNarrow-Medium";
  font-size: 4.8em;
  margin-bottom: 70px; }

.createLook h3 {
  font-family: "ClanNarrow-News";
  font-size: 2.4em; }

.createLook h4 {
  font-family: "ClanNarrow-Medium";
  font-size: 1.8em; }

.createLook__block {
  background: url("../i/bg/createLook.jpg") no-repeat scroll left center #f7f7f7;
  padding: 30px;
  margin-bottom: 20px; }
  .createLook__block .mobileTab {
    display: none; }
  .createLook__block .createLook__entry {
    display: table-cell;
    vertical-align: middle;
    width: 398px;
    padding-right: 30px;
    text-align: center; }
    .createLook__block .createLook__entry h2 {
      padding-bottom: 20px; }
    .createLook__block .createLook__entry h3 {
      padding: 15px 0 45px; }
    .createLook__block .createLook__entry h4 {
      padding-top: 15px; }
    .createLook__block .createLook__entry p {
      font-size: 1.6em;
      line-height: 2;
      padding: 15px 0;
      color: #808080; }
      .createLook__block .createLook__entry p strong {
        color: #000; }
    .createLook__block .createLook__entry .createLook__entry--image img {
      border-radius: 3.3em 0;
      width: 73%; }
    .createLook__block .createLook__entry .createLook__entry--content {
      margin-bottom: 20px; }
  .createLook__block:first-child .createLook__entry {
    display: block; }
  .createLook__block .createLook__steps {
    display: table-cell;
    vertical-align: top;
    width: 836px;
    padding-top: 60px; }
    .createLook__block .createLook__steps img {
      padding-bottom: 10px; }
    .createLook__block .createLook__steps p {
      font-size: 1.2em;
      line-height: 2;
      color: #808080;
      padding: 10px 0; }
    .createLook__block .createLook__steps .createLook__steps--step {
      float: left;
      width: 407px;
      margin: 0 21px 30px 0;
      clear: left; }
      .createLook__block .createLook__steps .createLook__steps--step.even {
        margin-right: 0;
        clear: none; }
      .createLook__block .createLook__steps .createLook__steps--step h3 {
        margin-bottom: 10px; }
  .createLook__block .productPackshot {
    width: 100%;
    text-align: center; }

.StarInfo.right {
  text-align: right; }

/*  =LOOKBOOK, INSPIRATION GALLERY
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.careerJoinUs h3 {
  font-size: 2em;
  font-family: "ClanNarrow-News";
  padding-bottom: 25px; }

.careerJoinUs .contactForm {
  font-size: 1em;
  font-family: "ClanNarrow-Book";
  padding: 0 6%; }
  .careerJoinUs .contactForm dt, .careerJoinUs .contactForm dd {
    line-height: 64px; }
  .careerJoinUs .contactForm dt {
    width: 40%; }
  .careerJoinUs .contactForm dd {
    width: 60%; }

.careerJoinUs .selectBox .styled-select-wrapper {
  height: 64px;
  -webkit-box-shadow: 0 0 10px #d6d6d6 inset;
          box-shadow: 0 0 10px #d6d6d6 inset;
  border: 0 none; }

.careerJoinUs .selectBox .styled-select-text {
  font-family: "ClanNarrow-Book";
  font-size: 1em; }

.careerJoinUs .careerResults {
  border-top: 1px solid #6c6c6c; }
  .careerJoinUs .careerResults h4 {
    font-family: "ClanNarrow-Book";
    font-size: 2em;
    padding-top: 50px;
    text-transform: uppercase; }

.careerJoinUs .careerSalesRep, .careerJoinUs .careerEducator {
  width: 50%;
  float: left; }
  .careerJoinUs .careerSalesRep li, .careerJoinUs .careerEducator li {
    font-size: 1em;
    font-family: "ClanNarrow-Book";
    padding-top: 30px; }
  .careerJoinUs .careerSalesRep strong, .careerJoinUs .careerEducator strong {
    font-family: "ClanNarrow-Medium"; }
  .careerJoinUs .careerSalesRep a, .careerJoinUs .careerEducator a {
    color: #2968dd;
    text-decoration: underline; }

.careerJoinUs .careerSalesRep {
  padding: 0 3% 0 3%; }

/* =TRENDVISION 2015
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.tvpTitle {
  font-size: 2.4em;
  text-align: center;
  line-height: 29px;
  font-family: "ClanNarrow-News";
  margin: 30px 0 60px; }
  @media only screen and (max-width: 767px) {
    .tvpTitle {
      font-size: 1.3em;
      line-height: 17px;
      margin: 20px 0 50px 0; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .tvpTitle {
      font-size: 1.4em;
      line-height: 17px;
      margin: 30px 0 60px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1399px) {
    .tvpTitle {
      font-size: 1.8em;
      line-height: 22px;
      margin: 30px 0 60px; } }
  .tvpTitle a {
    text-decoration: underline; }

.tvpEventPlayer {
  clear: both;
  position: relative; }
  .tvpEventPlayer .player {
    float: left;
    width: 888px;
    height: 500px;
    background: silver;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .tvpEventPlayer .player {
        width: 320px;
        height: auto; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .tvpEventPlayer .player {
        width: 450px;
        height: 279px; } }
    @media only screen and (min-width: 1025px) and (max-width: 1399px) {
      .tvpEventPlayer .player {
        width: 616px;
        height: 348px; } }
    .tvpEventPlayer .player .videoWrapper {
      position: relative;
      padding-bottom: 53.40%;
      /* 16:9 56.25% */
      padding-top: 25px;
      height: 0; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .tvpEventPlayer .player .videoWrapper {
          padding-bottom: 56.3%; } }
      @media only screen and (min-width: 1025px) and (max-width: 1399px) {
        .tvpEventPlayer .player .videoWrapper {
          padding-bottom: 52.4%; } }
      @media only screen and (max-width: 767px) {
        .tvpEventPlayer .player .videoWrapper {
          padding-bottom: 49.2%; } }
    .tvpEventPlayer .player .videoWrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .tvpEventPlayer .player .troubleMessage {
      position: absolute;
      top: -20px;
      left: 0;
      color: #444;
      font-size: 1.2em; }
      .tvpEventPlayer .player .troubleMessage a {
        text-decoration: underline; }
  .tvpEventPlayer .playlist {
    float: left;
    width: 436px;
    height: 500px;
    border: 1px solid #e7e7e7;
    border-left: 0; }
    @media only screen and (max-width: 767px) {
      .tvpEventPlayer .playlist {
        width: 320px;
        height: auto;
        background: #e4e4e4;
        padding-bottom: 10px; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .tvpEventPlayer .playlist {
        width: 278px;
        height: 279px; } }
    @media only screen and (min-width: 1025px) and (max-width: 1399px) {
      .tvpEventPlayer .playlist {
        width: 330px;
        height: 348px; } }
    .tvpEventPlayer .playlist .add {
      display: inline-block;
      background-image: url(../i/sprite/sprite.png);
      background-position: -538px -355px;
      width: 20px;
      height: 20px;
      vertical-align: middle;
      text-indent: -9000em;
      overflow: hidden;
      position: absolute;
      right: 0;
      top: 10px; }
      .tvpEventPlayer .playlist .add:hover {
        background-image: url(../i/sprite/sprite.png);
        background-position: -538px -255px;
        width: 20px;
        height: 20px; }
    .tvpEventPlayer .playlist .playlist__header {
      border-bottom: 1px solid #e7e7e7;
      margin: 5px 20px;
      padding: 10px 0;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .tvpEventPlayer .playlist .playlist__header {
          margin: 5px 10px; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .tvpEventPlayer .playlist .playlist__header {
          margin: 5px 15px; } }
      .tvpEventPlayer .playlist .playlist__header h2 {
        font-size: 2em;
        font-weight: bold;
        margin-bottom: 7px; }
      .tvpEventPlayer .playlist .playlist__header h3 {
        font-size: 1.3em;
        color: #cd0335;
        font-weight: bold;
        font-family: "ClanNarrow-News"; }
      @media only screen and (max-width: 767px) {
        .tvpEventPlayer .playlist .playlist__header .add {
          display: none; } }
      .tvpEventPlayer .playlist .playlist__header.setNewStyle {
        margin-bottom: 0;
        border: 0; }
      .tvpEventPlayer .playlist .playlist__header .playlistButton {
        display: none; }
        @media only screen and (max-width: 767px) {
          .tvpEventPlayer .playlist .playlist__header .playlistButton {
            position: absolute;
            right: 0;
            top: 25px;
            display: block; }
            .tvpEventPlayer .playlist .playlist__header .playlistButton.visiblePlaylist {
              background-image: url(../i/sprite/sprite.png);
              background-position: -405px -348px;
              width: 15px;
              height: 9px; }
            .tvpEventPlayer .playlist .playlist__header .playlistButton.hiddenPlaylist {
              background-image: url(../i/sprite/sprite.png);
              background-position: -560px -547px;
              width: 15px;
              height: 9px; } }
    .tvpEventPlayer .playlist .playlist__repeater {
      height: 40px;
      padding-left: 20px;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .tvpEventPlayer .playlist .playlist__repeater {
          background: #fff;
          padding: 12px 10px 0 10px;
          margin: 0 10px; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .tvpEventPlayer .playlist .playlist__repeater {
          height: 20px; } }
      @media only screen and (min-width: 1025px) and (max-width: 1399px) {
        .tvpEventPlayer .playlist .playlist__repeater {
          height: 25px; } }
      .tvpEventPlayer .playlist .playlist__repeater a {
        display: inline-block;
        vertical-align: middle;
        text-indent: -9000em;
        overflow: hidden;
        margin-right: 15px; }
      .tvpEventPlayer .playlist .playlist__repeater .add {
        right: 10px;
        display: none; }
        @media only screen and (max-width: 767px) {
          .tvpEventPlayer .playlist .playlist__repeater .add {
            display: block;
            margin-right: 0; } }
      .tvpEventPlayer .playlist .playlist__repeater .repeat {
        width: 20px;
        height: 16px;
        background-image: url(../i/sprite/sprite.png);
        background-position: -283px -185px;
        width: 20px;
        height: 16px; }
        .tvpEventPlayer .playlist .playlist__repeater .repeat.active, .tvpEventPlayer .playlist .playlist__repeater .repeat:hover {
          background-image: url(../i/sprite/sprite.png);
          background-position: -109px -537px;
          width: 20px;
          height: 16px; }
          @media only screen and (max-width: 767px) {
            .tvpEventPlayer .playlist .playlist__repeater .repeat.active, .tvpEventPlayer .playlist .playlist__repeater .repeat:hover {
              background-image: url(../i/sprite/sprite.png);
              background-position: -283px -185px;
              width: 20px;
              height: 16px; } }
      .tvpEventPlayer .playlist .playlist__repeater .shufle {
        width: 20px;
        height: 16px;
        background-image: url(../i/sprite/sprite.png);
        background-position: -50px -467px;
        width: 19px;
        height: 15px; }
        .tvpEventPlayer .playlist .playlist__repeater .shufle.active, .tvpEventPlayer .playlist .playlist__repeater .shufle:hover {
          background-image: url(../i/sprite/sprite.png);
          background-position: -69px -467px;
          width: 19px;
          height: 15px; }
          @media only screen and (max-width: 767px) {
            .tvpEventPlayer .playlist .playlist__repeater .shufle.active, .tvpEventPlayer .playlist .playlist__repeater .shufle:hover {
              background-image: url(../i/sprite/sprite.png);
              background-position: -50px -467px;
              width: 19px;
              height: 15px; } }
      .tvpEventPlayer .playlist .playlist__repeater .playlistPrevButton {
        background-image: url(../i/sprite/sprite.png);
        background-position: -117px -197px;
        width: 20px;
        height: 12px; }
        .tvpEventPlayer .playlist .playlist__repeater .playlistPrevButton.active, .tvpEventPlayer .playlist .playlist__repeater .playlistPrevButton:hover {
          background-image: url(../i/sprite/sprite.png);
          background-position: -137px -197px;
          width: 20px;
          height: 12px; }
          @media only screen and (max-width: 767px) {
            .tvpEventPlayer .playlist .playlist__repeater .playlistPrevButton.active, .tvpEventPlayer .playlist .playlist__repeater .playlistPrevButton:hover {
              background-image: url(../i/sprite/sprite.png);
              background-position: -117px -197px;
              width: 20px;
              height: 12px; } }
      .tvpEventPlayer .playlist .playlist__repeater .playlistNextButton {
        background-image: url(../i/sprite/sprite.png);
        background-position: -97px -197px;
        width: 20px;
        height: 12px; }
        .tvpEventPlayer .playlist .playlist__repeater .playlistNextButton.active, .tvpEventPlayer .playlist .playlist__repeater .playlistNextButton:hover {
          background-image: url(../i/sprite/sprite.png);
          background-position: -348px -282px;
          width: 20px;
          height: 12px; }
          @media only screen and (max-width: 767px) {
            .tvpEventPlayer .playlist .playlist__repeater .playlistNextButton.active, .tvpEventPlayer .playlist .playlist__repeater .playlistNextButton:hover {
              background-image: url(../i/sprite/sprite.png);
              background-position: -97px -197px;
              width: 20px;
              height: 12px; } }
    .tvpEventPlayer .playlist .playlist__item {
      display: block;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .tvpEventPlayer .playlist .playlist__item {
          margin: 0 10px;
          border-bottom: 1px solid #e4e4e4; } }
      .tvpEventPlayer .playlist .playlist__item .visibleContent {
        height: 78px;
        cursor: pointer;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .tvpEventPlayer .playlist .playlist__item .visibleContent {
            height: 60px; } }
        @media only screen and (min-width: 768px) and (max-width: 1024px) {
          .tvpEventPlayer .playlist .playlist__item .visibleContent {
            height: 60px; } }
        @media only screen and (min-width: 1025px) and (max-width: 1399px) {
          .tvpEventPlayer .playlist .playlist__item .visibleContent {
            height: 60px; } }
        .tvpEventPlayer .playlist .playlist__item .visibleContent.active, .tvpEventPlayer .playlist .playlist__item .visibleContent:hover {
          background: #e4e4e4; }
        .tvpEventPlayer .playlist .playlist__item .visibleContent .number {
          font-size: 2em;
          display: inline-block;
          line-height: 78px;
          width: 50px;
          text-align: center;
          vertical-align: middle;
          position: relative; }
          @media only screen and (max-width: 767px) {
            .tvpEventPlayer .playlist .playlist__item .visibleContent .number {
              line-height: 60px;
              width: 40px; } }
          @media only screen and (min-width: 768px) and (max-width: 1024px) {
            .tvpEventPlayer .playlist .playlist__item .visibleContent .number {
              line-height: 60px;
              width: 40px;
              font-size: 1.2em; } }
          @media only screen and (min-width: 1025px) and (max-width: 1399px) {
            .tvpEventPlayer .playlist .playlist__item .visibleContent .number {
              line-height: 60px; } }
          .tvpEventPlayer .playlist .playlist__item .visibleContent .number.playIcon {
            font-size: 0;
            background: url(../i/sprite/strict/tvp-play.png) no-repeat center center; }
        .tvpEventPlayer .playlist .playlist__item .visibleContent .videoPackshot {
          width: 90px;
          height: 60px;
          display: inline-block;
          vertical-align: middle;
          border-top-left-radius: 15px;
          border-bottom-right-radius: 15px; }
          @media only screen and (max-width: 767px) {
            .tvpEventPlayer .playlist .playlist__item .visibleContent .videoPackshot {
              width: 60px;
              height: 40px; } }
          @media only screen and (min-width: 1025px) and (max-width: 1399px) {
            .tvpEventPlayer .playlist .playlist__item .visibleContent .videoPackshot {
              width: 60px;
              height: 40px; } }
          @media only screen and (min-width: 768px) and (max-width: 1024px) {
            .tvpEventPlayer .playlist .playlist__item .visibleContent .videoPackshot {
              width: 60px;
              height: 40px; } }
        .tvpEventPlayer .playlist .playlist__item .visibleContent h2 {
          font-size: 1.6em;
          font-weight: bold;
          display: inline-block;
          vertical-align: middle;
          padding-left: 20px;
          width: 260px; }
          @media only screen and (max-width: 767px) {
            .tvpEventPlayer .playlist .playlist__item .visibleContent h2 {
              font-size: 1em;
              width: 145px;
              padding-left: 10px; } }
          @media only screen and (min-width: 1025px) and (max-width: 1399px) {
            .tvpEventPlayer .playlist .playlist__item .visibleContent h2 {
              font-size: 1.1em;
              width: 190px;
              padding-left: 15px;
              padding-right: 10px; } }
          @media only screen and (min-width: 768px) and (max-width: 1024px) {
            .tvpEventPlayer .playlist .playlist__item .visibleContent h2 {
              font-size: 1em;
              width: 145px;
              padding-left: 10px;
              padding-right: 10px; } }
        .tvpEventPlayer .playlist .playlist__item .visibleContent.active .showButton {
          cursor: pointer;
          position: absolute;
          right: 0;
          bottom: 0;
          width: 20px;
          height: 20px;
          text-align: center;
          background: #f7f7f7; }
          @media only screen and (max-width: 767px) {
            .tvpEventPlayer .playlist .playlist__item .visibleContent.active .showButton {
              display: none; } }
          .tvpEventPlayer .playlist .playlist__item .visibleContent.active .showButton.show:before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            margin-top: 3px;
            background-image: url(../i/sprite/sprite.png);
            background-position: -471px -370px;
            width: 12px;
            height: 12px; }
          .tvpEventPlayer .playlist .playlist__item .visibleContent.active .showButton.hideElem:before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            margin-top: 3px;
            background-image: url(../i/sprite/sprite.png);
            background-position: -471px -358px;
            width: 12px;
            height: 12px; }
      .tvpEventPlayer .playlist .playlist__item .moreInfo {
        background: #f7f7f7;
        color: #666;
        padding: 20px;
        font-size: 1.2em; }
        @media only screen and (max-width: 767px) {
          .tvpEventPlayer .playlist .playlist__item .moreInfo {
            font-size: 1em; } }
        @media only screen and (min-width: 768px) and (max-width: 1024px) {
          .tvpEventPlayer .playlist .playlist__item .moreInfo {
            font-size: 1em; } }
        @media only screen and (min-width: 1025px) and (max-width: 1399px) {
          .tvpEventPlayer .playlist .playlist__item .moreInfo {
            font-size: 1em; } }
    .tvpEventPlayer .playlist .playlist__body {
      margin-right: 20px;
      width: 100%;
      height: 412px;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .tvpEventPlayer .playlist .playlist__body {
          background: #fff;
          margin: 0 10px;
          width: 299px;
          height: 320px; } }
      .tvpEventPlayer .playlist .playlist__body .scrollWrapper {
        top: 0;
        left: 0;
        width: 420px;
        height: 370px; }
        @media only screen and (min-width: 1025px) and (max-width: 1399px) {
          .tvpEventPlayer .playlist .playlist__body .scrollWrapper {
            width: 312px;
            height: 235px; } }
        @media only screen and (min-width: 768px) and (max-width: 1024px) {
          .tvpEventPlayer .playlist .playlist__body .scrollWrapper {
            width: 260px;
            height: 170px; } }
        @media only screen and (max-width: 767px) {
          .tvpEventPlayer .playlist .playlist__body .scrollWrapper {
            width: 291px;
            height: 304px; } }
        .tvpEventPlayer .playlist .playlist__body .scrollWrapper .scroller {
          width: 408px; }
          @media only screen and (min-width: 1025px) and (max-width: 1399px) {
            .tvpEventPlayer .playlist .playlist__body .scrollWrapper .scroller {
              width: 300px; } }
          @media only screen and (min-width: 768px) and (max-width: 1024px) {
            .tvpEventPlayer .playlist .playlist__body .scrollWrapper .scroller {
              width: 248px; } }
          @media only screen and (max-width: 767px) {
            .tvpEventPlayer .playlist .playlist__body .scrollWrapper .scroller {
              width: 289px; } }
        .tvpEventPlayer .playlist .playlist__body .scrollWrapper .iScrollVerticalScrollbar {
          background: #e7e7e7;
          border-radius: 0;
          top: 0;
          bottom: 0;
          width: 10px; }
        .tvpEventPlayer .playlist .playlist__body .scrollWrapper .iScrollIndicator {
          background: #c9003b;
          border-radius: 0; }
  .tvpEventPlayer .playlist .onEventLiveStreamOnline {
    display: block;
    height: inherit; }
    @media only screen and (max-width: 767px) {
      .tvpEventPlayer .playlist .onEventLiveStreamOnline .playlist__body {
        height: 220px !important; } }
    .tvpEventPlayer .playlist .onEventLiveStreamOnline .scrollWrapper {
      height: 468px !important;
      top: 20px !important; }
      @media only screen and (min-width: 1025px) and (max-width: 1399px) {
        .tvpEventPlayer .playlist .onEventLiveStreamOnline .scrollWrapper {
          height: 320px !important;
          top: 10px !important; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .tvpEventPlayer .playlist .onEventLiveStreamOnline .scrollWrapper {
          height: 260px !important;
          top: 10px !important; } }
      @media only screen and (max-width: 767px) {
        .tvpEventPlayer .playlist .onEventLiveStreamOnline .scrollWrapper {
          height: 180px !important;
          top: 20px !important; } }
  .tvpEventPlayer .streamLiveDescription {
    border-bottom: 0 !important; }
    .tvpEventPlayer .streamLiveDescription h2 {
      margin: 20px 0 !important; }
      @media only screen and (min-width: 1025px) and (max-width: 1399px) {
        .tvpEventPlayer .streamLiveDescription h2 {
          margin-top: 5px !important; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .tvpEventPlayer .streamLiveDescription h2 {
          margin-top: 5px !important; } }
      @media only screen and (max-width: 767px) {
        .tvpEventPlayer .streamLiveDescription h2 {
          margin: 0 0 10px 0 !important;
          font-size: 1.6em !important; } }
    .tvpEventPlayer .streamLiveDescription .moreInfo {
      font-family: "ClanNarrow-Book";
      color: #666;
      font-size: 1.2em; }
      .tvpEventPlayer .streamLiveDescription .moreInfo p {
        line-height: 20px; }
        @media only screen and (min-width: 1025px) and (max-width: 1399px) {
          .tvpEventPlayer .streamLiveDescription .moreInfo p {
            line-height: 18px; } }
        @media only screen and (min-width: 768px) and (max-width: 1024px) {
          .tvpEventPlayer .streamLiveDescription .moreInfo p {
            line-height: 16px; } }
        @media only screen and (max-width: 767px) {
          .tvpEventPlayer .streamLiveDescription .moreInfo p {
            line-height: 18px; } }

.popupDEusers .popinTemplate2 {
  min-height: 300px !important; }
  @media only screen and (max-width: 767px) {
    .popupDEusers .popinTemplate2 {
      width: 300px; } }
  .popupDEusers .popinTemplate2 .close {
    font-size: 2em !important; }

.popupDEusers .popinTemplate2 .popinDescription {
  height: 300px !important;
  width: 500px !important; }
  @media only screen and (max-width: 767px) {
    .popupDEusers .popinTemplate2 .popinDescription {
      width: 260px !important;
      height: 340px !important; } }
  .popupDEusers .popinTemplate2 .popinDescription a {
    color: #c8003c; }
  .popupDEusers .popinTemplate2 .popinDescription .scrollWrapper {
    height: 200px; }
    @media only screen and (max-width: 767px) {
      .popupDEusers .popinTemplate2 .popinDescription .scrollWrapper {
        padding: 20px;
        height: auto;
        bottom: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .popupDEusers .popinTemplate2 .popinDescription .scrollWrapper {
        top: 60px;
        left: 60px;
        right: 60px; } }
    .popupDEusers .popinTemplate2 .popinDescription .scrollWrapper .scroller {
      width: 100%; }
      @media only screen and (max-width: 767px) {
        .popupDEusers .popinTemplate2 .popinDescription .scrollWrapper .scroller {
          height: 315px;
          width: 90%; } }

.popupDEusers .iScrollVerticalScrollbar {
  display: none !important; }

.popupDEusers .popupTextMessage {
  font-size: 2.2em;
  font-family: "ClanNarrow-Medium";
  text-align: center; }
  .popupDEusers .popupTextMessage.en {
    margin-bottom: 35px; }
  .popupDEusers .popupTextMessage a {
    text-decoration: underline; }
  @media only screen and (max-width: 767px) {
    .popupDEusers .popupTextMessage {
      font-size: 2.3em; } }

@media only screen and (max-width: 767px) {
  .tvp-decor.header-decor h2:after {
    right: 0;
    display: block !important; } }

@media only screen and (max-width: 767px) {
  .tvp-decor.header-decor h2:before {
    left: 0;
    display: block !important; } }

.eventProgram {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  padding: 20px 0;
  margin: 20px 0; }
  @media only screen and (max-width: 767px) {
    .eventProgram {
      padding: 20px 15px; } }
  .eventProgram h2 {
    font-family: "ClanNarrow-Medium";
    font-size: 2.3em;
    color: #cd0335;
    cursor: pointer; }
    .eventProgram h2.deactivate {
      background: url(../i/sprite/strict/arr-down.png) no-repeat 99% center; }
    .eventProgram h2.active {
      background: url(../i/sprite/strict/arr-up.png) no-repeat 99% center; }
  .eventProgram .program {
    margin-top: 20px; }
    .eventProgram .program li {
      font-size: 1.5em;
      margin-bottom: 5px;
      font-family: "ClanNarrow-News"; }
      @media only screen and (max-width: 767px) {
        .eventProgram .program li {
          display: table;
          font-family: "ClanNarrow-Medium";
          padding-right: 10px; } }
      .eventProgram .program li strong {
        padding-right: 20px;
        font-family: "ClanNarrow-Medium"; }
        @media only screen and (max-width: 767px) {
          .eventProgram .program li strong {
            color: #cd0335;
            padding-right: 10px;
            display: table-cell; } }

/*  =EXTENSILE POPIN
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.linkToExtensilePopin {
  background: #191919;
  display: block;
  width: 4.8em;
  height: 4.8em;
  position: fixed;
  left: 0;
  top: 50%;
  margin-top: -2.4em;
  border-radius: 0 15% 15% 0;
  -webkit-box-shadow: 0.4em 0.4em 2em #191919;
          box-shadow: 0.4em 0.4em 2em #191919;
  z-index: 9002; }
  .linkToExtensilePopin:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -7px;
    width: 0;
    height: 0;
    display: block;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 14px solid #fff;
    content: '';
    font-size: 12.5%; }
  .linkToExtensilePopin.active:after {
    border: 0 none;
    content: "X";
    color: #fff;
    font-size: 2em;
    top: 21px;
    left: 25px; }

.extensilePopin {
  position: fixed;
  min-height: 534px;
  height: 60%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  overflow: hidden;
  z-index: 9001;
  display: table;
  visibility: hidden;
  background: white; }
  @media only screen and (max-width: 767px) {
    .extensilePopin {
      top: 0;
      width: 90% !important;
      height: 80%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .extensilePopin {
      top: 0;
      width: 90% !important;
      height: 80%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); } }
  .extensilePopin.open {
    visibility: visible;
    width: 100%;
    left: 0;
    -webkit-transition: left .6s ease-out;
    transition: left .6s ease-out;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }
    @media only screen and (max-width: 767px) {
      .extensilePopin.open {
        left: 50%;
        top: 50%;
        -webkit-transition: top .6s ease-out;
        transition: top .6s ease-out; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .extensilePopin.open {
        left: 50%;
        top: 50%;
        -webkit-transition: top .6s ease-out;
        transition: top .6s ease-out; } }
    .extensilePopin.open .extensileImage {
      max-width: 100%; }
  .extensilePopin.closed {
    visibility: visible;
    width: 100%;
    left: -100%;
    -webkit-transition: left .6s ease-out;
    transition: left .6s ease-out; }
    @media only screen and (max-width: 767px) {
      .extensilePopin.closed {
        height: 0;
        left: 50%;
        top: -50%;
        -webkit-transition: top .6s ease-out;
        transition: top .6s ease-out; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .extensilePopin.closed {
        height: 0;
        left: 50%;
        top: -50%;
        -webkit-transition: top .6s ease-out;
        transition: top .6s ease-out; } }
    .extensilePopin.closed .extensileImage {
      max-width: 0; }
  .extensilePopin .close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url(../i/sprite/sprite.png);
    background-position: -471px -329px;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat; }

.extensileContent {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  top: 0;
  left: 0;
  right: 0; }
  @media only screen and (max-width: 767px) {
    .extensileContent {
      vertical-align: top; } }
  .extensileContent .extensileContentWrap {
    max-width: 980px;
    margin: auto; }
    .extensileContent .extensileContentWrap > * {
      -webkit-transition: width 0s;
      transition: width 0s; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .extensileContent .extensileContentWrap {
        max-width: 768px; } }
    @media only screen and (max-width: 767px) {
      .extensileContent .extensileContentWrap {
        max-width: 320px; } }
    .extensileContent .extensileContentWrap .extensileImage {
      position: absolute;
      max-width: 100%;
      height: 100%;
      max-height: 100%;
      left: 0;
      top: 0;
      bottom: 0; }
      @media only screen and (max-width: 767px) {
        .extensileContent .extensileContentWrap .extensileImage {
          max-width: 100%;
          width: 100%;
          height: auto; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .extensileContent .extensileContentWrap .extensileImage {
          max-width: 100%;
          width: 100%;
          height: auto; } }
    .extensileContent .extensileContentWrap .extensilePopinInnerWrap {
      position: absolute;
      top: 0;
      right: 0;
      width: 33.333%;
      background: #fff;
      height: 100%;
      display: block;
      padding: 2% 0; }
      @media only screen and (max-width: 767px) {
        .extensileContent .extensileContentWrap .extensilePopinInnerWrap {
          top: inherit;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 45%; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .extensileContent .extensileContentWrap .extensilePopinInnerWrap {
          top: inherit;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 45%; } }
      .extensileContent .extensileContentWrap .extensilePopinInnerWrap > div {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
        @media only screen and (min-width: 768px) and (max-width: 1024px) {
          .extensileContent .extensileContentWrap .extensilePopinInnerWrap > div {
            height: 90%; } }
        @media only screen and (max-width: 767px) {
          .extensileContent .extensileContentWrap .extensilePopinInnerWrap > div {
            height: 90%; } }
        .extensileContent .extensileContentWrap .extensilePopinInnerWrap > div .extensileFacebook {
          display: inline-block;
          position: relative;
          left: 50%;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
          margin: 0 0 9% 0;
          padding: 0 40px; }
          @media only screen and (max-width: 767px) {
            .extensileContent .extensileContentWrap .extensilePopinInnerWrap > div .extensileFacebook {
              margin: 5% 0; }
              .extensileContent .extensileContentWrap .extensilePopinInnerWrap > div .extensileFacebook img {
                height: 20px; } }
          @media only screen and (min-width: 768px) and (max-width: 1024px) {
            .extensileContent .extensileContentWrap .extensilePopinInnerWrap > div .extensileFacebook {
              margin: 3% 0; }
              .extensileContent .extensileContentWrap .extensilePopinInnerWrap > div .extensileFacebook img {
                height: 30px; } }
          .extensileContent .extensileContentWrap .extensilePopinInnerWrap > div .extensileFacebook:before {
            content: "";
            width: 26px;
            height: 2px;
            background: #2e2e2e;
            position: absolute;
            top: 50%;
            left: 0;
            margin-top: -0.5px; }
            @media only screen and (max-width: 767px) {
              .extensileContent .extensileContentWrap .extensilePopinInnerWrap > div .extensileFacebook:before {
                width: 20px;
                height: 1px; } }
          .extensileContent .extensileContentWrap .extensilePopinInnerWrap > div .extensileFacebook:after {
            content: "";
            width: 26px;
            height: 2px;
            background: #2e2e2e;
            position: absolute;
            top: 50%;
            right: 0;
            margin-top: -0.5px; }
            @media only screen and (max-width: 767px) {
              .extensileContent .extensileContentWrap .extensilePopinInnerWrap > div .extensileFacebook:after {
                width: 20px;
                height: 1px; } }
        .extensileContent .extensileContentWrap .extensilePopinInnerWrap > div .TVPLogo {
          display: block;
          margin: 0 auto;
          max-width: 75%; }
          @media only screen and (max-width: 767px) {
            .extensileContent .extensileContentWrap .extensilePopinInnerWrap > div .TVPLogo {
              margin: 0 auto;
              max-width: 45%; } }
          @media only screen and (min-width: 768px) and (max-width: 1024px) {
            .extensileContent .extensileContentWrap .extensilePopinInnerWrap > div .TVPLogo {
              margin: 0 auto;
              max-width: 40%; } }
  .extensileContent img {
    display: block; }
  .extensileContent .button {
    margin: 0 auto;
    display: table;
    border-radius: 0 8px 0 8px;
    min-width: 33.333%;
    max-height: 46px;
    font-size: 1.7em;
    line-height: 46px; }
    @media only screen and (max-width: 767px) {
      .extensileContent .button {
        position: relative;
        min-width: 80px;
        font-size: 1.2em;
        line-height: 34px; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .extensileContent .button {
        position: relative;
        min-width: 80px;
        font-size: 2.3em;
        line-height: 34px;
        padding: 1% 2%; } }
  @media only screen and (max-width: 767px) {
    .extensileContent {
      width: 100%; } }

.extensileDescription {
  background: #fff;
  text-align: center;
  margin: 9% 5%;
  text-transform: uppercase; }
  @media only screen and (max-width: 767px) {
    .extensileDescription {
      margin: 5% 5% 0;
      width: 90%; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .extensileDescription {
      margin: 4% 4% 0;
      width: 90%; } }
  .extensileDescription p {
    font-family: "ClanNarrow-Book", Arial, sans-serif;
    margin: 1em 0;
    display: inline; }
    @media only screen and (min-width: 1400px) {
      .extensileDescription p {
        font-size: 3.1em; } }
    @media only screen and (min-width: 1025px) and (max-width: 1399px) {
      .extensileDescription p {
        font-size: 2.6em; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .extensileDescription p {
        font-size: 2.4em; } }
    @media only screen and (max-width: 767px) {
      .extensileDescription p {
        font-size: 1.6em; } }
    .extensileDescription p + p {
      font-family: "ClanNarrow-Thin", Arial, sans-serif; }
  .extensileDescription .buttons .button {
    min-width: 0;
    margin-bottom: 0; }

.centeredWrapper {
  width: 100%;
  height: initial; }

.countDownMessage {
  width: 100%;
  padding: 0 10%;
  text-align: center;
  color: #999999;
  font-family: "ClanNarrow-News";
  margin-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .countDownMessage {
      padding: 0 5%; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .countDownMessage {
      padding: 0 5%; } }
  @media only screen and (min-width: 1025px) and (max-width: 1399px) {
    .countDownMessage {
      padding: 0 5%; } }
  .countDownMessage p {
    font-size: 1.6em;
    line-height: 25px;
    margin-bottom: 2%; }
    @media only screen and (max-width: 767px) {
      .countDownMessage p {
        font-size: 1.2em;
        line-height: 18px; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .countDownMessage p {
        font-size: 1.3em;
        line-height: 20px; } }
    @media only screen and (min-width: 1025px) and (max-width: 1399px) {
      .countDownMessage p {
        font-size: 1.4em; } }

.eventMessage {
  float: right;
  margin-bottom: 40px; }
  @media only screen and (max-width: 767px) {
    .eventMessage {
      float: none;
      text-align: center;
      margin-bottom: 20px; } }
  .eventMessage h1 {
    font-size: 2.5em;
    color: #cd0335;
    display: inline-block;
    vertical-align: middle;
    padding-right: 30px;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .eventMessage h1 {
        text-align: center;
        padding-left: 30px;
        font-size: 2em; } }
    .eventMessage h1:before {
      content: '';
      width: 20px;
      height: 20px;
      border-radius: 10px;
      position: absolute;
      left: -33px;
      top: 6px;
      background: #cd0335; }
      @media only screen and (max-width: 767px) {
        .eventMessage h1:before {
          left: 25px;
          top: 0; } }
  .eventMessage .smallcountdown {
    display: inline-block; }
  .eventMessage .button {
    display: inline-block; }
    @media only screen and (max-width: 767px) {
      .eventMessage .button {
        margin-top: 10px; } }

.button .mailIcon {
  display: inline-block;
  margin-left: 10px;
  background-image: url(../i/sprite/sprite.png);
  background-position: -77px -197px;
  width: 20px;
  height: 13px; }

.BioPanel__text {
  font-family: "ClanNarrow-News";
  font-size: 16px;
  line-height: 26px;
  margin: 40px 0;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .BioPanel__text {
      font-size: 12px;
      line-height: 20px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .BioPanel__text {
      font-size: 12px;
      line-height: 20px; } }

/*  =SUBSCRIBE PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
#eventMessageBlock .selectComboWrap {
  width: auto; }

.FamilyArtistsPage .topMainVisual .centered {
  color: #fff; }

.FamilyArtistsPage .topMainVisual .centered .button {
  display: none; }

.tvpSubscribePopup {
  width: 809px;
  min-height: 100px;
  padding: 10px 100px;
  margin: 0 auto;
  z-index: 1000;
  position: relative;
  background: #fff; }
  @media only screen and (max-width: 767px) {
    .tvpSubscribePopup {
      width: 320px;
      padding: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .tvpSubscribePopup {
      width: 728px; } }
  .tvpSubscribePopup .popupTemplate {
    width: 100% !important; }
    .tvpSubscribePopup .popupTemplate a {
      text-decoration: underline; }
  .tvpSubscribePopup .popupInfoMessage .popupTemplate h3 {
    font-size: 1.2em;
    color: #909090;
    margin: 10px 0;
    font-family: "ClanNarrow-Medium"; }
  .tvpSubscribePopup .popupInfoMessage .popupTemplate p.text {
    font-size: 0.8em; }
  .tvpSubscribePopup .popupInfoMessage .popupTemplate a.button {
    margin-top: 15px;
    text-decoration: none;
    font-size: 0.8em; }
  .tvpSubscribePopup .popupInfoMessage,
  .tvpSubscribePopup .popupInfoMessage2 {
    width: 430px;
    background: #fff;
    margin: 0 auto;
    position: relative;
    padding: 50px; }
    @media only screen and (max-width: 767px) {
      .tvpSubscribePopup .popupInfoMessage,
      .tvpSubscribePopup .popupInfoMessage2 {
        width: 320px; } }
    .tvpSubscribePopup .popupInfoMessage h2,
    .tvpSubscribePopup .popupInfoMessage2 h2 {
      font-family: "ClanNarrow-Medium" !important; }
  .tvpSubscribePopup .longCountrySelect.left .selectBox {
    width: 292px !important;
    margin: 0 !important;
    font-family: "ClanNarrow-Medium"; }
  .tvpSubscribePopup .emailBlock .validation-error-message {
    padding: 5px 22% 0 0 !important; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .tvpSubscribePopup .emailBlock .validation-error-message {
        padding-right: 23% !important; } }
  .tvpSubscribePopup .bottomInfo {
    text-align: left;
    margin: 20px 0;
    font-size: 0.7em;
    line-height: 12px; }
    .tvpSubscribePopup .bottomInfo a {
      text-decoration: underline; }
  .tvpSubscribePopup .subscribeNow {
    text-transform: uppercase;
    text-align: center;
    color: #646464;
    background: #f5f5f5;
    padding: 20px 0;
    margin-bottom: 10px; }
    @media only screen and (max-width: 767px) {
      .tvpSubscribePopup .subscribeNow {
        padding: 20px; } }
    .tvpSubscribePopup .subscribeNow h2 {
      font-size: 1em !important;
      font-family: "ClanNarrow-Medium" !important;
      line-height: 1.3em !important;
      margin-bottom: 20px !important; }
      @media only screen and (max-width: 767px) {
        .tvpSubscribePopup .subscribeNow h2 br {
          display: none; } }
    .tvpSubscribePopup .subscribeNow .button {
      font-size: 1em !important; }
  .tvpSubscribePopup .popupMainTitle {
    font-family: "ClanNarrow-Medium" !important;
    color: #cc0033;
    font-size: 2em !important;
    margin-bottom: 20px !important; }
  .tvpSubscribePopup .popupTitle {
    width: 350px;
    margin: 10px auto !important;
    text-transform: uppercase;
    color: #646464;
    font-family: "ClanNarrow-Medium";
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .tvpSubscribePopup .popupTitle {
        width: 100%; } }
  .tvpSubscribePopup .checkboxMessage {
    text-align: left;
    font-size: 0.7em; }
  .tvpSubscribePopup .iAgreeBlock {
    text-align: left;
    font-size: 0.7em;
    line-height: 1.9 !important; }
    .tvpSubscribePopup .iAgreeBlock a {
      text-decoration: underline; }
    .tvpSubscribePopup .iAgreeBlock .css-label {
      line-height: normal !important; }
    .tvpSubscribePopup .iAgreeBlock .validation-error-message {
      font-size: 1.2em !important; }
  .tvpSubscribePopup .selectBox .styled-select-wrapper {
    border: 1px solid #e5e5e5; }
  .tvpSubscribePopup .contactForm {
    background: #f5f5f5;
    padding: 20px 80px;
    margin-bottom: 10px !important; }
    @media only screen and (max-width: 767px) {
      .tvpSubscribePopup .contactForm {
        padding: 20px; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .tvpSubscribePopup .contactForm {
        padding: 20px 50px; } }
    .tvpSubscribePopup .contactForm .validation-error-message {
      font-size: 0.8em;
      line-height: 20px;
      text-align: left; }
  .tvpSubscribePopup .colLeft {
    display: none; }
  .tvpSubscribePopup .colRight {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .tvpSubscribePopup .close {
    position: absolute;
    background: none;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    cursor: pointer;
    display: block;
    overflow: visible;
    padding: 0;
    z-index: 1046;
    top: 10px;
    right: 10px;
    font-size: 3.3em;
    line-height: 23px;
    font-family: "ClanNarrow-News";
    color: #000; }
  .tvpSubscribePopup .subscribe {
    font-size: 1.6em;
    margin-top: 30px;
    font-family: "ClanNarrow-Book"; }
    .tvpSubscribePopup .subscribe i {
      font-size: 0.8em;
      display: block;
      margin-top: 8px;
      display: none; }
    .tvpSubscribePopup .subscribe h2 {
      font-family: "ClanNarrow-Book";
      font-size: 2.3em;
      margin-bottom: 10px;
      line-height: 1em;
      text-transform: uppercase;
      text-align: center; }
    .tvpSubscribePopup .subscribe input[type="text"], .tvpSubscribePopup .subscribe input[type="email"] {
      float: right;
      width: 292px;
      height: 30px; }
      @media only screen and (max-width: 767px) {
        .tvpSubscribePopup .subscribe input[type="text"], .tvpSubscribePopup .subscribe input[type="email"] {
          width: 280px; } }
    .tvpSubscribePopup .subscribe input[type="submit"] {
      height: 35px !important;
      line-height: 35px !important;
      display: block !important;
      margin: 20px auto; }
    .tvpSubscribePopup .subscribe .styled-select-wrapper {
      float: right;
      height: 30px; }
      .tvpSubscribePopup .subscribe .styled-select-wrapper .styled-select-text {
        font-size: 0.8em;
        text-transform: uppercase; }
    .tvpSubscribePopup .subscribe .contactForm .clearfix .selectComboWrap {
      width: 632px;
      padding: 0;
      height: 38px; }
    .tvpSubscribePopup .subscribe .contactForm .selectComboWrap {
      display: inline-block;
      float: right; }
    .tvpSubscribePopup .subscribe .contactForm .selectBox {
      float: right;
      width: 140px; }
      @media only screen and (max-width: 767px) {
        .tvpSubscribePopup .subscribe .contactForm .selectBox {
          width: 134px; } }
      .tvpSubscribePopup .subscribe .contactForm .selectBox + .selectBox {
        margin-right: 12px; }
    .tvpSubscribePopup .subscribe .contactForm .left .selectBox {
      margin: 0 152px 0 0; }
      @media only screen and (max-width: 767px) {
        .tvpSubscribePopup .subscribe .contactForm .left .selectBox {
          width: 280px !important; } }
    @media only screen and (max-width: 767px) {
      .tvpSubscribePopup .subscribe .contactForm .iAm .selectComboWrap {
        float: none !important; } }
    @media only screen and (max-width: 767px) {
      .tvpSubscribePopup .subscribe .contactForm .iAm .selectBox {
        width: 134px !important; } }
    .tvpSubscribePopup .subscribe .clearfix.m-b {
      margin-bottom: 20px; }
    .tvpSubscribePopup .subscribe .clearfix.m-b-xl {
      margin-bottom: 30px; }
    .tvpSubscribePopup .subscribe .textWrap {
      display: inline-block;
      float: left;
      margin-top: 4px;
      margin-bottom: 0;
      font-weight: normal;
      color: #646464;
      text-transform: uppercase; }
    .tvpSubscribePopup .subscribe .extTextWrap {
      margin-right: 10px;
      position: relative;
      top: -4px; }
    .tvpSubscribePopup .subscribe .clearfix {
      margin: 10px 0; }
    .tvpSubscribePopup .subscribe .clear-rwd {
      display: inline-block;
      margin: 0 25px 0 0; }
    .tvpSubscribePopup .subscribe .contactForm .validation-error-message {
      height: auto;
      clear: both; }
    .tvpSubscribePopup .subscribe input + .validation-error-message {
      float: right;
      padding: 5px 28% 0 0; }
      @media only screen and (max-width: 767px) {
        .tvpSubscribePopup .subscribe input + .validation-error-message {
          float: none !important; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .tvpSubscribePopup .subscribe input + .validation-error-message {
          padding-right: 30%; } }
    .tvpSubscribePopup .subscribe .popupTemplate {
      width: 400px;
      min-height: 180px;
      height: auto; }
      .tvpSubscribePopup .subscribe .popupTemplate .close {
        font-family: "ClanNarrow-Thin"; }
      .tvpSubscribePopup .subscribe .popupTemplate .content h2 {
        color: #ca255d; }
      .tvpSubscribePopup .subscribe .popupTemplate .content p.text {
        font-family: "ClanNarrow-Book";
        margin: 0 !important; }

.main.Awards-Finalists .voteBlock img.mobileLogo,
.main.tvpEvent .voteBlock img.mobileLogo {
  display: none; }

@media only screen and (max-width: 767px) {
  .main.Awards-Finalists .footerpanels .header-decor h2:before,
  .main.tvpEvent .footerpanels .header-decor h2:before {
    display: block;
    left: 30px; }
  .main.Awards-Finalists .footerpanels .header-decor h2:after,
  .main.tvpEvent .footerpanels .header-decor h2:after {
    display: block;
    right: 30px; }
  .main.Awards-Finalists .voteBlock img,
  .main.tvpEvent .voteBlock img {
    margin-top: 5px; }
    .main.Awards-Finalists .voteBlock img.mobileLogo,
    .main.tvpEvent .voteBlock img.mobileLogo {
      display: block; }
    .main.Awards-Finalists .voteBlock img.desktopLogo,
    .main.tvpEvent .voteBlock img.desktopLogo {
      display: none; }
  .main.Awards-Finalists .voteBlock .selectBox,
  .main.tvpEvent .voteBlock .selectBox {
    width: 130px; } }

.main.tvpEvent .footerpanels .searchPane {
  display: none !important; }

.main.tvpEvent .footerpanels .block.block-salonFinder .whole-link {
  display: block !important; }

.videoContainer {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-top: 20px; }
  .videoContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.distributorsPopup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 1000px;
  margin: 20px auto;
  height: auto;
  min-height: 400px; }
  .distributorsPopup .buttons {
    margin: 10px 10px 0; }
  .mfp-ready .distributorsPopup {
    display: block; }

.distributorsPopup__header {
  text-align: center;
  margin-bottom: 1em; }

.distributorsTable,
.distributorsTable th,
.distributorsTable td {
  border: 1px solid #000; }

.distributorsTable th,
.distributorsTable td {
  padding: 1em 0.3em;
  font-size: 1.2em;
  text-align: center; }

.distributorsTable th {
  background-color: #98005c;
  color: #fff;
  font-weight: bold; }

.salonCollection .tile .mask-content h2 {
  font-size: 3em; }
  @media only screen and (max-width: 767px) {
    .salonCollection .tile .mask-content h2 {
      font-size: 3em; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .salonCollection .tile .mask-content h2 {
      font-size: 2em; } }
  @media only screen and (min-width: 1025px) and (max-width: 1399px) {
    .salonCollection .tile .mask-content h2 {
      font-size: 2.5em; } }

.searchPanelView {
  position: relative;
  height: 28px;
  min-width: 85px;
  /*  HACK */
  line-height: 28px;
  overflow: hidden;
  -webkit-transition: width 1s;
  transition: width 1s;
  z-index: 0; }
  .searchPanelView .search {
    float: right;
    cursor: pointer;
    height: inherit;
    height: inherit;
    z-index: 0;
    padding: 0 10px 0 30px !important;
    background-position: 10% center !important;
    -webkit-transition: background 1s;
    transition: background 1s; }
  .searchPanelView .searchViewInput {
    position: absolute;
    right: 0;
    height: 28px !important;
    width: 100%;
    z-index: -1;
    padding: 0 75px 0 0 !important;
    color: #ca255d !important;
    font-size: 14px !important;
    border: 0 !important;
    background: transparent !important;
    border-bottom: 1px solid #ca255d !important; }
  .searchPanelView .closeSearchPanel {
    position: absolute;
    right: 90px;
    top: 0px;
    height: 10px;
    width: 10px;
    line-height: 10px;
    text-align: center;
    padding: 0;
    font-weight: bold;
    cursor: pointer;
    font-size: 10px;
    font-family: "ClanNarrow-News";
    color: #c0c0c0;
    -webkit-transition: all 3s;
    transition: all 3s; }
  .searchPanelView ::-webkit-input-placeholder {
    color: #c0c0c0; }
  .searchPanelView :-moz-placeholder {
    /* Firefox 18- */
    color: #c0c0c0; }
  .searchPanelView ::-moz-placeholder {
    /* Firefox 19+ */
    color: #c0c0c0; }
  .searchPanelView :-ms-input-placeholder {
    /* IE 10+ */
    color: #c0c0c0; }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  header .logo a {
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s; }
  header .logo .hideLogo {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 0; } }

header .right.smallIcons ul li {
  vertical-align: middle; }

#olapic_home_widget {
  margin-bottom: 50px; }
  @media only screen and (max-width: 767px) {
    #olapic_home_widget {
      margin-top: -20px; } }

#olapic_product_widget {
  margin-bottom: 30px; }

#simplePopupOverlay,
.simplePopupOverlay {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1040;
  background: rgba(25, 25, 25, 0.901961); }

.simplePopup {
  width: 420px;
  height: 380px;
  background: #f7f7f7;
  color: #000;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 999998;
  opacity: 1;
  border: 5px solid #000; }
  @media only screen and (max-width: 767px) {
    .simplePopup {
      width: 320px;
      height: 510px; } }
  .simplePopup .fileList__title {
    font-family: "ClanNarrow-Bold";
    font-size: 20px;
    margin-bottom: 15px; }
  .simplePopup .link {
    color: #c8003c; }
  .simplePopup .text {
    color: #656565; }
  .simplePopup .simplePopupBody {
    position: relative;
    padding: 30px; }
  .simplePopup .closePopup {
    font-size: 35px;
    font-family: "ClanNarrow-News";
    color: #000;
    position: absolute;
    background: none;
    border: 0 none;
    cursor: pointer;
    display: block;
    overflow: visible;
    padding: 0;
    z-index: 1046;
    top: -5px;
    right: 5px; }

#simplePopupOverlay,
.simplePopupOverlay {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1040;
  background: rgba(25, 25, 25, 0.901961); }

.fileList__title {
  font-size: 20px; }

.filesListBlock .filesList__button {
  margin-top: 30px !important;
  padding: 0 30px !important; }

.filesListBlock ul.filesList {
  text-align: left; }

.filesListBlock li.filesList__item {
  display: block;
  line-height: 18px;
  margin-bottom: 7px;
  text-align: left;
  overflow: hidden; }
  .filesListBlock li.filesList__item .filesList__item--text {
    float: left;
    cursor: pointer;
    border-bottom: 1px solid #c8003c;
    padding-bottom: 1px;
    display: inline-block;
    text-transform: none !important; }
    @media only screen and (max-width: 767px) {
      .filesListBlock li.filesList__item .filesList__item--text {
        float: none;
        border: 0;
        display: block; } }
  .filesListBlock li.filesList__item .filesList__item--checkbox {
    float: left;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 1px;
    width: 15px;
    height: 15px;
    display: inline-block;
    border: 1px solid #c8003c;
    background-color: #fff; }
    .filesListBlock li.filesList__item .filesList__item--checkbox.active {
      background-color: #c8003c; }

/* ----- Blog ----- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .blogGallery .colRight, .blogPage .colRight {
    right: 25px; } }

.blogGallery .colRight .visualText.centeredWrapper, .blogPage .colRight .visualText.centeredWrapper {
  display: block; }

.blogGallery .colRight .visualText .centered, .blogPage .colRight .visualText .centered {
  float: right; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .blogGallery .colRight .visualText .centered, .blogPage .colRight .visualText .centered {
      width: inherit; } }
  @media only screen and (max-width: 767px) {
    .blogGallery .colRight .visualText .centered, .blogPage .colRight .visualText .centered {
      width: 150%; } }
  @media only screen and (max-width: 767px) {
    .blogGallery .colRight .visualText .centered .slideTitle, .blogPage .colRight .visualText .centered .slideTitle {
      font-size: 2.4em; } }
  .blogGallery .colRight .visualText .centered .subtitle, .blogPage .colRight .visualText .centered .subtitle {
    display: inline-block;
    text-align: center;
    font-family: "ClanNarrow-News";
    font-size: 1.8em;
    line-height: 30px;
    margin-top: 10px;
    text-transform: none; }
    @media only screen and (min-width: 1025px) and (max-width: 1399px) {
      .blogGallery .colRight .visualText .centered .subtitle, .blogPage .colRight .visualText .centered .subtitle {
        margin-top: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .blogGallery .colRight .visualText .centered .subtitle, .blogPage .colRight .visualText .centered .subtitle {
        margin-top: 20px;
        font-size: 1.7em; } }
    @media only screen and (max-width: 767px) {
      .blogGallery .colRight .visualText .centered .subtitle, .blogPage .colRight .visualText .centered .subtitle {
        font-size: 1em;
        margin-top: .5em;
        line-height: 20px; } }

.blogPage {
  background: none;
  position: relative;
  top: 0;
  right: 0; }
  @media only screen and (max-width: 767px) {
    .blogPage .colRight {
      position: absolute !important; } }
  .blogPage .colRight .visualText {
    background: none;
    position: absolute;
    top: 0;
    right: 100px; }
    @media only screen and (max-width: 767px) {
      .blogPage .colRight .visualText {
        right: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .blogPage .colRight .visualText {
        right: 0; } }
    .blogPage .colRight .visualText .centered .slideTitle {
      font-family: "ClanNarrow-News";
      font-size: 4.8em;
      line-height: 45px;
      text-transform: uppercase;
      color: #000;
      text-align: right; }
      @media only screen and (max-width: 767px) {
        .blogPage .colRight .visualText .centered .slideTitle {
          font-size: 24px; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .blogPage .colRight .visualText .centered .slideTitle {
          font-size: 24px; } }
      .blogPage .colRight .visualText .centered .slideTitle .centeredWrapper {
        position: absolute;
        right: 100px; }

.innerBlog {
  position: relative;
  font-family: "ClanNarrow-Book";
  margin: 2em auto 0; }
  .innerBlog .tinyMC__block h1 {
    font-family: "ClanNarrow-News"; }
  .innerBlog .tinyMC__block h4 {
    font-family: "ClanNarrow-News";
    font-size: 17px;
    margin: .8em 0 .7em 0;
    font-weight: bold; }

.blogHeader {
  margin: 0 auto 2em auto;
  font-size: 1.6em;
  font-family: "ClanNarrow-Book";
  clear: both;
  position: relative;
  width: 908px; }
  @media only screen and (max-width: 767px) {
    .blogHeader {
      width: 300px;
      text-align: center;
      font-size: 12px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .blogHeader {
      width: 655px;
      font-size: 15px; } }
  .blogHeader img {
    float: left;
    display: block;
    margin-right: 10px; }
    @media only screen and (max-width: 767px) {
      .blogHeader img {
        display: inline;
        float: none;
        width: 15%; } }
  .blogHeader .content {
    display: block;
    padding: 10px 0 0 10px;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .blogHeader .content {
        text-align: left;
        padding-left: 0; } }

.blogBack {
  position: absolute;
  left: 0;
  z-index: 100; }
  .blogBack.blogBackTop {
    top: 0; }
    @media only screen and (min-width: 1025px) and (max-width: 1399px) {
      .blogBack.blogBackTop {
        left: -40px; } }
    @media only screen and (max-width: 767px) {
      .blogBack.blogBackTop {
        top: -122px; } }
  .blogBack.blogBackBottom {
    bottom: 0;
    left: 0;
    top: inherit; }
    @media only screen and (min-width: 1025px) and (max-width: 1399px) {
      .blogBack.blogBackBottom {
        left: -40px; } }
    @media only screen and (max-width: 767px) {
      .blogBack.blogBackBottom {
        bottom: 2px; } }

.socialBox.socialBlog {
  width: 900px;
  text-align: left;
  margin: 35px auto 40px auto; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .socialBox.socialBlog {
      width: 480px; } }
  @media only screen and (max-width: 767px) {
    .socialBox.socialBlog {
      width: 100% !important;
      text-align: center !important; } }
  .socialBox.socialBlog h4 {
    float: left;
    font-size: 2.2em;
    padding-top: 13px;
    font-weight: bold; }
    @media only screen and (max-width: 767px) {
      .socialBox.socialBlog h4 {
        float: none !important;
        display: inline-block;
        height: 34px;
        line-height: 34px;
        vertical-align: bottom;
        font-size: 1.6em !important; } }
  .socialBox.socialBlog .socialLinks {
    padding-top: 13px; }
    .socialBox.socialBlog .socialLinks > div {
      display: inline-block;
      margin: 3px 10px; }
      @media only screen and (max-width: 767px) {
        .socialBox.socialBlog .socialLinks > div {
          margin: 3px 5px; } }

.tinyMC__block {
  font-size: 17px !important;
  width: 908px;
  margin: 0 auto; }
  @media only screen and (max-width: 767px) {
    .tinyMC__block {
      width: 300px;
      text-align: left !important; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .tinyMC__block {
      width: 480px;
      font-size: 13px !important; } }
  .tinyMC__block p {
    line-height: 1.7; }
  .tinyMC__block em {
    font-style: italic !important;
    line-height: 1 !important; }
  .tinyMC__block a {
    text-decoration: underline; }
  .tinyMC__block h1, .tinyMC__block h2, .tinyMC__block h3, .tinyMC__block h4, .tinyMC__block h5, .tinyMC__block h6 {
    font-family: arial;
    text-transform: uppercase; }
  .tinyMC__block .bold {
    font-weight: bold; }
  .tinyMC__block .italic {
    font-style: italic; }
  .tinyMC__block .underline {
    text-decoration: underline; }
  .tinyMC__block strong {
    font-weight: bold;
    font-family: "ClanNarrow-News"; }
  .tinyMC__block h1 {
    font-size: 28px;
    font-weight: bold; }
    @media only screen and (max-width: 767px) {
      .tinyMC__block h1 {
        font-size: 20px; } }
  .tinyMC__block h2 {
    font-size: 26px;
    font-weight: bold; }
  .tinyMC__block h3 {
    font-size: 20px;
    font-weight: 600; }
  .tinyMC__block ul {
    list-style-type: disc;
    margin-left: 40px;
    margin-top: 10px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 767px) {
      .tinyMC__block ul {
        margin-left: 15px; } }
  .tinyMC__block img {
    margin-right: 10px;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .tinyMC__block img {
        margin-right: 0 !important;
        width: 100% !important; } }
  .tinyMC__block .videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0; }
  .tinyMC__block .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.nextBtn {
  display: block;
  cursor: pointer;
  background-image: url(../i/sprite/sprite.png);
  background-position: -413px -358px;
  width: 28px;
  height: 41px; }

.prevBtn {
  display: block;
  cursor: pointer;
  background-image: url(../i/sprite/sprite.png);
  background-position: 0px -443px;
  width: 28px;
  height: 40px; }

/*  =FAMILY HISTORY, OUR HERITAGE PAGE
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.historySlider {
  position: absolute;
  text-align: center;
  margin: 0;
  padding: 2% 0;
  width: 100%; }
  .historySlider li {
    display: inline-block;
    font-family: "ClanNarrow-Medium";
    width: 75px;
    cursor: pointer; }
  .historySlider .active {
    width: 110px; }
  .historySlider .dragTrack {
    width: 100%;
    height: 10px;
    background: #cccccc;
    position: relative;
    cursor: pointer; }
  .historySlider .dragItem {
    background: #191919;
    width: 110px;
    height: 100%;
    position: absolute;
    top: 0;
    cursor: pointer; }

.historySliderWrapper {
  position: relative;
  height: 105px; }

.js-history-fixed .historySlider {
  position: fixed;
  top: 110px;
  background: white;
  z-index: 100; }

.historyContent .tile .mask {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s cubic-bezier(0.105, 0.86, 0.52, 0.965);
  transition: all 0.5s cubic-bezier(0.105, 0.86, 0.52, 0.965); }

.historyContent .tile .mask-content {
  vertical-align: middle;
  padding: 0; }

.historyContent .tile:hover .mask {
  opacity: 1;
  visibility: visible; }

.tile.black {
  background: #000;
  font-family: "ClanNarrow-Book";
  color: #fff;
  text-align: center;
  cursor: default; }
  .tile.black:before {
    content: '';
    border: 0 none; }
  .tile.black h2 {
    border: 2px solid #272727;
    border-left: 0 none;
    border-right: 0 none;
    width: 50%;
    margin: 16% auto 5%; }
  .tile.black h3 {
    line-height: 1;
    margin-bottom: 5%; }

.tile.no-hoverable > img {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none; }

.tile.no-hoverable.tile:hover .mask, .tile.no-hoverable.tile.effect-on .mask {
  opacity: 0;
  visibility: hidden; }

.tile.no-hoverable:before {
  content: '';
  border: 0 none; }

.tile.no-popup a {
  cursor: default; }

.tile.no-popup .textBetweenLines {
  display: none; }

.tile .textBetweenLines {
  margin: 0 20%;
  padding: 15px 0;
  border: 1px solid #eaeaea;
  border-left: 0 none;
  border-right: 0 none;
  font-family: "ClanNarrow-Thin"; }

.historyContent {
  overflow: hidden; }

.historyYear {
  width: 90px;
  height: 38px;
  line-height: 38px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -19px;
  background: #000;
  font-family: "ClanNarrow-Book";
  z-index: 100; }

.popup.history {
  width: 834px;
  left: 50%;
  margin-top: 3%;
  margin-left: -429px;
  position: absolute;
  text-align: center; }
  .popup.history h3 {
    font-family: "ClanNarrow-Thin";
    font-size: 4em;
    float: left;
    width: 15%;
    text-align: right;
    line-height: 1;
    margin-bottom: 1%; }
  .popup.history h4 {
    font-size: 1.7em;
    float: left;
    width: 70%;
    margin: 0 10% 0 5%;
    text-align: left; }
  .popup.history h5 {
    font-size: 1.4em;
    float: left;
    width: 70%;
    margin: 2% 10% 0 5%;
    text-align: left; }
  .popup.history figure + span {
    display: block;
    margin-bottom: 2%; }
  .popup.history img, .popup.history figure {
    margin-bottom: 2%; }

@media only screen and (min-width: 1400px) {
  .historySlider li {
    font-size: 2.1em; }
  .historySlider .active {
    font-size: 3.2em; }
  .tile.black h2, .tile.black h3 {
    font-size: 4.9em; }
  .tile.black p {
    font-size: 2.1em; }
  .tile .textBetweenLines {
    font-size: 2em; }
  .historyYear {
    font-size: 2.1em; }
  .historySlider li {
    font-size: 2.1em; }
  .historySlider .active {
    font-size: 3.2em; } }

@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .historySlider {
    width: 972px; }
    .historySlider li {
      font-size: 1.45em;
      width: 52.7px; }
    .historySlider .active {
      font-size: 2.6em;
      width: 80px; }
    .historySlider .dragItem {
      width: 80px; }
  .js-history-fixed .historySlider {
    top: 90px; }
  .historySliderWrapper {
    height: 80px; }
  .tile.black h2, .tile.black h3 {
    font-size: 4em; }
  .tile.black p {
    font-size: 1.8em; }
  .tile .textBetweenLines {
    font-size: 1.7em; }
  .historyYear {
    font-size: 1.8em;
    width: 70px;
    height: 30px;
    line-height: 30px;
    margin-top: -15px; }
  .historySlider {
    width: 972px; }
    .historySlider li {
      font-size: 1.45em;
      width: 52.7px; }
      .historySlider li.active {
        font-size: 2.6em;
        width: 80px; }
    .historySlider .dragItem {
      width: 80px; }
  .js-history-fixed .historySlider {
    top: 90px; }
  .historySliderWrapper {
    height: 80px; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .historySlider {
    width: 728px; }
    .historySlider li {
      font-size: 1em;
      width: 38.1px; }
    .historySlider .active {
      font-size: 2.5em;
      width: 70px; }
    .historySlider .dragItem {
      width: 70px; }
  .js-history-fixed .historySlider {
    top: 71px; }
  .historySliderWrapper {
    height: 74px; }
  .tile.black h2, .tile.black h3 {
    font-size: 3em; }
  .tile.black p {
    font-size: 1.4em; }
  .tile .textBetweenLines {
    font-size: 1.2em; }
  .historyYear {
    font-size: 1.6em;
    width: 50px;
    height: 25px;
    line-height: 25px;
    margin-top: -12.5px; }
  .historySlider {
    width: 728px; }
    .historySlider li {
      font-size: 1em;
      width: 38.1px; }
      .historySlider li.active {
        font-size: 2.5em;
        width: 70px; }
    .historySlider .dragItem {
      width: 70px; }
  .js-history-fixed .historySlider {
    top: 71px; }
  .historySliderWrapper {
    height: 74px; }
  .popup.history {
    width: 610px;
    top: 3%;
    left: 50%;
    margin-left: -317px; }
    .popup.history hgroup {
      font-size: 0.7em; } }

@media only screen and (max-width: 767px) {
  .tile.black h2, .tile.black h3 {
    font-size: 3em; }
  .tile.black p {
    font-size: 1.4em; }
  .tile .textBetweenLines {
    font-size: 1.7em; }
  .historySliderWrapper {
    height: 0; }
  .historyContent {
    margin-top: 20px; }
  .historyYear {
    font-size: 1.6em;
    width: 50px;
    height: 25px;
    line-height: 25px;
    margin-top: -12.5px; }
  .popup.history {
    width: 290px;
    top: 3%;
    left: 50%;
    margin-left: -145px; }
    .popup.history h3 {
      font-size: 1.8em;
      width: 20%; }
    .popup.history h4 {
      width: 65%; }
    .popup.history h5 {
      width: 65%;
      margin: 2% 0% 5% 25%; } }

.blog-coming-soon {
  position: relative; }
  .blog-coming-soon article {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center; }
  .blog-coming-soon p {
    font: 1.6vw/1.2 "ClanNarrow-Book";
    width: 40%;
    margin: 2vw auto; }

.blogCs-visual {
  width: 100%; }

.blogCs-coming-soon {
  width: 42vw;
  margin-top: 10vw; }

@media only screen and (max-width: 767px) {
  .blog-coming-soon article {
    position: relative; }
  .blog-coming-soon p {
    width: 80%;
    margin: 35px auto;
    font-size: 14.5px; }
  .blogCs-coming-soon {
    position: absolute;
    margin: 0;
    left: 50%;
    top: -36vw;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 80%; } }

.pridePage h1 {
  text-align: center;
  line-height: 100%;
  margin-bottom: 70px;
  margin-top: 70px;
  font-family: "ClanNarrow-Medium";
  font-size: 4em;
  margin-bottom: 40px; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .pridePage h1 {
      font-size: 3em; } }
  @media only screen and (max-width: 767px) {
    .pridePage h1 {
      font-size: 2.5em; } }

.pridePage p {
  margin-bottom: 40px; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .pridePage p {
      font-size: 1.6em; } }
  @media only screen and (max-width: 767px) {
    .pridePage p {
      font-size: 1.6em; } }
  .pridePage p a {
    text-decoration: underline; }
    .pridePage p a:hover {
      text-decoration: none; }

.pridePage blockquote {
  font-style: italic;
  font-size: 2em;
  display: block;
  margin: 0 5% 40px 5%; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .pridePage blockquote {
      font-size: 1.6em; } }
  @media only screen and (max-width: 767px) {
    .pridePage blockquote {
      font-size: 1.6em; } }

@media only screen and (max-width: 767px) {
  .pridePage .popinDescription {
    height: 350px; }
  .pridePage .video .popinDescription {
    height: 160px; }
  .pridePage .popinTemplate2 .iScrollVerticalScrollbar {
    display: block; } }

.iswellaplexpage.colLeft {
  float: none;
  margin: 0 auto; }
  .iswellaplexpage.colLeft .contactForm .contactFormInner:before {
    display: none; }

#HistoryComponent .topMainVisual {
  padding-bottom: 120px; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    #HistoryComponent .topMainVisual {
      padding-bottom: 80px; } }
  @media only screen and (max-width: 767px) {
    #HistoryComponent .topMainVisual {
      padding-bottom: 140px; } }
  #HistoryComponent .topMainVisual .colRight {
    width: 100%; }
    #HistoryComponent .topMainVisual .colRight .visualText {
      padding-right: 0;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
      position: static; }
      #HistoryComponent .topMainVisual .colRight .visualText .centered {
        position: static; }
      @media only screen and (max-width: 767px) {
        #HistoryComponent .topMainVisual .colRight .visualText {
          padding: 0 40px; } }
    #HistoryComponent .topMainVisual .colRight h1 {
      font-size: 5em;
      font-family: "ClanNarrow-Book";
      color: #fff;
      position: absolute;
      top: 62%;
      right: 10%;
      font-weight: normal; }
      @media only screen and (min-width: 1025px) and (max-width: 1399px) {
        #HistoryComponent .topMainVisual .colRight h1 {
          font-size: 4em; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        #HistoryComponent .topMainVisual .colRight h1 {
          font-size: 4em; } }
      @media only screen and (max-width: 767px) {
        #HistoryComponent .topMainVisual .colRight h1 {
          font-size: 2.7em;
          width: 125px;
          top: 44%; } }
    #HistoryComponent .topMainVisual .colRight h2 {
      font-family: "ClanNarrow-News";
      color: #000;
      font-size: 2.4em;
      text-transform: none;
      line-height: 130%;
      position: absolute;
      bottom: -105px;
      width: 100%;
      text-align: center; }
      @media only screen and (min-width: 1025px) and (max-width: 1399px) {
        #HistoryComponent .topMainVisual .colRight h2 {
          font-size: 2em; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        #HistoryComponent .topMainVisual .colRight h2 {
          font-size: 1.6em;
          bottom: -80px; } }
      @media only screen and (max-width: 767px) {
        #HistoryComponent .topMainVisual .colRight h2 {
          font-size: 1.4em;
          left: 0;
          padding: 0 30px;
          line-height: 140%;
          bottom: -145px; } }

.arrow-down.active:before,
.arrow-down:hover:before,
.arrow-left:hover:before,
.arrow-right:hover:before,
.arrow-up:hover:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute; }

.arrow-down.active:before, .arrow-down:hover:before {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #fff;
  top: 0;
  left: 50%;
  margin-left: -12px; }

.arrow-up:hover:before {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #fff;
  bottom: 0;
  left: 50%;
  margin-top: -12px; }

.arrow-left:hover:before {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #fff;
  top: 50%;
  left: 0;
  margin-top: -10px; }

.arrow-right:hover:before {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #fff;
  top: 50%;
  right: 0;
  margin-left: -10px; }

/*  =RWD
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
@media screen and (max-width: 767px) {
  /*  =COMMON
	    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .media-viewport {
    font-family: media-mobile; }
  .mob-show {
    display: block !important; }
  .mob-hide {
    display: none !important; }
  .break {
    display: block; }
  /* łamanie tekstu na dwie linie */
  .mob-br-hide br {
    display: none; }
  /* ukrywanie br'ek na mobile */
  br.mob-visible {
    display: block; }
  .main {
    width: 300px;
    /* DYNAMIC BOXES ISOTOPE */ }
    .main.fixWidth.dynamicBox {
      width: 320px;
      /* RESPONSIVE */ }
    .main.home {
      margin: 20px auto; }
    .main .item.tile.hover .mask {
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(200, 0, 60, 0)), to(rgba(200, 0, 60, 0.2)));
      background: -webkit-linear-gradient(top, rgba(200, 0, 60, 0) 0%, rgba(200, 0, 60, 0.2) 100%);
      background: linear-gradient(to bottom, rgba(200, 0, 60, 0) 0%, rgba(200, 0, 60, 0.2) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c8003c', endColorstr='#33c8003c',GradientType=0 );
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
  h2 {
    font-size: 2.4em; }
  .header-decor h1, .header-decor h2, .header-decor h3, .header-decor h4, .header-decor h5, .header-decor h6 {
    margin: 25px 0 30px; }
    .header-decor h1:before, .header-decor h1:after, .header-decor h2:before, .header-decor h2:after, .header-decor h3:before, .header-decor h3:after, .header-decor h4:before, .header-decor h4:after, .header-decor h5:before, .header-decor h5:after, .header-decor h6:before, .header-decor h6:after {
      width: 18px;
      display: none; }
    .header-decor h1:before, .header-decor h2:before, .header-decor h3:before, .header-decor h4:before, .header-decor h5:before, .header-decor h6:before {
      left: -30px; }
    .header-decor h1:after, .header-decor h2:after, .header-decor h3:after, .header-decor h4:after, .header-decor h5:after, .header-decor h6:after {
      right: -30px; }
  .header-decor .subtitle {
    font-family: "ClanNarrow-Book";
    font-size: 1.7em;
    margin-top: -20px; }
  .newTag {
    font-size: 1.42629em;
    padding: 6.58286px 10.97143px;
    border-radius: 8.22857px 0;
    margin-bottom: 10.97143px; }
  /* popups buy it now */
  .popinTemplate2.buyOnlinePopup {
    width: 270px; }
  .buyOnlinePopup {
    padding: 20px 10px; }
    .buyOnlinePopup h3 {
      font-size: 2em;
      padding-bottom: 20px; }
  .buyOnlinePopup__block {
    padding: 15px; }
    .buyOnlinePopup__block label {
      font-size: 1em;
      line-height: 2;
      float: none; }
    .buyOnlinePopup__block .selectBox {
      float: none;
      width: 219px; }
    .buyOnlinePopup__block h4 {
      padding-bottom: 5px;
      font-size: 1em; }
    .buyOnlinePopup__block .note {
      font-size: 0.9em; }
    .buyOnlinePopup__block.buyOnlinePopup__block--side {
      width: 100%;
      float: none;
      margin: 2px 0; }
  .buyOnlinePopup__section {
    padding: 15px; }
    .buyOnlinePopup__section label {
      font-size: 1em;
      line-height: 2;
      float: none; }
    .buyOnlinePopup__section .selectBox {
      float: none;
      width: 219px; }
    .buyOnlinePopup__section h4 {
      padding-bottom: 5px;
      font-size: 1em; }
    .buyOnlinePopup__section .note {
      font-size: 0.9em; }
  .partners li {
    padding: 5px 0;
    border-top: 1px solid #d8d8d8; }
    .partners li:first-child {
      border: 0 none; }
    .partners li > * {
      float: left; }
  .partners .logo {
    width: 30%; }
  .partners .price {
    width: 30%;
    font-size: 1em;
    line-height: 4.5; }
  .partners .link {
    width: 40%;
    padding: 4px 0; }
  .partners .button {
    font-size: 1em;
    padding: 0 10px; }
    .partners .button:after {
      display: none; }
  /*  =COLOR LANDING PAGE SLIDER
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .productSliderCarousel {
    height: 270px; }
    .productSliderCarousel li {
      width: 160px;
      height: 270px;
      padding: 0 5px; }
      .productSliderCarousel li:after {
        bottom: 30px; }
    .productSliderCarousel img {
      width: 140px;
      height: 160px;
      padding-top: 20px; }
    .productSliderCarousel h3 {
      font-size: 1.6em; }
    .productSliderCarousel h4 {
      font-size: 1.2em; }
  .productSliderNav a {
    top: 86px; }
  .productSliderNav .prev {
    background-image: url(../i/sprite/sprite.png);
    background-position: -538px -474px;
    width: 13px;
    height: 28px;
    left: 5px; }
  .productSliderNav .next {
    background-image: url(../i/sprite/sprite.png);
    background-position: -538px -502px;
    width: 13px;
    height: 28px;
    right: 5px; }
  .productSliderDotsNav {
    top: 284px; }
  .productSliderInfo {
    padding: 15px 0; }
    .productSliderInfo h3 {
      font-size: 1.8em;
      padding: 15px 8px 20px; }
    .productSliderInfo div {
      padding: 28px;
      width: 100%; }
  .productSliderShades {
    border-right: 0 none; }
    .productSliderShades li {
      padding: 0 5px 5px;
      width: 44px;
      height: 76px; }
    .productSliderShades .shadeMark {
      font-size: 1em;
      padding: 5px 0; }
    .productSliderShades .button {
      margin: 10px 0 0;
      display: inline-block; }
  .productSliderDescription {
    display: none; }
    .productSliderDescription p {
      font-size: 1.2em;
      padding: 0 8px 15px; }
    .productSliderDescription.wide {
      display: block; }
  /*  =COUTURE LOLOR SERVICE LOOKS SLIDER
	    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .introTxt {
    font-size: 1.4em;
    margin: 20px 0; }
  .sliderLooksCarousel {
    height: 280px;
    border-radius: 0; }
    .sliderLooksCarousel li {
      width: 320px; }
    .sliderLooksCarousel img {
      height: 100%; }
  .sliderLooksInfo {
    width: 200px;
    top: auto;
    bottom: 5%; }
    .sliderLooksInfo > * {
      margin: 5px 0; }
    .sliderLooksInfo h3 {
      font-size: 2.4em; }
    .sliderLooksInfo .descritpion {
      font-size: 1.1em; }
    .sliderLooksInfo .buttonText {
      font-size: 1.1em; }
    .sliderLooksInfo.pos-left {
      left: auto;
      right: 8%;
      text-align: right; }
  .sliderLooksNav a {
    width: 15px;
    background-color: transparent; }
    .sliderLooksNav a:hover {
      background-color: transparent; }
    .sliderLooksNav a:before {
      margin: -14px 0 0 -6px; }
  .sliderLooksNav .prev:before {
    background-image: url(../i/sprite/sprite.png);
    background-position: -538px -474px;
    width: 13px;
    height: 28px; }
  .sliderLooksNav .next:before {
    background-image: url(../i/sprite/sprite.png);
    background-position: -538px -502px;
    width: 13px;
    height: 28px; }
  .sliderLooks .productSliderDotsNav {
    position: relative;
    top: auto;
    margin-top: 10px; }
  /*  =LANDING PAGE EIMI/STYLING, CARE
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .collectionBox {
    padding: 15px 0; }
  .collectionList {
    padding: 0 5px; }
    .collectionList .productElement {
      width: 150px;
      height: 270px;
      padding: 5px; }
    .collectionList .productElement__name {
      font-size: 1.4em;
      padding-top: 21px; }
    .collectionList .productElement__subTitle {
      font-size: 1em;
      padding-top: 7px; }
  .bubbles {
    background: none;
    margin-top: 0;
    padding-top: 0;
    min-height: 0; }
    .bubbles .productFinder-mobileSelectMenu {
      margin-top: 0; }
  /*  =PRODUCT PAGE
	    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .prodPresentation {
    margin: 0; }
  .prodAward {
    margin-right: 10px;
    padding-top: 0em;
    width: 95px;
    position: absolute;
    margin-top: 13em;
    margin-left: 2%; }
  .prodVisual {
    width: 100%;
    float: none;
    margin: 0 0 20px; }
    .prodVisual img {
      display: block;
      margin: 0 auto; }
  .prodDescription {
    width: 300px;
    float: none;
    margin: 0 auto;
    font-size: 1.2em;
    text-align: left; }
    .prodDescription h3 {
      font-size: 1.8em;
      padding: 10px 0 20px; }
    .prodDescription p {
      padding: 10px 0; }
    .prodDescription .button {
      margin-top: 20px; }
  .prodLooks {
    width: 212px;
    margin: 0 auto; }
  .prodSocialUnits {
    width: 100%;
    margin: 25px auto 0;
    padding: 25px 0;
    float: none;
    border-top: 1px solid #dadada;
    border-left: 0 none; }
    .prodSocialUnits .socialBox {
      width: 212px;
      margin: 30px auto;
      text-align: left; }
  .socialBox li {
    margin: 2px;
    font-size: 1.4em;
    vertical-align: middle; }
  .productArticlesGroup {
    width: 280px;
    margin: 0 auto;
    padding: 7px 0;
    float: none; }
    .productArticlesGroup hgroup {
      padding: 14px 0; }
    .productArticlesGroup article {
      padding: 7px 0;
      line-height: 1.8; }
      .productArticlesGroup article h4, .productArticlesGroup article p {
        padding: 7px 0; }
    .productArticlesGroup h3 {
      font-size: 1.8em;
      padding-bottom: 7px; }
    .productArticlesGroup h4, .productArticlesGroup p {
      font-size: 1.2em; }
    .productArticlesGroup .table-wrapper {
      overflow: scroll;
      padding-bottom: 10px; }
      .productArticlesGroup .table-wrapper table {
        min-width: 380px; }
  .productArticlePdf h5 {
    font-size: 1.2em; }
  .educationTopic {
    float: none;
    width: 100%;
    margin: 10px 0; }
    .educationTopic h4 {
      font-size: 2.2em; }
  .complementProdItem {
    width: 150px;
    height: 240px; }
    .complementProdItem:after {
      bottom: 5px;
      font-size: 1.4em; }
    .complementProdItem .prodName {
      font-size: 1.6em;
      line-height: 1;
      top: 75%; }
  .grid5columns .complementProdItem {
    width: 150px;
    height: 240px; }
    .grid5columns .complementProdItem:first-child {
      margin: 0 20px; }
  /*  =FILTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .main.lookbookGallery .lastItem {
    border: 0 !important; }
  .main.lookbookGallery .filterMenuWrap {
    padding-left: 0;
    margin-bottom: 10px; }
  .main.lookbookGallery .mobileSelectMenu {
    margin: 0 5px; }
  .main.lookbookGallery .filterMenu {
    margin: 0;
    border: 0; }
    .main.lookbookGallery .filterMenu.all {
      margin: 3px 0; }
    .main.lookbookGallery .filterMenu.all li {
      float: none;
      background: none;
      border: 0; }
      .main.lookbookGallery .filterMenu.all li a {
        background: none;
        color: #ccc; }
  .main.lookbookGallery .filterMenu li {
    font-size: 1.3em;
    line-height: normal;
    float: none;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc; }
    .main.lookbookGallery .filterMenu li a {
      padding: 0;
      border: 0;
      width: 100%;
      line-height: 36px; }
      .main.lookbookGallery .filterMenu li a:hover {
        background: none;
        color: #777777; }
    .main.lookbookGallery .filterMenu li:last-child {
      border-bottom: 0; }
    .main.lookbookGallery .filterMenu li.item {
      margin: 0 8px 0 0; }
    .main.lookbookGallery .filterMenu li.active a {
      background: none;
      color: #c51c4b; }
    .main.lookbookGallery .filterMenu li.filterText {
      line-height: 33px;
      margin-left: 0; }
  .main.lookbookGallery .together {
    margin: 0 5px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 11px 0 5px 0; }
    .main.lookbookGallery .together:after {
      content: "";
      display: table;
      clear: both; }
    .main.lookbookGallery .together .first {
      float: left;
      width: 144px;
      border-right: 1px solid #ccc; }
    .main.lookbookGallery .together .second {
      float: left;
      width: 145px; }
      .main.lookbookGallery .together .second .item {
        margin: 0 0 0 8px; }
  /*  =LOOKBOOK PAGE
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .cosmeticAuthor {
    margin-top: -32px; }
    .cosmeticAuthor h3 {
      font-size: 1.4em;
      margin: 25px 20px 10px 20px; }
    .cosmeticAuthor p {
      font-size: 1.2em;
      margin: 10px 20px;
      clear: both; }
    .cosmeticAuthor article {
      float: none;
      width: auto; }
    .cosmeticAuthor img {
      border-radius: 12px 0; }
    .cosmeticAuthor .buttons {
      margin: 20px 0 0;
      text-align: center; }
    .cosmeticAuthor .authorVisual {
      width: 90px;
      margin: -10px 15px 10px; }
  .lookPresentAngle {
    margin: 0 -5px; }
    .lookPresentAngle img {
      margin: 5px;
      width: 280px; }
  .createLook {
    background-color: #f7f7f7;
    padding: 20px; }
    .createLook h2 {
      font-size: 1em;
      padding-top: 0;
      margin-bottom: 0; }
    .createLook h3 {
      font-size: 1.8em; }
    .createLook h4 {
      font-size: 1.4em; }
  .createLook__block {
    background: none;
    padding: 0;
    margin-bottom: 3px; }
    .createLook__block .mobileTab {
      display: block; }
      .createLook__block .mobileTab a {
        width: 100%;
        text-align: left;
        display: block;
        background-color: #d7a196;
        color: #fff;
        text-transform: uppercase;
        padding: 12px 55px 12px 15px;
        position: relative;
        font-size: 1.6em;
        font-family: "ClanNarrow-News"; }
      .createLook__block .mobileTab .arrow {
        display: block;
        position: absolute;
        width: 40px;
        height: 100%;
        top: 0;
        right: 0;
        background-color: #b8b8b8; }
        .createLook__block .mobileTab .arrow:after {
          content: '';
          display: block;
          position: absolute;
          left: 50%;
          top: 50%;
          margin: -7px 0 0 -6px;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 7px 0 7px 12px;
          border-color: transparent transparent transparent #fff; }
    .createLook__block .centeredWrapper {
      padding: 15px 0;
      display: none; }
    .createLook__block .createLook__entry {
      width: 100%;
      padding-right: 0;
      display: block; }
      .createLook__block .createLook__entry h3 {
        padding: 10px; }
      .createLook__block .createLook__entry h4 {
        padding-top: 10px; }
      .createLook__block .createLook__entry p {
        font-size: 1.2em;
        line-height: 1.5;
        padding: 10px 0; }
      .createLook__block .createLook__entry .createLook__entry--image img {
        border-radius: 2.5em 0;
        max-width: 182px; }
      .createLook__block .createLook__entry .createLook__entry--content {
        margin-bottom: 10px; }
    .createLook__block .createLook__steps {
      width: 100%;
      padding-top: 0;
      display: block; }
      .createLook__block .createLook__steps h2 {
        display: none; }
      .createLook__block .createLook__steps img {
        padding-bottom: 8px; }
      .createLook__block .createLook__steps p {
        font-size: 1.2em;
        padding: 0 0 10px; }
      .createLook__block .createLook__steps .createLook__steps--step {
        width: 100%;
        margin: 10px 0; }
        .createLook__block .createLook__steps .createLook__steps--step h3 {
          margin-bottom: 16px; }
    .createLook__block.active .mobileTab .arrow:after {
      margin: -6px 0 0 -7px;
      border-width: 12px 7px 0 7px;
      border-color: #fff transparent transparent transparent; }
    .createLook__block.active .centeredWrapper {
      display: block; }
  /*  =LOOKBOOK, INSPIRATION GALLERY
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .careerJoinUs h3 {
    font-size: 2.2em;
    padding: 0 20px 50px; }
  .careerJoinUs .contactForm dt {
    width: 100%; }
  .careerJoinUs .contactForm dd {
    width: 100%; }
  .careerJoinUs .careerResults h4 {
    font-size: 2.6em; }
  .careerJoinUs .careerSalesRep, .careerJoinUs .careerEducator {
    width: 100%;
    float: none;
    padding: 0 20px; }
    .careerJoinUs .careerSalesRep li, .careerJoinUs .careerEducator li {
      font-size: 1.38em;
      padding-top: 25px; }
  .finalistsReact .tile .mask {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0 !important;
    visibility: hidden !important; }
    .finalistsReact .tile .mask:before {
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(200, 0, 60, 0)), to(rgba(200, 0, 60, 0.3)));
      background: -webkit-linear-gradient(top, rgba(200, 0, 60, 0) 0%, rgba(200, 0, 60, 0.3) 100%);
      background: linear-gradient(to bottom, rgba(200, 0, 60, 0) 0%, rgba(200, 0, 60, 0.3) 100%);
      opacity: 1; }
  /*	= FAQ PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .faqPage .prodInfo {
    font-size: 1.4em;
    margin-top: 0; }
  .faqTitle {
    font-size: 3em;
    margin-top: 40px; }
  .faqItem .faqQuestion {
    font-size: 1.8em; }
  .faqItem .faqAnswer {
    font-size: 1.4em; }
  .faq-bottomButton {
    margin: 40px auto;
    min-width: 240px;
    line-height: 40px;
    font-size: 1.2em; }
  .faqPage .description {
    margin-bottom: 30px; }
  .faqPage .description p {
    font-size: 1.6em; }
  .faqSectionTitle .faqSectionTitleSpan {
    font-size: 2em; }
  .faqSectionTitle .faqSectionTitleSpanTail {
    font-family: "ClanNarrow-Medium";
    font-size: 2em;
    display: block; }
  .questionAndAnswers .faq-top {
    margin-left: 19.5em; } }

@media screen and (min-width: 768px) and (max-width: 1024px), print {
  /*  =COMMON
	    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .media-viewport {
    font-family: media-tablet; }
  .mob-br-show br {
    display: none; }
  /* ukrywanie br'ek na mobile */
  .mob-show {
    display: none; }
  .main {
    width: 728px;
    /* DYNAMIC BOXES ISOTOPE */ }
    .main.fixWidth.dynamicBox {
      width: 768px;
      /* RESPONSIVE */ }
    .main.home {
      margin: 0 auto; }
  h2 {
    font-size: 3em; }
  .header-decor h1, .header-decor h2, .header-decor h3, .header-decor h4, .header-decor h5, .header-decor h6 {
    margin: 25px 0 30px;
    padding: 0 22px; }
    .header-decor h1:before, .header-decor h1:after, .header-decor h2:before, .header-decor h2:after, .header-decor h3:before, .header-decor h3:after, .header-decor h4:before, .header-decor h4:after, .header-decor h5:before, .header-decor h5:after, .header-decor h6:before, .header-decor h6:after {
      width: 18px; }
  .header-decor .subtitle {
    font-size: 1.8em;
    margin-top: -20px; }
  .newTag {
    font-size: 1.42629em;
    padding: 6.58286px 10.97143px;
    border-radius: 8.22857px 0;
    margin-bottom: 10.97143px; }
  /* popups buy it now */
  .buyOnlinePopup {
    padding: 20px;
    width: 690px; }
    .buyOnlinePopup h3 {
      padding-bottom: 20px; }
  .buyOnlinePopup__block {
    padding: 20px; }
    .buyOnlinePopup__block label {
      font-size: 1.8em;
      line-height: 2; }
    .buyOnlinePopup__block h4 {
      padding-bottom: 7px;
      font-size: 1.8em; }
    .buyOnlinePopup__block .note {
      font-size: 1.5em; }
  .buyOnlinePopup__section {
    padding: 20px; }
    .buyOnlinePopup__section label {
      font-size: 1.8em;
      line-height: 2; }
    .buyOnlinePopup__section h4 {
      padding-bottom: 7px;
      font-size: 1.8em; }
    .buyOnlinePopup__section .note {
      font-size: 1.5em; }
  .partners .price {
    font-size: 1.5em;
    line-height: 3.8; }
  .partners .link {
    padding: 13px 0; }
  /*  =COLOR LANDING PAGE SLIDER
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .productSliderCarousel {
    height: 200px; }
    .productSliderCarousel li {
      width: 182px;
      height: 200px;
      padding: 0 5px; }
      .productSliderCarousel li:after {
        bottom: 12px; }
    .productSliderCarousel img {
      width: 150px;
      padding-top: 15px; }
    .productSliderCarousel h3 {
      font-size: 1.3em; }
    .productSliderCarousel h4 {
      font-size: 0.9em; }
  .productSliderNav a {
    top: 48px; }
  .productSliderNav .prev {
    background-image: url(../i/sprite/sprite.png);
    background-position: -538px -474px;
    width: 13px;
    height: 28px;
    left: -18px; }
  .productSliderNav .next {
    background-image: url(../i/sprite/sprite.png);
    background-position: -538px -502px;
    width: 13px;
    height: 28px;
    right: -18px; }
  .productSliderDotsNav {
    top: 210px; }
    .productSliderDotsNav .dot {
      width: 11px;
      height: 11px;
      margin: 0 4px; }
  .productSliderInfo {
    padding: 36px 0 17px; }
    .productSliderInfo h3 {
      font-size: 2.4em;
      padding: 15px 8px 20px; }
    .productSliderInfo div {
      padding: 25px; }
  .productSliderShades li {
    padding: 0 7px 5px;
    width: 52px;
    height: 90px; }
  .productSliderShades .shadeMark {
    font-size: 1.3em;
    padding: 6px 0; }
  .productSliderDescription p {
    font-size: 1.2em;
    padding: 0 8px 15px; }
  /*  =COUTURE LOLOR SERVICE LOOKS SLIDER
	    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .introTxt {
    font-size: 1.4em;
    margin: 0 0 21.94286px; }
  .sliderLooksCarousel {
    height: 300px;
    border-radius: 0 18px; }
    .sliderLooksCarousel li {
      width: 728px; }
  .sliderLooksInfo {
    width: 215px;
    top: 13%; }
    .sliderLooksInfo > * {
      margin: 10px 0; }
    .sliderLooksInfo h3 {
      font-size: 3em; }
    .sliderLooksInfo .descritpion {
      font-size: 1.5em; }
    .sliderLooksInfo .buttonText {
      font-size: 1.4em; }
  .sliderLooksNav a {
    width: 26px; }
    .sliderLooksNav a:before {
      margin: -17px 0 0 -9px; }
  .sliderLooksNav .prev {
    border-radius: 0 0 0 18px; }
    .sliderLooksNav .prev:before {
      background-image: url(../i/sprite/sprite.png);
      background-position: -283px -150px;
      width: 18px;
      height: 35px; }
  .sliderLooksNav .next {
    border-radius: 0 18px 0 0; }
    .sliderLooksNav .next:before {
      background-image: url(../i/sprite/sprite.png);
      background-position: -520px -35px;
      width: 18px;
      height: 35px; }
  /*  =LANDING PAGE EIMI/STYLING, CARE
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .collectionBox {
    padding: 35px 0; }
  .collectionList {
    padding: 0 7px; }
    .collectionList .productElement {
      width: 180px;
      height: 290px;
      padding: 7px; }
    .collectionList .productElement__name {
      font-size: 1.4em;
      padding-top: 21px; }
    .collectionList .productElement__subTitle {
      font-size: 1em;
      padding-top: 7px; }
  .bubbles {
    background: none;
    margin-top: 0;
    padding-top: 0;
    min-height: 0; }
  /*  =PRODUCT PAGE
	    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .prodPresentation {
    margin: 0; }
  .prodAward {
    float: left;
    margin-right: 10px;
    padding-top: 9em;
    width: 95px;
    margin-left: 0em; }
  .prodVisual {
    width: 180px;
    margin: 0 20px 15px 0; }
  .prodDescription {
    width: 400px;
    margin-right: 0;
    font-size: 1.2em; }
    .prodDescription h3 {
      font-size: 2.4em;
      padding: 0 0 20px; }
    .prodDescription p {
      padding: 10px 0; }
    .prodDescription .button {
      margin-top: 20px; }
  .prodLooksAndRating {
    float: left;
    margin-right: 64px; }
  .prodLooks {
    width: 212px;
    float: left; }
  .prodSocialUnits {
    width: 528px;
    padding: 20px;
    margin-top: 70px;
    border-top: 1px solid #dadada;
    border-left: 0 none; }
    .prodSocialUnits .socialBox {
      float: right;
      clear: right;
      width: 220px; }
  .socialBox li {
    margin: 2px;
    font-size: 1.4em;
    vertical-align: middle; }
  .productArticlesGroup {
    width: 428px;
    margin: 0 auto;
    padding: 10px 0;
    float: none; }
  .educationTopic {
    float: none;
    width: 425px;
    margin: 10px auto; }
  .complementProdItem {
    width: 164px;
    height: 230px; }
    .complementProdItem:after {
      bottom: 5px;
      font-size: 1.3em; }
    .complementProdItem .prodName {
      font-size: 1.4em;
      line-height: 1;
      top: 77%; }
  .grid5columns .complementProdItem {
    width: 186px;
    height: 258px; }
  /*  =FILTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .main.lookbookGallery .filterMenuWrap {
    padding-left: 65px;
    margin-bottom: 10px; }
  .main.lookbookGallery .filterMenu {
    margin-bottom: 0; }
  .main.lookbookGallery .filterMenu li {
    font-size: 1.1em;
    line-height: 20px; }
    .main.lookbookGallery .filterMenu li a {
      padding: 1px 14px; }
    .main.lookbookGallery .filterMenu li.item {
      margin: 0.7%; }
    .main.lookbookGallery .filterMenu li.filterText {
      line-height: 33px;
      margin-left: 15px; }
  .main.lookbookGallery .filterMenu.second {
    clear: both;
    margin-left: 130px; }
  /*  =LOOKBOOK PAGE
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .cosmeticAuthor {
    margin-top: -32px; }
    .cosmeticAuthor article {
      width: 520px; }
    .cosmeticAuthor h3 {
      font-size: 2.4em;
      margin: 26px 2% 7px; }
    .cosmeticAuthor p {
      font-size: 1.2em;
      margin: 7px 2%; }
    .cosmeticAuthor .buttons {
      margin: 20px 0 0; }
    .cosmeticAuthor .authorVisual {
      width: 182px;
      margin: -10px 26px 0 0; }
  .lookPresentAngle {
    margin: 0 -6px; }
    .lookPresentAngle img {
      margin: 6px;
      width: 232px; }
  .createLook h2 {
    font-size: 2.6em;
    padding-top: 20px;
    margin-bottom: 46px; }
  .createLook h4 {
    font-size: 1.4em; }
  .createLook__block {
    background: url("../i/bg/createLook_t.jpg") no-repeat scroll center top #f7f7f7;
    padding: 20px;
    margin-bottom: 10px; }
    .createLook__block .createLook__entry {
      width: 100%;
      padding-right: 0;
      display: block; }
      .createLook__block .createLook__entry h3 {
        font-size: 2.1em;
        padding: 15px 0 35px; }
      .createLook__block .createLook__entry h4 {
        padding-top: 10px; }
      .createLook__block .createLook__entry p {
        font-size: 1.2em;
        line-height: 2;
        padding: 10px 0; }
      .createLook__block .createLook__entry .createLook__formulas {
        text-align: center; }
      .createLook__block .createLook__entry .createLook__formula {
        width: 50%;
        display: inline-block; }
      .createLook__block .createLook__entry .createLook__entry--image img {
        border-radius: 2.5em 0;
        max-width: 182px; }
      .createLook__block .createLook__entry .createLook__entry--content {
        margin-bottom: 10px; }
    .createLook__block .createLook__steps {
      width: 100%;
      padding-top: 0;
      display: block; }
      .createLook__block .createLook__steps img {
        padding-bottom: 8px; }
      .createLook__block .createLook__steps p {
        font-size: 1.2em;
        padding: 10px 0; }
      .createLook__block .createLook__steps .createLook__steps--step {
        width: 339px;
        margin: 0 10px 40px 0; }
        .createLook__block .createLook__steps .createLook__steps--step h3 {
          font-size: 2.5em;
          margin-bottom: 16px; }
  /*  =LOOKBOOK, INSPIRATION GALLERY
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .careerJoinUs h3 {
    font-size: 2.5em; }
  .careerJoinUs .careerResults h4 {
    font-size: 2.5em; }
  .careerJoinUs .careerSalesRep li, .careerJoinUs .careerEducator li {
    font-size: 1.3em; }
  /* =FAQ page */
  .questionAndAnswers .faq-top {
    margin-left: 46.5em; } }

@media print {
  .visualText .centered {
    padding-top: 30px; } }

@media screen and (min-width: 1025px) and (max-width: 1399px) {
  /*  =COMMON
	    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .media-viewport {
    font-family: media-laptop; }
  .mob-show {
    display: none; }
  .main {
    width: 946px;
    /* DYNAMIC BOXES ISOTOPE */ }
    .main.fixWidth.dynamicBox {
      width: 1000px;
      /* RESPONSIVE */ }
    .main.home {
      margin: 0 auto;
      width: 964px; }
  .careerJoinUs.main {
    width: 795px; }
  h2 {
    font-size: 3.92857em; }
  .header-decor h1, .header-decor h2, .header-decor h3, .header-decor h4, .header-decor h5, .header-decor h6 {
    margin-top: 50px;
    margin-bottom: 28.57143px;
    padding: 0 28.57143px; }
    .header-decor h1:before, .header-decor h1:after, .header-decor h2:before, .header-decor h2:after, .header-decor h3:before, .header-decor h3:after, .header-decor h4:before, .header-decor h4:after, .header-decor h5:before, .header-decor h5:after, .header-decor h6:before, .header-decor h6:after {
      width: 25.71429px; }
  .header-decor .subtitle {
    font-size: 1.64286em;
    margin-top: -21.42857px; }
  .newTag {
    font-size: 1.85714em;
    padding: 8.57143px 14.28571px;
    border-radius: 10.71429px 0;
    margin-bottom: 14.28571px; }
  /* Forms elements */
  .footerpanels .searchPane .styled-select-wrapper {
    height: 27.14286px; }
  .footerpanels .searchPane .styled-select-text {
    font-size: 0.85714em;
    padding: 0 20px 0 7px; }
  .footerpanels .searchPane .styled-select-button {
    width: 20px; }
  input[type="email"],
  input[type="text"], textarea {
    font-size: 0.85714em;
    height: 27.14286px; }
  /* popups buy it now */
  .buyOnlinePopup {
    padding: 20px;
    width: 740px; }
    .buyOnlinePopup h3 {
      padding-bottom: 20px; }
    .buyOnlinePopup .selectBox .styled-select-wrapper {
      height: 38px; }
    .buyOnlinePopup .selectBox .styled-select-text {
      font-size: 1.2em;
      padding: 0 28px 0 10px; }
  .buyOnlinePopup__block {
    padding: 20px; }
  .buyOnlinePopup__section {
    padding: 20px; }
  /*  =COLOR LANDING PAGE SLIDER
	    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .productSliderCarousel {
    height: 235.71429px; }
    .productSliderCarousel li {
      width: 189.14286px;
      height: 235.71429px;
      padding: 0 3.57143px; }
      .productSliderCarousel li:after {
        bottom: 28.57143px;
        font-size: 1.14286em;
        margin-left: -3.57143px; }
    .productSliderCarousel img {
      padding-top: 28.57143px;
      width: 171.42857px; }
    .productSliderCarousel h3 {
      font-size: 1.28571em; }
    .productSliderCarousel h4 {
      font-size: 0.85714em; }
  .productSliderNav a {
    top: 82.14286px; }
  .productSliderNav .prev {
    background-image: url(../i/sprite/sprite.png);
    background-position: -538px -474px;
    width: 13px;
    height: 28px;
    left: -18px; }
  .productSliderNav .next {
    background-image: url(../i/sprite/sprite.png);
    background-position: -538px -502px;
    width: 13px;
    height: 28px;
    right: -18px; }
  .productSliderDotsNav {
    top: 214.28571px; }
    .productSliderDotsNav .dot {
      width: 9.28571px;
      height: 9.28571px;
      margin: 0 2.85714px; }
  .productSliderInfo h3 {
    font-size: 1.71429em;
    padding: 7.14286px 10.71429px 28.57143px; }
  .productSliderInfo div {
    padding: 25.71429px; }
  .productSliderShades li {
    padding: 0 10.71429px 7.14286px;
    width: 70px;
    height: 110.71429px; }
  .productSliderShades .shadeMark {
    font-size: 1.42857em;
    padding: 7.14286px 0; }
  .productSliderDescription p {
    font-size: 1.28571em;
    padding: 0 10.71429px 21.42857px; }
  /*  =COUTURE LOLOR SERVICE LOOKS SLIDER
	    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .introTxt {
    font-size: 1.4em;
    margin: 28.57143px 0; }
  .sliderLooksCarousel {
    height: 400px;
    overflow: hidden;
    position: relative;
    border-radius: 0 22.85714px; }
    .sliderLooksCarousel li {
      width: 945.71429px; }
  .sliderLooksInfo {
    width: 242.85714px; }
    .sliderLooksInfo > * {
      margin: 10.71429px 0; }
    .sliderLooksInfo h3 {
      font-size: 3.42857em; }
    .sliderLooksInfo .descritpion {
      font-size: 1em; }
    .sliderLooksInfo .buttonText {
      font-size: 1.14286em; }
  .sliderLooksNav .prev {
    border-radius: 0 0 0 22.85714px; }
  .sliderLooksNav .next {
    border-radius: 0 22.85714px 0 0; }
  /*  =LANDING PAGE EIMI/STYLING, CARE
	    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .collectionBox {
    padding: 28.57143px 0; }
  .collectionList {
    padding: 0 7.14286px; }
    .collectionList .productElement {
      width: 175px;
      height: 260.71429px;
      padding: 7.14286px; }
      .collectionList .productElement:after {
        bottom: 14.28571px;
        font-size: 1.14286em;
        margin-left: -3.57143px; }
    .collectionList .productElement__name {
      font-size: 1.28571em;
      padding-top: 21.42857px; }
    .collectionList .productElement__subTitle {
      font-size: 0.85714em;
      padding-top: 7.14286px; }
  .bubbles {
    margin-top: 21.42857px;
    padding-top: 71.42857px;
    min-height: 436.42857px; }
  /*  =PRODUCT PAGE
	    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .prodPresentation {
    margin: 0 103.57143px; }
  .prodAward {
    margin-right: 10px;
    padding-top: 9em;
    width: 95px;
    margin-left: 0em; }
  .prodVisual {
    width: 164.28571px;
    margin: 0 42.85714px 14.28571px 0; }
  .prodDescription {
    width: 285.71429px;
    margin-right: 21px;
    font-size: 1.2em; }
    .prodDescription h3 {
      font-size: 1.71429em;
      padding: 0 0 25px; }
    .prodDescription p {
      padding: 10.71429px 0; }
    .prodDescription .button {
      margin-top: 17.85714px; }
  .prodSocialUnits {
    width: 188px;
    padding: 10.71429px 0 10.71429px 21.42857px; }
  .prodLooks li {
    margin: 3px;
    width: 32.14286px;
    height: 32.14286px; }
  .socialBox {
    margin: 21.42857px 0; }
    .socialBox li {
      margin: 2px;
      font-size: 1.4em; }
  .productArticlesGroup {
    padding: 7.14286px 1.16%; }
    .productArticlesGroup hgroup {
      padding: 14.28571px 0; }
    .productArticlesGroup article {
      padding: 7.14286px 0;
      line-height: 1.42857; }
      .productArticlesGroup article h4, .productArticlesGroup article p {
        padding: 7.14286px 0; }
    .productArticlesGroup h3 {
      font-size: 1.85714em;
      padding-bottom: 7.14286px; }
    .productArticlesGroup h4, .productArticlesGroup p {
      font-size: 1.2em; }
  .productArticlePdf h5 {
    font-size: 1.2em; }
  .educationTopic {
    padding: 7.14286px; }
    .educationTopic h4 {
      font-size: 1.71429em; }
    .educationTopic img {
      margin: 7.14286px 0; }
  .complementProdItem {
    width: 214.28571px;
    height: 300px; }
    .complementProdItem:after {
      bottom: 7.14286px;
      font-size: 1.14286em; }
    .complementProdItem .prodName {
      font-size: 1.28571em; }
  .grid5columns .complementProdItem {
    width: 186px;
    height: 258px; }
  /*  =FILTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .main.lookbookGallery .filterMenuWrap {
    padding-left: 165px;
    margin-bottom: 10px; }
  .main.lookbookGallery .filterMenu li {
    font-size: 1.1em;
    line-height: 20px; }
    .main.lookbookGallery .filterMenu li a {
      padding: 3px 14px; }
    .main.lookbookGallery .filterMenu li.item {
      margin: 0.7%; }
    .main.lookbookGallery .filterMenu li.filterText {
      line-height: 33px;
      margin-left: 15px; }
  .main.lookbookGallery .filterMenu.second {
    clear: both;
    margin-left: 134px; }
  /*  =LOOKBOOK PAGE
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .cosmeticAuthor {
    margin-top: -40px; }
    .cosmeticAuthor article {
      width: 714.28571px; }
    .cosmeticAuthor h3 {
      font-size: 2.14286em;
      margin: 28.57143px 2% 7.14286px; }
    .cosmeticAuthor p {
      font-size: 1.2em;
      margin: 7.14286px 10% 7.14286px 2%; }
    .cosmeticAuthor .buttons {
      margin: 25px 0 0; }
    .cosmeticAuthor .authorVisual {
      width: 195.71429px;
      margin: -42.85714px 35.71429px 0 0; }
  .lookPresentAngle {
    margin: 0 -7px; }
    .lookPresentAngle img {
      margin: 7px;
      width: 304px; }
  .createLook h2 {
    font-size: 3.42857em; }
  .createLook h3 {
    font-size: 1.71429em; }
  .createLook h4 {
    font-size: 1.28571em; }
  .createLook__block {
    padding: 21.42857px;
    margin-bottom: 14.28571px; }
    .createLook__block .createLook__entry {
      width: 284.28571px;
      padding-right: 21.42857px; }
      .createLook__block .createLook__entry h2 {
        padding-bottom: 14.28571px; }
      .createLook__block .createLook__entry h3 {
        padding: 10.71429px 0 32.14286px; }
      .createLook__block .createLook__entry h4 {
        padding-top: 10.71429px; }
      .createLook__block .createLook__entry p {
        font-size: 1.2em;
        line-height: 2;
        padding: 10.71429px 0; }
      .createLook__block .createLook__entry .createLook__entry--image img {
        border-radius: 2.35714em 0; }
      .createLook__block .createLook__entry .createLook__entry--content {
        margin-bottom: 14.28571px; }
    .createLook__block .createLook__steps {
      width: 597.14286px;
      padding-top: 50px; }
      .createLook__block .createLook__steps img {
        padding-bottom: 7.14286px; }
      .createLook__block .createLook__steps p {
        font-size: 1.2em;
        padding: 7.14286px 0; }
      .createLook__block .createLook__steps .createLook__steps--step {
        width: 290.71429px;
        margin: 0 15px 21.42857px 0; }
        .createLook__block .createLook__steps .createLook__steps--step h3 {
          margin-bottom: 7.14286px; }
  /* =FAQ page */
  .questionAndAnswers .faq-top {
    margin-left: 62.5em; } }

@media screen and (min-width: 1400px) {
  /*  =COMMON
	    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .media-viewport {
    font-family: media-desktop; }
  .mob-show {
    display: none; }
  .main {
    width: 1324px;
    /* RESPONSIVE */
    /* DYNAMIC BOXES ISOTOPE */ }
    .main.fixWidth.dynamicBox {
      width: 1400px;
      /* RESPONSIVE */ }
    .main.home {
      margin: 0 auto; }
  .careerJoinUs.main {
    width: 795px; }
  /* =FAQ page */
  .questionAndAnswers .faq-top {
    margin-left: 89.9em; } }

@media print {
  header .nav {
    display: none; } }

/* =FAQ page */
.faqTitle {
  margin: 115px 0 40px;
  line-height: 1em; }

.faqPage .prodInfo {
  font-size: 2.1em;
  display: block;
  font-family: "ClanNarrow-Bold";
  padding: 4% 18% 1%;
  margin-top: 5%; }

.faqPage .description {
  margin-bottom: 80px;
  text-align: center; }

.faqPage .description p {
  font-family: "ClanNarrow-Book";
  font-size: 1.8em;
  color: #191919; }

.faqPageButonns {
  margin: 80px 0; }

.faqPageButonns a {
  background: #bfbab4; }

.faqItem {
  border-top: 1px solid #ddd;
  padding: 25px 15% 25px 0;
  background: url("../i/sprite/product_arrow_down.png") no-repeat 97% center; }

.faqItem.activeQuestion {
  background: url("../i/sprite/product_arrow_up.png") no-repeat 97% center; }

.faqItem:last-child {
  border-bottom: 1px solid #ddd; }

.faqQuestion {
  font-family: "ClanNarrow-Medium";
  font-size: 2.4em;
  cursor: pointer; }

.faqAnswer {
  color: #191919;
  font-family: "ClanNarrow-Book";
  font-size: 1.6em; }

.faqAnswer a {
  text-decoration: underline; }

.faq-bottomButton {
  background-color: #cb1c6b;
  margin: 70px auto;
  display: table;
  min-width: 280px; }

.faqPage .bottomAnnotation p {
  color: #a6a6a6;
  font-family: "ClanNarrow-Book";
  font-size: 1.4em; }

.faqSectionTitle {
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center; }

.faqSectionTitleSpanTail {
  font-family: "ClanNarrow-Medium";
  font-size: 2.6em;
  display: block; }

.faqSectionTitleSpan {
  font-family: "ClanNarrow-Medium";
  display: inline-block;
  font-size: 2.6em;
  text-align: center;
  position: relative; }
  .faqSectionTitleSpan:after {
    content: " ";
    border-bottom: 1px  solid;
    position: absolute;
    height: 1px;
    width: 25px;
    top: 50%;
    margin-left: 20px; }
  .faqSectionTitleSpan:before {
    content: " ";
    border-bottom: 1px  solid;
    position: absolute;
    height: 1px;
    width: 25px;
    top: 50%;
    margin-left: -45px; }

.faq-top {
  position: fixed;
  bottom: 350px;
  cursor: pointer;
  padding: 17px 5px 5px 5px;
  background: url(../i/sprite/product_arrow_up.png) top 2px center no-repeat;
  border-radius: 15px 0 15px 0;
  background-color: white;
  margin-left: 89.9em; }
  .faq-top:not(.topButtonShow) {
    display: none; }

.wellaplex-contact-popup {
  width: 400px;
  padding: 35px;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .wellaplex-contact-popup {
      width: 95%; } }
  .wellaplex-contact-popup h2 {
    font-size: 42px;
    line-height: 130%; }
  .wellaplex-contact-popup p {
    font-size: 16px;
    padding: 25px; }

/*# sourceMappingURL=maps/main.css.map */