@charset "UTF-8";
/*	=FONT VARIABLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/*	=GLOBAL VARIABLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/* media query breakpoints */
/*	=REDESIGN GLOBAL
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/*
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
 */
/* RESET tags */
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, em, 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-Thin";
  font-size: 4.7em;
}

.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'], input[type='reset'] {
  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;
}

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

.cite {
  color: #000 !important;
  display: table;
}
.cite .cite-wrapper {
  display: table;
  width: 100%;
  height: 100%;
}
.cite .cite-content {
  display: table-cell;
  vertical-align: middle;
  padding: 0 9%;
}
.cite .title {
  line-height: 46px;
}
.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;
}

/* .creativeDirectors .cite {
	display: block;
} Rozwala tile cite na stronie creative director */
blockquote {
  display: block;
  font-family: "ClanNarrow-Thin";
  font-size: 4.3em;
  line-height: 43px;
  text-align: center;
  position: relative;
  padding: 20px 4%;
}

.tile.cite:after,
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;
  background-size: 100%;
}

.tile.cite:before,
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;
  background-size: 100%;
  border: 0;
}

.tile.cite:hover:before,
blockquote:hover:before {
  opacity: 1 !important;
}

/*
	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
*/
/*	=ISOTOPE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.block-1x1 {
  width: 440px;
  height: 440px;
}

.home .block-1x1 {
  width: 670px;
  height: 470px;
}

.salonMarketing .block-1x1 {
  width: 670px;
  height: 670px;
}

.block-1x2 {
  width: 440px;
  height: 900px;
}

.block-2x1 {
  width: 900px;
  height: 440px;
}

.home .block-2x1 {
  width: 1360px;
  height: 470px;
}

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

.block-3x1 {
  width: 1358px;
  height: 440px;
}

.tiles {
  margin: 0 -11px;
  /* Wyrównanie marginesów */
}

.home .tiles, .salonMarketing .tiles {
  margin: 0 !important;
  padding: 10px !important;
}

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

.tile {
  margin: 10px;
  /* margin który się sumuje z sąsiadującym */
  position: relative;
  float: left;
  overflow: hidden;
  text-align: center;
  color: #fff;
  /**
   * 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:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.tile > img {
  height: 100%;
  width: 100%;
  display: block;
  position: relative;
  -moz-transition: all 0.5s cubic-bezier(0.105, 0.86, 0.52, 0.965);
  -o-transition: all 0.5s cubic-bezier(0.105, 0.86, 0.52, 0.965);
  -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);
}
.tile .mask {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 100;
  opacity: 0;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.tile .mask, .tile .mask * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tile .mask-content {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
  top: 0;
  padding: 0 4% 2.8em 4%;
  z-index: 100;
}
.tile .mask-headline {
  font-family: "ClanNarrow-Medium";
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  line-height: 1;
  margin-bottom: 0.2em;
  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 .socialButtons {
  width: 100%;
  height: 14px;
  position: absolute;
  text-align: center;
  left: 0;
  top: 90%;
  z-index: 100;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.tile .socialButtons ul {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.tile .socialButtons li {
  float: left;
  height: 14px;
}
.tile .socialButtons li.shadow {
  width: 24px;
  position: relative;
}
.tile .socialButtons li.shadow.first {
  background-image: url(../i/sprite/sprite.png);
  background-position: -290px -488px;
  width: 24px;
  height: 14px;
}
.tile .socialButtons li.shadow.last {
  background-image: url(../i/sprite/sprite.png);
  background-position: -408px -394px;
  width: 24px;
  height: 14px;
}
.tile .socialButtons li.ico {
  width: 16px;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.tile .socialButtons li.ico:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.tile .socialButtons li.ico a {
  display: block;
  width: 100%;
  height: 100%;
}
.tile .socialButtons li.facebook {
  background-image: url(../i/sprite/sprite.png);
  background-position: -144px -525px;
  width: 18px;
  height: 18px;
  margin-left: 10px;
}
.tile .socialButtons li.twitter {
  background-image: url(../i/sprite/sprite.png);
  background-position: -18px -525px;
  width: 18px;
  height: 18px;
  margin: 0 8px 0 5px;
}
.tile .socialButtons li.pinterest {
  background-image: url(../i/sprite/sprite.png);
  background-position: -271px -210px;
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.tile:hover:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.tile:hover img, .tile.effect-on img {
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.tile:hover .mask, .tile.effect-on .mask {
  opacity: 1;
  visibility: visible;
}
.tile:hover .mask h2, .tile:hover .mask .buttonWrap, .tile:hover .mask .socialButtons, .tile.effect-on .mask h2, .tile.effect-on .mask .buttonWrap, .tile.effect-on .mask .socialButtons {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.tile:hover .mask .buttonWrap, .tile.effect-on .mask .buttonWrap {
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  top: 0;
}
.tile:hover .mask .socialButtons, .tile.effect-on .mask .socialButtons {
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.main.home .tile .mask.ipadFix {
  opacity: 1 !important;
}

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

/* standard facephoto tile */
/* home middle-aligned tile  */
.tile-homePush .mask-headline {
  margin-bottom: 0.5em;
}

/* standard video tile or youtube social tile */
.tile-video .socialLogo {
  width: 20px;
  height: 20px;
  margin: -1em;
  position: absolute;
  left: 50%;
  top: 1em;
}
.tile-video:hover {
  cursor: pointer;
}
.tile-video:hover .play {
  background: #c8003c;
}

.tileInstagram .mask-content,
.tileFacebook .mask-content {
  padding-left: 4em;
  padding-right: 4em;
}
.tileInstagram .socialLogo,
.tileFacebook .socialLogo {
  width: 3em;
  height: 3em;
  margin: 3em;
}
.tileInstagram .description,
.tileFacebook .description {
  margin-bottom: 1.5em;
}

.tileYouTube {
  background: #000;
}
.tileYouTube .mask-content {
  padding-left: 4em;
  padding-right: 4em;
}
.tileYouTube .socialLogo {
  width: 3em;
  height: 3em;
  margin: 3em;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1.5em;
}
.tileYouTube .play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -43px 0 0 -43px;
  z-index: 100;
}
.tileYouTube .mask-headline {
  font-size: 2em;
}
.tileYouTube .mask-text {
  font-family: "ClanNarrow-Thin";
  font-size: 1.6em;
  margin-bottom: 0;
}
.tileYouTube:hover {
  cursor: pointer;
}
.tileYouTube:hover .play {
  background: #c8003c;
}
.tileYouTube img {
  height: auto;
}

.tileTwitter .socialLogo {
  width: 3em;
  height: 3em;
  margin: 3em auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.tileTwitter:hover .socialLogo, .tileTwitter.effect-on .socialLogo {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.salonMarketing .mask-content {
  padding: 0 9.9%;
}
.salonMarketing .descriptionWhiteBox {
  background: rgba(255, 255, 255, 0.8);
  padding: 5%;
}
.salonMarketing .dotsDescription {
  position: absolute;
  left: 0;
  top: 0;
}
.salonMarketing .tile:hover .dotsDescription {
  opacity: 0;
}
.salonMarketing .dotsDescriptionContent {
  font-family: "ClanNarrow-News", Arial, sans-serif;
  font-size: 2.9em;
  color: #000;
  margin: 0 10%;
  padding: 7% 4%;
}
.salonMarketing .mask-headline {
  font-family: "ClanNarrow-News", Arial, sans-serif;
  font-size: 3.7em;
  color: #000;
  margin-bottom: 0.6em;
}
.salonMarketing .buttons {
  margin: 0;
}

.tile-pdf {
  position: relative;
}
.tile-pdf:before {
  display: none !important;
}
.tile-pdf .pdfBox {
  width: 50%;
  height: 100%;
  float: left;
  display: table;
  background: #d8d8d8;
  position: relative;
}
.tile-pdf .pdfBox .mask-headline {
  color: #000;
  display: table-cell;
  vertical-align: middle;
  top: initial !important;
}
.tile-pdf .pdfBox .buttonWrap {
  position: absolute;
  margin: 0;
  left: 0;
  bottom: 10px;
  top: initial !important;
  z-index: 100;
}
.tile-pdf .pdfBox + .pdfBox:before {
  content: "";
  width: 4px;
  height: 100%;
  background: #000;
  position: absolute;
  left: 0;
  margin-left: -2px;
}
.tile-pdf:hover .buttonWrap,
.tile-pdf:hover .mask-headline {
  top: initial !important;
}

/* ***********************
	==================
	DEKLARACJA ISOTOPA
	==================cd
*********************** */
.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 {
  -moz-transition-property: height, width;
  -o-transition-property: height, width;
  -webkit-transition-property: height, width;
  transition-property: height, width;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  /**** disabling Isotope CSS3 transitions ****/
}
.isotope .isotope-item {
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope.no-transition, .isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

.scrollbar-path-vertical, .scrollbar-path-horizontal {
  position: absolute;
  background-color: #eee;
  background-color: rgba(220, 220, 220, 0.5);
  z-index: 100;
}

.scrollbar-handle {
  position: relative;
  top: 0;
  left: 0;
  background-color: #CA1C6A;
}

.scrollbar-path-horizontal {
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 10px;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.scrollbar-path-horizontal .scrollbar-handle {
  width: 20%;
  height: 100%;
}

.scrollbar-path-vertical {
  right: 5px;
  top: 0;
  height: 100%;
  width: 10px;
  -moz-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}
.scrollbar-path-vertical .scrollbar-handle {
  height: 20%;
  width: 100%;
}

.scrollbar-path-vertical, .scrollbar-path-horizontal, .scrollbar-handle {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/*	=PICTURE FRAME PANEL
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.brandsList img,
.topMainVisual .pictureFrame img {
  width: 100%;
}

/* COLOR */
.pictureFrame .colRight.bgPeach {
  background-color: #fabc83;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYmM4MyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjY3YjVjIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -moz-linear-gradient(45deg, #fabc83 0%, #f67b5c 50%);
  background-image: -webkit-linear-gradient(45deg, #fabc83 0%, #f67b5c 50%);
  background-image: linear-gradient(45deg, #fabc83 0%, #f67b5c 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fabc83', endColorstr='#f67b5c',GradientType=1 );
}

.pictureFrame .colRight.bgPink {
  background-color: #bf163a;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmMTYzYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q4NTM1NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(45deg, #bf163a 0%, #d85356 100%);
  background-image: -webkit-linear-gradient(45deg, #bf163a 0%, #d85356 100%);
  background-image: linear-gradient(45deg, #bf163a 0%, #d85356 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf163a', endColorstr='#d85356',GradientType=1 );
}

.pictureFrame .colRight.businessTools {
  background-color: #592756;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkMmU1ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzczMTc0MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(45deg, #4d2e5f 0%, #731743 100%);
  background-image: -webkit-linear-gradient(45deg, #4d2e5f 0%, #731743 100%);
  background-image: linear-gradient(45deg, #4d2e5f 0%, #731743 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d2e5f', endColorstr='#731743',GradientType=1 );
}

.pictureFrame .colRight.trending {
  background-color: #990359;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIyOCUiIHN0b3AtY29sb3I9IiM5OTAzNTkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjFiN2MiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -moz-linear-gradient(45deg, #990359 28%, #cf1b7c 100%);
  background-image: -webkit-linear-gradient(45deg, #990359 28%, #cf1b7c 100%);
  background-image: linear-gradient(45deg, #990359 28%, #cf1b7c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990359', endColorstr='#cf1b7c',GradientType=1 );
}

.pictureFrame {
  position: relative;
  width: 100%;
}

.pictureFrame img.visual {
  display: block;
}

.color-black {
  background: #000;
}

.color-purple {
  background: #783350;
}

.color-brown {
  background: #a5836d;
}

.color-gray {
  background: #7e7e7e;
}

.pictureFrame .col {
  position: absolute;
}

.pictureFrame .colCenter {
  width: 100%;
}

.pictureFrame.colCentered .colRight,
.pictureFrame.colCentered .colLeft {
  width: 100%;
}

.pictureFrame .colLeft {
  width: 50%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  z-index: 10;
}

.pictureFrame .colRight {
  position: absolute;
  height: 100%;
  width: 50%;
  right: 0;
  top: 0;
  text-align: center;
  z-index: 10;
}

/* Reverse visual order of collumns */
.pictureFrame.colReversed .colLeft {
  left: 50%;
  position: relative;
}

.pictureFrame.colReversed .colRight {
  left: 0;
  right: auto;
}

.pictureFrame .colRight .inner {
  height: 100%;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

.colorDispatchFrame.pictureFrame .colRight .inner {
  padding-top: 110px;
}

.pictureFrame img.centerPack {
  position: absolute;
  bottom: -4%;
  left: 50%;
  margin-left: -17.85714285714286%;
  width: 35.71428571428571%;
  max-width: 100% !important;
  z-index: 100;
  /*
  	centrowanie z dynamicznym skalowaniem obrazka
  */
}

.pictureFrame .colLeft h2, .pictureFrame .colRight h2,
.pictureFrame .colLeft h1, .pictureFrame .colRight h1 {
  margin-bottom: 20px;
}

.pictureFrame .colLeft img.packshot, .pictureFrame .colRight img.packshot {
  width: 71.42857142857143%;
  /* 500 / .col width(700px) * 100  */
  margin-top: 30px;
}

.pictureFrame .colLeft img.logo, .pictureFrame .colRight img.logo {
  width: 68.56330014224751%;
  /* 482(img) / .col width(703px) * 100 */
  /*margin-top: 26.92793931731985%; */
  /* 213px; */
}

.pictureFrame .colLeft .subtitle, .pictureFrame .colRight .subtitle {
  font-size: 2.4em;
  font-family: "ClanNarrow-Medium";
  padding: 8px 0;
  display: block;
  font-weight: normal;
}

/* BANER na 100% wielkosci strony */
.pictureFrame.fullFrame .colLeft {
  width: 100%;
}

.pictureFrame.fullFrame .colRight {
  width: 100%;
  position: relative;
}

.pictureFrame.fullFrame .colRight .inner {
  padding: 50px 0;
}

.pictureFrame.fullFrame .colRight h1 {
  margin: 0;
  font-size: 11em;
  line-height: 84px;
}

.pictureFrame.fullFrame .short {
  font-family: "ClanNarrow-Thin";
  font-size: 2.4em;
  margin-top: 30px;
}

.pictureFrame .icLogo {
  /*padding: 176px 0 74px 0;*/
  /*padding: 21% 0 6% 0;  odpalone vertykalne centrowanie więc narazir to jest zbęde*/
  padding-bottom: 6%;
  display: block;
  text-align: center;
  font-size: 1.6em;
  font-weight: bold;
}

.pictureFrame .icLogo img {
  width: 41.53627311522048% !important;
  /* width obrazka / width colRight z firebuga * 100 */
}

.pictureFrame .prodInfo {
  font-size: 1.7em;
  display: block;
  padding-bottom: 2.396804260985353%;
}

.pictureFrame .prodDescription {
  display: block;
  padding: 4% 18% 1%;
  font-family: "ClanNarrow-Medium";
}

.blondor-header-col .prodDescription {
  padding-left: 21%;
  padding-right: 21%;
}

.pictureFrame .prodNote {
  opacity: 0.5;
  display: block;
  padding: 0 15%;
}

.pictureFrame .colRight h1,
.pictureFrame .colRight h2 {
  font-family: "ClanNarrow-Medium";
  font-size: 5.2em;
  line-height: 109.2410119840213%;
  /* 52px */
  margin: 2.793608521970706% 0 4.725699067909454% 0;
}

.pictureFrame .colRight h1.large {
  /*padding: 40% 0 5% 0;*/
  margin: 0;
  font-size: 9.8em;
  line-height: 0.85;
}

.pictureFrame .colRight.bgPink .prodInfo {
  font-weight: bold;
  margin: 5% 0 1%;
}

.pictureFrame input[type="text"] {
  width: 244px;
  height: 46px;
  padding: 0 20px;
  font-size: 1.8em;
  line-height: 2.4em;
  margin: 5px;
}

.pictureFrame input[type="submit"] {
  height: 46px;
  padding: 0 32px;
  min-width: 0;
  font-size: 1.8em;
  margin: 5px;
}

.subtitlePosition {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 10px;
  color: #fff;
}

.subtitlePosition.imageSubtitlePosition img {
  width: auto !important;
}

.pictureFrame .careSubtitle {
  /*margin: 52% 0 0 30%;*/
}
.pictureFrame .careSubtitle .subtitle {
  color: #fff;
  font-family: "ClanNarrow-Bold";
}

.pictureFrame .care2Subtitle {
  margin: 72% 0 0 16%;
}
.pictureFrame .care2Subtitle .subtitle {
  color: #fff;
  font-family: "ClanNarrow-Bold";
}

.pictureFrame .ilonaSubtitle {
  margin: 75% 0 0 5%;
}
.pictureFrame .ilonaSubtitle .subtitle {
  color: #793451;
}
.pictureFrame .ilonaSubtitle .line {
  width: 50%;
  background: none;
  border-top: 1px solid #e9e7e5;
  display: inline-block;
}

.pictureFrame .founder h2 {
  font-family: "ClanNarrow-Medium";
  font-size: 9.8em !important;
  line-height: 92px !important;
  margin: 0;
}

.pictureFrame .founder .founderInfo {
  font-size: 1.6em !important;
  text-align: justify;
  line-height: 25px;
}

.pictureFrame .founder .inner {
  /*padding: 21.05278514588859% 11.3960113960114% 0 11.3960113960114%;
    161px -  */
}

.pictureFrame .founder .line {
  padding: 20px 0;
}

.lookBookPage .pictureFrame .colRight {
  width: 50%;
  position: absolute;
}

/*	=CARE COLLECTIONS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.rwdDimension {
  margin: 0 auto;
}

/* jeśli nie ma zdefiniowanych styli to łapie kolory iluminy jest to użyte w look book */
.lookbook-block-left, .-block-left {
  background: #97305d;
}

.lookbook-block-right, .-block-right {
  background: #383637;
}

.braun {
  color: #793451;
}

.glossing {
  background: #645563;
}
.glossing:hover {
  background: #534046;
}

.black, .button.button--secondary {
  background: #000;
}

.button.button--tertiary {
  background: #000;
}

.colorWithVision-header-col {
  background: #bb9eba;
}

.colorWithVision-header-title {
  color: #fff;
}

.colorWithVision-button {
  background: #bb9eba;
}

.colorWithVision-button.active,
.colorWithVision-button:hover {
  background: #645563;
}

.colorWithVision-block-left {
  background: #bb9eba;
}

.colorWithVision-block-right {
  background: #645563;
}

.colorWithVision-text {
  color: #000;
}

.apliance-header-col {
  background: #c8003e;
}

.apliance-header-title {
  color: #fff;
}

.apliance-button {
  background: #c8003e;
}

.apliance-button.active,
.apliance-button:hover {
  background: #191919;
}

.apliance-block-left {
  background: #191919;
}

.apliance-block-right {
  background: #c8003e;
}

.apliance-text {
  color: #000;
}

.care-header-col {
  background: #d8a9ce;
}

.care-header-title {
  color: #fff;
}

.care-button {
  background: #fbb57e;
}

.care-button.active,
.care-button:hover {
  background: #dfbed8;
}

.care-block-left {
  background: #dfbed8;
}

.care-block-right {
  background: #fbb57e;
}

.care-text {
  color: #191919;
}

.koleston-header-col {
  background: #c02150;
}

.koleston-header-title {
  color: #002389;
}
@media only screen and (max-width: 767px) {
  .koleston-header-title {
    color: #fff;
  }
}

.koleston-button {
  background: #c70039;
}

.koleston-button.active,
.koleston-button:hover {
  background: #d05277;
}

.koleston-block-left {
  background: #c91f50;
}

.koleston-block-right {
  background: #d05277;
}

.koleston-text {
  color: #191919;
}

.texture-header-col {
  background: #e1d5e1;
}

.texture-header-title {
  color: #fff;
}

.texture-button {
  background: #c4b6c5;
}

.texture-button.active,
.texture-button:hover {
  background: #ada2b0;
}

.texture-block-left {
  background: #ada2b0;
}

.texture-block-right {
  background: #d0c2d1;
}

.texture-text {
  color: #191919;
}

.brandHeader .brandInfo.blondor-brandInfo,
.blondor-header-col {
  background: #739ec1;
}

.blondor-header-title {
  color: #fff;
}

.blondor-button {
  background: #8eb9dc;
}

.blondor-button.active,
.blondor-button:hover {
  background: #6685a2;
}

.blondor-block-left {
  background: #607b96;
}

.blondor-block-right {
  background: #8eb9dc;
}

.blondor-text {
  color: #191919;
}

.blondorNew-header-title {
  color: #fff;
}

.blondorNew-button {
  background: #86cae4;
}

.blondorNew-button.active,
.blondorNew-button:hover {
  background: #9da9db;
}

.blondorNew-block-left {
  background: #9da9db;
}

.blondorNew-block-right {
  background: #86cae4;
}

.blondorNew-text {
  color: #191919;
}

.colortouch-header-col {
  background: #ee5da2;
}

.colortouch-header-title {
  color: #e75d90;
}

.colortouch-button {
  background: #e45690;
}

.colortouch-button.active,
.colortouch-button:hover {
  background: #da1b23;
}

.colortouch-block-left {
  background: #da1b23;
}

.colortouch-block-right {
  background: #e45690;
}

.colortouch-text {
  color: #191919;
}

.ilumina-header-col {
  background: #a2a1c3;
}

.ilumina-header-title {
  color: #594785;
}

.ilumina-button {
  background: #9695b5;
}

.ilumina-button.active,
.ilumina-button:hover {
  background: #a1507b;
}

.ilumina-block-left {
  background: #4a3350;
}

.ilumina-block-right {
  background: #9695b5;
}

.ilumina-text {
  color: #3c456d;
}

.colorid-header-col {
  background: #d9282e;
}

.colorid-header-title {
  color: #4d4e4d;
}

.colorid-button {
  background: #f4bd00;
}

.colorid-button.active,
.colorid-button:hover {
  background: #e82b31;
}

.colorid-block-left {
  background: #d9282e;
}

.colorid-block-right {
  background: #f4bd00;
}

.colorid-text {
  color: #3c456d;
}

.magma-header-col {
  background: #970b2e;
}

.magma-header-title {
  color: #be0139;
}

.magma-button {
  background: #c8003e;
}

.magma-button.active,
.magma-button:hover {
  background: #970b2e;
}

.magma-block-left {
  background: #970b2e;
}

.magma-block-right {
  background: #c8003e;
}

.magma-text {
  color: #000;
}

.monaco-header-col {
  background: #c8013c;
}

.monaco-header-title {
  color: #be0139;
}

.monaco-button {
  background: #bfbab4;
}

.monaco-button.active,
.monaco-button:hover {
  background: #c8013c;
}

.monaco-block-left {
  background: #bfbab4;
}

.monaco-block-right {
  background: #c8013c;
}

.monaco-text {
  color: #000;
}

.distilled-header-col {
  background: #e3b7aa;
}

.distilled-header-title {
  color: #e3b7aa;
}

.distilled-button {
  background: #adb9d3;
}

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

.distilled-block-left {
  background: #adb9d3;
}

.distilled-block-right {
  background: #e3b7aa;
}

.distilled-text {
  color: #000;
}

.patina-header-col {
  background: #d66763;
}

.patina-header-title {
  color: #be0139;
}

.patina-button {
  background: #dec4ad;
}

.inspirationPage .pushes3 .patina-button:hover,
.inspirationPage .pushes3 .patina-button:active,
.patina-button.active,
.patina-button:hover {
  background: #d66763;
}

.patina-block-left {
  background: #d76763;
}

.patina-block-right {
  background: #dec4ad;
}

.patina-text {
  color: #000;
}

.inspirationPage .pushes3 .patina-button {
  background: #dec4ad;
}

.daisy-header-col {
  background: #82b46f;
}

.daisy-header-title {
  color: #fff;
}

.daisy-button {
  background: #82b46f;
}

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

.daisy-block-left {
  background: #cc0033;
}

.daisy-block-right {
  background: #82b46f;
}

.daisy-text {
  color: #000;
}

.productSubMenu a.active-daisy {
  background: #82b46f;
}

.cosmeticAuthor.daisy-color {
  color: #fff;
}

.styling-header-col {
  background: #e2c7be;
}

.styling-header-title {
  color: #fff;
}

.styling-button {
  background: #d3b6ae;
}

.styling-button.active,
.styling-button:hover {
  background: #ae9590;
}

.styling-block-left {
  background: #d3b6ae;
}

.styling-block-right {
  background: #ae9590;
}

.styling-text {
  color: #000;
}

.kolestonPerfect-header-title {
  color: #fff;
}

.kolestonPerfect-button.active,
.kolestonPerfect-button:hover {
  background: #88014f;
}

.kolestonPerfect-block-left {
  background: #c12150;
}

.kolestonPerfect-block-right {
  background: #d15177;
}

.kolestonPerfect-text {
  color: #000;
}

.makingWaves-block-left {
  background: #191919;
}

.makingWaves-block-right {
  background: #cc0033;
}

.makingWaves-button {
  background: #191919;
}

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

.instamatic-header-col {
  background: #71bcb6;
}

.instamatic-header-title {
  color: #be0139;
}

.instamatic-button {
  background: #e36297;
}

.instamatic-button.active,
.instamatic-button:hover {
  background: #71bcb6;
}

.instamatic-block-left {
  background: #af919b;
}

.instamatic-block-right {
  background: #71bcb6;
}

.instamatic-text {
  color: #000;
}

.instamaticUS-header-col {
  background: #74bcb6;
}

.instamaticUS-header-title {
  color: #fff;
}

.instamaticUS-button {
  background: #74bcb6;
}

.instamaticUS-button.active,
.instamaticUS-button:hover {
  background: #e16497;
}

.instamaticUS-block-left {
  background: #74bcb6;
}

.instamaticUS-block-right {
  background: #e16497;
}

.instamaticUS-text {
  color: #000;
}

.innosence-header-col {
  background: #bc266a;
}

.innosence-button {
  background: #bc266a;
}

.innosence-button.active,
.innosence-button:hover {
  background: #e99261;
}

.innosence-block-left {
  background: #bc266a;
}

.innosence-block-right {
  background: #e99261;
}

.innosence-text {
  color: #000;
}

.innosence2-header-col {
  background: #820053;
}

.innosence2-button {
  background: #820053;
}

.innosence2-button.active,
.innosence2-button:hover {
  background: #9a6f61;
}

.innosence2-block-left {
  background: #820053;
}

.innosence2-block-right {
  background: #9a6f61;
}

.innosence2-text {
  color: #000;
}

.coutureColor-button1 {
  background: #44a6df;
}

.coutureColor-button1.active,
.coutureColor-button1:hover {
  background: #e82b31;
}

.coutureColor-button2 {
  background: #a594b8;
}

.coutureColor-button2.active,
.coutureColor-button2:hover {
  background: #e82b31;
}

.coutureColor-button3 {
  background: #da0c23;
}

.coutureColor-button3.active,
.coutureColor-button3:hover {
  background: #e82b31;
}

.coutureColor-button4 {
  background: #44a6df;
}

.coutureColor-button4.active,
.coutureColor-button4:hover {
  background: #e82b31;
}

.coulture-block-left {
  background: #bc2669;
}

.coulture-block-right {
  background: #a594b8;
}

.CharmRed-header-col {
  background: #ce0e41;
}

.CharmRed-header-title {
  color: #ce0e41;
}

.CharmRed-button {
  background: #ce0e41;
}

.CharmRed-button.active,
.CharmRed-button:hover {
  background: #44bac7;
}

.CharmRed-block-left {
  background: #ce0e41;
}

.CharmRed-block-right {
  background: #44bac7;
}

.CharmRed-text {
  color: #000;
}

.CharmBlue-header-col {
  background: #44bac7;
}

.CharmBlue-header-title {
  color: #44bac7;
}

.CharmBlue-button {
  background: #44bac7;
}

.CharmBlue-button.active,
.CharmBlue-button:hover {
  background: #ce0e41;
}

.CharmBlue-block-left {
  background: #44bac7;
}

.CharmBlue-block-right {
  background: #ce0e41;
}

.CharmBlue-text {
  color: #000;
}

.cbb-block-left {
  background: #a5836d;
}

.cbb-block-right {
  background: #cc0033;
}

.eimi-header-col {
  background-color: #f2a996;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyYTk5NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y5YzFiNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(45deg, #f2a996 0%, #f9c1b4 100%);
  background-image: -webkit-linear-gradient(45deg, #f2a996 0%, #f9c1b4 100%);
  background-image: linear-gradient(45deg, #f2a996 0%, #f9c1b4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2a996', endColorstr='#f9c1b4',GradientType=1 );
}

.eimi-header-title {
  color: #fff;
}

.eimi-block-left {
  background: #756660;
}

.eimi-block-right {
  background: #efa694;
}

.eimi-button {
  background: #756660;
}

.eimi-button.active,
.eimi-button:hover {
  background: #efa694;
}

.brandHeader .brandInfo.eimiVolume-brandInfo {
  background-color: #F1A693;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyYTk5NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y5YzFiNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(45deg, #f2a996 0%, #f9c1b4 100%);
  background-image: -webkit-linear-gradient(45deg, #f2a996 0%, #f9c1b4 100%);
  background-image: linear-gradient(45deg, #f2a996 0%, #f9c1b4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2a996', endColorstr='#f9c1b4',GradientType=1 );
}
.brandHeader .brandInfo.eimiSmooth-brandInfo {
  background-color: #B8B8DD;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FmYjNkYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MyYzRlMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(45deg, #afb3da 0%, #c2c4e3 100%);
  background-image: -webkit-linear-gradient(45deg, #afb3da 0%, #c2c4e3 100%);
  background-image: linear-gradient(45deg, #afb3da 0%, #c2c4e3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afb3da', endColorstr='#c2c4e3',GradientType=1 );
}
.brandHeader .brandInfo.eimiTexture-brandInfo {
  background-color: #D2DDBB;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5ZDdhYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QxZGNiYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(45deg, #c9d7ac 0%, #d1dcbc 100%);
  background-image: -webkit-linear-gradient(45deg, #c9d7ac 0%, #d1dcbc 100%);
  background-image: linear-gradient(45deg, #c9d7ac 0%, #d1dcbc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9d7ac', endColorstr='#d1dcbc',GradientType=1 );
}
.brandHeader .brandInfo.eimiShine-brandInfo {
  background-color: #EED898;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZDI4ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZDg5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(45deg, #e9d28e 0%, #edd899 100%);
  background-image: -webkit-linear-gradient(45deg, #e9d28e 0%, #edd899 100%);
  background-image: linear-gradient(45deg, #e9d28e 0%, #edd899 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9d28e', endColorstr='#edd899',GradientType=1 );
}
.brandHeader .brandInfo.eimiFixing-brandInfo {
  background-color: #766661;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkwN2Q3NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc3Njg2MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(45deg, #907d77 0%, #776863 100%);
  background-image: -webkit-linear-gradient(45deg, #907d77 0%, #776863 100%);
  background-image: linear-gradient(45deg, #907d77 0%, #776863 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#907d77', endColorstr='#776863',GradientType=1 );
}
.brandHeader .brandInfo.eimiSelfdesignwax-brandInfo {
  background-color: #a59d9a;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E1OWQ5YSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q2ZDVkMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(45deg, #a59d9a 0%, #d6d5d3 100%);
  background-image: -webkit-linear-gradient(45deg, #a59d9a 0%, #d6d5d3 100%);
  background-image: linear-gradient(45deg, #a59d9a 0%, #d6d5d3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a59d9a', endColorstr='#d6d5d3',GradientType=1 );
}

.blue-header-col {
  background: #8db9de;
}

.blue-header-title {
  color: #bfbfbd;
}

.blue-button {
  background: #8db9de;
}

.blue-button.active,
.blue-button:hover {
  background: #bfbfbd;
}

.blue-block-left {
  background: #8db9de;
}

.blue-block-right {
  background: #bfbfbd;
}

.blue-text {
  color: #fff;
}

.grey-header-col {
  background: #bfbfbd;
}

.grey-header-title {
  color: #8db9de;
}

.grey-button {
  background: #bfbfbd;
}

.grey-button.active,
.grey-button:hover {
  background: #8db9de;
}

.grey-block-left {
  background: #bfbfbd;
}

.grey-block-right {
  background: #8db9de;
}

.grey-text {
  color: #fff;
}

.softouch-header-col {
  background: #d86465;
}

.softouch-header-title {
  color: #d86465;
}

.softouch-button {
  background: #adb9d3;
}

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

.softouch-block-left {
  background: #adb9d3;
}

.softouch-block-right {
  background: #d86465;
}

.softouch-text {
  color: #191919;
}

.tango-header-col {
  background: #191919;
}

.tango-header-title {
  color: #fff;
}

.tango-button {
  background: #191919;
}

.tango-button.active,
.tango-button:hover {
  background: #c8003e;
}

.tango-block-left {
  background: #191919;
}

.tango-block-right {
  background: #191919;
}

.tango-text {
  color: #000;
}

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

.buttons {
  text-align: center;
  margin: 40px 0 70px 0;
  position: relative;
}
.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: 8px 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 {
  margin-left: 14px;
  padding: 0 15px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  line-height: 48px;
  border-radius: 8px 0 8px 0;
  display: inline-block;
  position: relative;
  font-size: 1.5em;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.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%;
}

/* FIXOWANIE BUTTONÓW NA STRONIE */
.buttonsWrapper.is-sticky {
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -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);
  -moz-transition: margin 0.8s;
  -o-transition: margin 0.8s;
  -webkit-transition: margin 0.8s;
  transition: margin 0.8s;
}

@media screen and (min-width: 1400px) {
  .buttons .button {
    min-width: 283px;
  }

  .buttonsWrapper.is-sticky .buttons {
    margin-top: 110px;
  }

  .binTrigger {
    max-width: 310px;
  }
}
/*end desktop*/
@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;
  }
}
/*end laptop*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .buttons .button {
    min-width: 190px;
    line-height: 34px;
    font-size: 1.1em;
  }

  .buttonsWrapper.is-sticky .buttons {
    margin-top: 71px;
  }

  .binTrigger {
    max-width: 220px;
    line-height: 34px;
  }
}
/*end tablet*/
@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;
  }
}
/*end mobile*/
.ie8 .js-buttons-fixed .main .buttons {
  background: url(../i/bg/bg_white_opacity_07.png) repeat scroll 0 0 !important;
}

.quotation blockquote {
  padding-left: 5.5%;
  padding-right: 5.5%;
  text-transform: uppercase;
  line-height: 1.1;
}
@media only screen and (min-width: 1400px) {
  .quotation blockquote {
    font-size: 4em;
    margin-top: 15px;
    padding-top: 60px;
    padding-bottom: 46px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .quotation blockquote {
    font-size: 2.92857em;
    margin-top: 10.98214px;
    padding-top: 43.92857px;
    padding-bottom: 33.67857px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .quotation blockquote {
    font-size: 2.19429em;
    margin-top: 8.22857px;
    padding-top: 32.91429px;
    padding-bottom: 25.23429px;
  }
}
@media only screen and (max-width: 767px) {
  .quotation blockquote {
    padding-left: 11%;
    padding-right: 11%;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 1.6em;
    line-height: 1.4;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.quotation blockquote:after {
  left: 0.6em;
}
.quotation blockquote:before {
  right: 0.6em;
  bottom: 1em;
}

.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: 25.625px;
  }
}
@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.19643em;
  }
}
@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+ */
  background: -o-linear-gradient(left, #fcfcfc 0%, #454545 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #fcfcfc 0%, #454545 100%);
  /* IE10+ */
  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+ */
  background: -o-linear-gradient(left, #454545 0%, #fcfcfc 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #454545 0%, #fcfcfc 100%);
  /* IE10+ */
  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: -176px -488px;
  width: 22px;
  height: 21px;
}
.followSocialBox li.twitter {
  background-image: url(../i/sprite/sprite.png);
  background-position: -110px -488px;
  width: 22px;
  height: 21px;
}
.followSocialBox li.pinterest {
  background-image: url(../i/sprite/sprite.png);
  background-position: -88px -488px;
  width: 22px;
  height: 21px;
}
.followSocialBox li.instagram {
  background-image: url(../i/sprite/sprite.png);
  background-position: -154px -488px;
  width: 22px;
  height: 21px;
}
.followSocialBox li.youtube {
  background-image: url(../i/sprite/sprite.png);
  background-position: -132px -488px;
  width: 22px;
  height: 21px;
}
.followSocialBox li.www {
  background-image: url(../i/sprite/sprite.png);
  background-position: -328px -193px;
  width: 22px;
  height: 21px;
}

/*----- Reviews Global Styles -----*/
.rating {
  display: inline-block;
}
.rating li {
  display: inline-block;
  margin-left: 2px;
  float: left;
}
.rating li:first-child {
  margin-left: 0;
}
.rating a {
  display: block;
  background-image: url(../i/sprite/sprite.png);
  background-position: -323px -288px;
  width: 22px;
  height: 19px;
}
.rating a.point {
  background-image: url(../i/sprite/sprite.png);
  background-position: -198px -488px;
  width: 22px;
  height: 19px;
}
.rating.rating--valuebar li {
  margin-left: 2px;
}
.rating.rating--valuebar a {
  width: 25px;
  height: 7px;
  background: #e2e2e2;
}
.rating.rating--valuebar a.point {
  background: #92a5b1;
  width: 25px;
  height: 7px;
}

.tooltip__box {
  visibility: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  position: absolute;
  padding: 16px 14px 22px;
  background: #fff;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.75);
  z-index: 10;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.tooltip__box.active {
  visibility: visible;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.tooltip__box .tooltip__box__close {
  font-size: 1.6em;
  line-height: 17px;
  width: 17px;
  height: 17px;
  text-align: center;
  font-family: "ClanNarrow-Thin";
  color: #fff;
  background-color: #98005c;
}

.reviewsRead, .reviewsWrite {
  clear: both;
}
.reviewsRead h3, .reviewsWrite h3 {
  font-family: "ClanNarrow-Thin";
  font-size: 4.8em;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.reviewsHeader {
  font-family: "ClanNarrow-Thin";
  font-size: 4.8em;
  text-align: center;
  text-transform: uppercase;
  margin: 40px 0 25px;
  display: none;
}
.reviewsHeader.active {
  display: block;
}

.reviewsRating-mob.reviewActions {
  display: none;
}

.revProfileContainer {
  display: block;
  margin-right: 5px;
}

.revProfileContainer__prefix {
  margin-right: 3px;
  font-weight: bold;
  font-size: 16px;
  color: #000;
  line-height: 1.5em;
}

.revProfileContainer__label {
  font-size: 16px;
  color: #000;
  line-height: 1.5em;
}

.revProfileContainer__suffix {
  font-size: 16px;
  color: #000;
  line-height: 1.5em;
  margin-right: 3px;
  font-weight: bold;
}

/*----- Review section -----*/
.reviewActions {
  display: inline-block;
  clear: both;
  margin: 30px 0 20px;
  padding: 3px 0;
  border-top: 2px solid #eef1f3;
  border-bottom: 2px solid #eef1f3;
}
.reviewActions .revActionsCol .button--primary {
  font-family: "ClanNarrow-News";
  font-size: 0.8em;
  border-radius: 8px 0;
  height: 30px;
  line-height: 30px;
}
.reviewActions .revActionsCol {
  position: relative;
  display: inline-block;
  margin: 0 -3px;
  padding: 0 10px;
}
.reviewActions .rating {
  position: relative;
  top: 4px;
}
.reviewActions .rating a {
  cursor: default;
}
.reviewActions .tooltip__box {
  top: 31px;
  left: 45%;
  width: 326px;
  text-transform: uppercase;
}
.reviewActions .tooltip__box h5 {
  margin: 0 0 20px;
  font-family: "ClanNarrow-Book";
  font-size: 1.6em;
  text-align: center;
}
.reviewActions .tooltip__box h5 strong {
  display: block;
  font-family: "ClanNarrow-Bold";
  font-size: 1.1em;
  margin-bottom: 5px;
}
.reviewActions .tooltip__box ul {
  margin: 0;
  padding: 0;
  list-style: none;
  clear: both;
  text-align: left;
}
.reviewActions .tooltip__box li {
  position: relative;
  padding-right: 32px;
  padding-left: 76px;
  margin-bottom: 12px;
  line-height: 18px;
}
.reviewActions .tooltip__box li strong {
  position: absolute;
  width: 76px;
  top: 0;
  left: 0;
  height: 16px;
  font-family: "ClanNarrow-Book";
  font-size: 1em;
}
.reviewActions .tooltip__box .nrOfStars {
  position: absolute;
  top: 0;
  right: 0;
  width: 26px;
  height: 16px;
  font-family: "ClanNarrow-Thin";
  font-size: 1.5em;
  color: #b5b5b5;
}
.reviewActions .tooltip__box .revProgress {
  height: 16px;
  border: 1px solid #e5e5e5;
}
.reviewActions .tooltip__box .revProgress div {
  height: 16px;
  background: #98005c;
  text-indent: -9999em;
}

.reviewsRead {
  clear: both;
  display: block;
}
.reviewsRead .reviewsReadHeader {
  text-align: center;
  font-family: "ClanNarrow-Thin";
  font-size: 2em;
}
.reviewsRead .reviewsReadHeader .rating {
  margin-left: 20px;
}
.reviewsRead p {
  margin: 10px 0;
}
.reviewsRead .reviewsFilter {
  height: 120px;
}
.reviewsRead .reviewsFilter .button {
  margin-top: 90px;
}
.reviewsRead .reviewsFilter .selectBox {
  float: right;
  width: 250px;
  margin-top: 90px;
  font-size: 1.8em;
}
.reviewsRead .reviewsFilter .selectBox .styled-select-wrapper {
  border: 1px solid #e5e5e5;
}
.reviewsRead .reviewsFilter .selectBox .styled-select-button {
  background-color: #98005c;
}
.reviewsRead .reviewsFilter .selectBox select {
  opacity: 0;
}

.revItem {
  border-bottom: 2px solid #fff;
  background-color: #f5f5f5;
  display: table;
  table-layout: fixed;
}
.revItem:nth-child(2n) {
  background-color: transparent;
}
.revItem > div {
  display: table-cell;
}

.revProfile {
  padding: 24px;
  width: 312px;
  border-right: 1px solid #fff;
}
.revProfile h4 {
  font-size: 2.8em;
  font-family: "ClanNarrow-Bold";
}
.revProfile p {
  font-size: 1.4em;
  font-family: "ClanNarrow-Medium";
}
.revProfile .productUser {
  font-style: italic;
  color: #7f7f7b;
  display: block;
}
.revProfile .revReport {
  font-size: 1.2em;
  color: #bfbdbd;
  font-family: "ClanNarrow-Thin";
}
.revProfile .revReport:hover {
  text-decoration: underline;
}

.revStats {
  width: 312px;
  padding: 24px;
  font-size: 1.6em;
  font-family: "ClanNarrow-Bold";
  border-right: 1px solid #fff;
}
.revStats div {
  margin-top: 5%;
}
.revStats .rating {
  margin-right: 18px;
}
.revStats .revLabel {
  display: block;
}
.revStats .revPopularity a {
  font-size: 0.75em;
  font-family: "ClanNarrow-Medium";
  padding: 3px 10px 3px 20px;
}
.revStats .revLike {
  background-image: url(../i/sprite/sprite.png);
  background-position: -549px -20px;
  width: 16px;
  height: 20px;
}
.revStats .revLike.disable {
  background-image: url(../i/sprite/sprite.png);
  background-position: -549px -40px;
  width: 16px;
  height: 20px;
}
.revStats .revUnlike {
  background-image: url(../i/sprite/sprite.png);
  background-position: -549px -20px;
  width: 16px;
  height: 20px;
}
.revStats .revUnlike.disable {
  background-image: url(../i/sprite/sprite.png);
  background-position: -549px -40px;
  width: 16px;
  height: 20px;
}
.revStats .disable {
  color: #e2e2e2;
  cursor: default;
}

.revContent {
  padding: 20px 15px 20px 50px;
  width: 454px;
  min-height: 163px;
  position: relative;
  border-right: 1px solid #fff;
}
.revContent h4 {
  margin: 0;
  position: relative;
  font-size: 2em;
  font-family: "ClanNarrow-Bold";
}
.revContent h4:before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: -26px;
  background-image: url(../i/sprite/sprite.png);
  background-position: -528px -457px;
  width: 18px;
  height: 18px;
}
.revContent strong {
  font-family: "ClanNarrow-Bold";
  display: block;
  margin: 30px 0 24px;
  font-size: 2em;
  word-break: break-word;
}
.revContent time {
  display: block;
  font-size: 1.9em;
  color: #8b9fac;
  font-family: "ClanNarrow-Book";
  font-style: italic;
}
.revContent p {
  margin: 0 0 10px;
  font-size: 1.6em;
  line-height: 1.5;
  font-family: "ClanNarrow-Medium";
  word-break: break-word;
}

.revSocial {
  text-align: center;
  width: 114px;
  vertical-align: middle;
}
.revSocial ul {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.revSocial ul:before, .revSocial ul:after {
  content: "";
  display: block;
  width: 16px;
  height: 3px;
  position: absolute;
  left: -16px;
  top: 40%;
  background-color: #44443e;
}
.revSocial ul:after {
  left: auto;
  right: -22px;
}
.revSocial li {
  display: inline-block;
}
.revSocial a {
  display: block;
  text-indent: -9999em;
}
.revSocial .revFacebook {
  background-image: url(../i/sprite/sprite.png);
  background-position: -504px -234px;
  width: 24px;
  height: 24px;
}
.revSocial .revYoutube {
  background-image: url(../i/sprite/sprite.png);
  background-position: -504px -258px;
  width: 24px;
  height: 24px;
}

/*----- Form Section ------*/
.reviewsWrite {
  display: block;
}
.reviewsWrite .radioInline {
  display: inline-block;
  margin: 4px 20px 0 0;
}
.reviewsWrite .tooltip {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 0.55em;
  color: #fff;
  text-align: center;
  font-weight: 700;
  line-height: 1;
  text-transform: none;
  text-decoration: none;
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative;
  top: -14px;
  margin-left: 10px;
  border-radius: 50%;
  background: #ADADC4;
  cursor: help;
}
.reviewsWrite .tooltip__box {
  top: 50%;
  left: 50%;
  width: 326px;
}
.reviewsWrite .tooltip__box h5 {
  font-family: "ClanNarrow-Medium";
  font-size: 1.8em;
  color: #ADADC4;
  text-transform: uppercase;
  margin: 0 0 20px;
}
.reviewsWrite .tooltip__box p, .reviewsWrite .tooltip__box ul {
  font-family: "ClanNarrow-Thin";
  font-size: 1.2em;
  color: #191919;
}
.reviewsWrite .tooltip__box p {
  margin-bottom: 15px;
}
.reviewsWrite .tooltip__box ul {
  list-style: disc inside;
}
.reviewsWrite .tooltip__box ul li {
  margin-top: 10px;
}
.reviewsWrite .tooltip__box ul li:first-child {
  margin-top: 0;
}
.reviewsWrite .tooltip__box a {
  text-decoration: underline;
}
.reviewsWrite .tooltip__box .tooltip__box__close {
  text-decoration: none;
  background: #ADADC4;
}

.reviewsWrite__error {
  color: #cc0000;
  background: #f7d9d9;
  border: 1px solid #cc0000;
  padding: 23px 13px;
}
.reviewsWrite__error h4 {
  font-family: "ClanNarrow-Medium";
  font-size: 3.2em;
}
.reviewsWrite__error ul {
  font-size: 1.6em;
  margin: 15px 0 0 5px;
  list-style: disc inside;
}

.reviewsWrite__form {
  margin: 20px 105px 0;
}
.reviewsWrite__form label, .reviewsWrite__form .label {
  font-size: 1.6em;
  text-transform: uppercase;
  display: block;
  font-family: "ClanNarrow-Book";
  padding-bottom: 4px;
}
.reviewsWrite__form label a, .reviewsWrite__form .label a {
  text-decoration: underline;
  color: inherit;
}
.reviewsWrite__form label a:hover, .reviewsWrite__form .label a:hover {
  text-decoration: none;
}
.reviewsWrite__form input[type="text"], .reviewsWrite__form textarea {
  font-family: "ClanNarrow-Thin";
  font-size: 1.8em;
  color: #868686;
  border: 1px solid #e5e5e5;
  background: #fffdfd;
  width: 100%;
  height: 38px;
  padding: 0 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.reviewsWrite__form textarea {
  padding: 5px;
  height: 110px;
}
.reviewsWrite__form .selectBox {
  font-family: "ClanNarrow-Thin";
  font-size: 1.8em;
}
.reviewsWrite__form .selectBox .styled-select-text {
  padding-left: 5px !important;
}
.reviewsWrite__form .ageField {
  margin-bottom: 10px;
}
.reviewsWrite__form .input-validation-error label, .reviewsWrite__form .input-validation-error .label {
  color: red !important;
}
.reviewsWrite__form .input-validation-error input[type="text"], .reviewsWrite__form .input-validation-error textarea, .reviewsWrite__form .input-validation-error .styled-select-wrapper {
  background: #f9e3e3 !important;
}
.reviewsWrite__form .reviewsWrite__form__subnote {
  font-size: 1.5em;
  font-family: "ClanNarrow-Thin";
  font-style: italic;
  padding-top: 4px;
  display: block;
}
.reviewsWrite__form .button {
  margin: 50px 0;
}
.reviewsWrite__form .link {
  font-size: 1.4em;
  text-decoration: underline;
}
.reviewsWrite__form .link:hover {
  text-decoration: none;
}
.reviewsWrite__form .uploader {
  display: inline-block;
  margin-top: 10px;
}
.reviewsWrite__form .uploader > * {
  float: left;
}
.reviewsWrite__form .uploader .button {
  position: relative;
  overflow: hidden;
  margin: 0;
  text-transform: none;
  font-size: 1.5em;
  line-height: 28px;
  padding: 2px 10px 0 !important;
  text-align: center;
  background-image: none;
}
.reviewsWrite__form .uploader .uploader__input {
  position: absolute;
  top: 0;
  left: -100px;
  height: 200px;
  width: 500px;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.reviewsWrite__form .uploader .uploader__no-file {
  font-size: 1.5em;
  line-height: 30px;
  margin: 0 20px 0 10px;
  font-family: "ClanNarrow-Thin";
}

.reviewsWrite__form__row {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 2px solid #e5e5e5;
  display: inline-block;
  width: 100%;
}
.reviewsWrite__form__row:last-child {
  border: none;
  padding: 0;
  margin: 0;
}

.reviewsWrite__form__col {
  display: inline-block;
  width: 50%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.reviewsWrite__form__col.reviewsWrite__form__col--small {
  padding-right: 45px;
}
.reviewsWrite__form__col.reviewsWrite__form__col--big {
  width: 100%;
}
.reviewsWrite__form__col.reviewsWrite__form__col--big input[type="text"], .reviewsWrite__form__col.reviewsWrite__form__col--big textarea {
  width: 510px;
}
.reviewsWrite__form__col.reviewsWrite__form__col--big .selectBox .styled-select-wrapper {
  width: 210px !important;
}
.reviewsWrite__form__col.reviewsWrite__form__col--border {
  padding-left: 60px;
}
.reviewsWrite__form__col.reviewsWrite__form__col--border .reviewsWrite__form__content {
  position: relative;
}
.reviewsWrite__form__col.reviewsWrite__form__col--border .reviewsWrite__form__content:before {
  content: "";
  height: 100%;
  width: 2px;
  background: #e5e5e5;
  position: absolute;
  top: 0;
  left: -60px;
}
.reviewsWrite__form__col.right {
  text-align: right;
  padding-right: 10px;
}
.reviewsWrite__form__col.left {
  padding-left: 10px;
}

.reviewsWrite__form__head {
  color: #ADADC4;
  font-family: "ClanNarrow-Medium";
  margin-bottom: 20px;
  position: relative;
}
.reviewsWrite__form__head h4 {
  font-size: 3.3em;
  text-transform: uppercase;
}
.reviewsWrite__form__head .txtReqired {
  display: block;
  font-size: 1.7em;
  line-height: 1.2;
}

.reviewsWrite__form__field {
  margin-bottom: 20px;
}
.reviewsWrite__form__field .selectBox {
  width: 230px;
}

/*----- Popups -----*/
.popinTemplate2.reviewsThanks {
  width: 910px;
  padding: 20px;
  min-height: initial;
}
.popinTemplate2.reviewsThanks h3 {
  color: #ADADC4;
  font-size: 3.2em;
  font-family: "ClanNarrow-Medium";
  padding-bottom: 25px;
}
.popinTemplate2.reviewsThanks p {
  font-size: 1.3em;
  padding: 30px 0 120px;
  line-height: 1.3;
  font-family: "ClanNarrow-Thin";
}
.popinTemplate2.reviewsThanks button {
  margin-left: 0;
}

.popinTemplate2.reviewsPopin {
  width: 910px;
  padding: 20px;
}
.popinTemplate2.reviewsPopin h3 {
  color: #ADADC4;
  font-size: 3.2em;
  font-family: "ClanNarrow-Medium";
}
.popinTemplate2.reviewsPopin .row {
  padding: 30px 0;
  border-bottom: 1px solid #e5e5e5;
}
.popinTemplate2.reviewsPopin .col1 {
  width: 24%;
  padding: 2% 2% 2% 0;
  float: left;
  border-right: 1px solid #e5e5e5;
}
.popinTemplate2.reviewsPopin .col2 {
  min-height: initial;
  width: 71%;
  padding: 2% 0 2% 2%;
  float: left;
}
.popinTemplate2.reviewsPopin .revRating {
  margin-top: 0;
  font-family: Arial, sans-serif;
}
.popinTemplate2.reviewsPopin .revProfile {
  font-family: "ClanNarrow-Medium";
  font-size: 0.87em;
  font-style: italic;
  width: auto;
  padding: 0;
}
.popinTemplate2.reviewsPopin .revContent {
  padding: 0;
  width: auto;
  min-height: initial;
  padding-bottom: 30px;
}
.popinTemplate2.reviewsPopin .revContent strong {
  margin-top: 0;
}
.popinTemplate2.reviewsPopin .revContent p, .popinTemplate2.reviewsPopin .revContent time {
  font-size: 1.7em;
}
.popinTemplate2.reviewsPopin .revContent p {
  font-family: "ClanNarrow-Thin";
}
.popinTemplate2.reviewsPopin .revRank p {
  font-size: 2.2em;
  font-weight: bold;
  line-height: 1.8;
}
.popinTemplate2.reviewsPopin .revRecommend {
  height: 78px;
  border-top: 1px solid #e5e5e5;
  padding-top: 40px;
}
.popinTemplate2.reviewsPopin .revRecommend label {
  font-size: 2.2em;
  line-height: 1;
  color: #ADADC4;
  font-family: "ClanNarrow-Medium";
  padding-bottom: 15px;
}
.popinTemplate2.reviewsPopin .revConfirm {
  border: 0 none;
  font-family: "ClanNarrow-Thin";
}
.popinTemplate2.reviewsPopin .revConfirm p {
  font-size: 1.7em;
  padding-bottom: 20px;
}
.popinTemplate2.reviewsPopin .revConfirm a {
  text-decoration: underline;
}
.popinTemplate2.reviewsPopin .revConfirm label {
  font-size: 1.4em;
  line-height: 1.5;
}
.popinTemplate2.reviewsPopin .revButtons .black {
  margin-right: 20px;
}
.popinTemplate2.reviewsPopin .revButtons .left {
  float: left;
}
.popinTemplate2.reviewsPopin .revButtons .right {
  float: right;
}
.popinTemplate2.reviewsPopin input[type="checkbox"] {
  z-index: 1;
  cursor: pointer;
}
.popinTemplate2.reviewsPopin input[type="checkbox"] + label.css-label:before {
  background-image: url(../i/sprite/sprite.png);
  background-position: -388px -464px;
  width: 23px;
  height: 23px;
}
.popinTemplate2.reviewsPopin input[type="checkbox"]:checked + label.css-label:before {
  background-image: url(../i/sprite/sprite.png);
  background-position: -273px -464px;
  width: 23px;
  height: 23px;
}

@media screen and (min-width: 1025px) and (max-width: 1399px) {
  /*----- Reviews Global Styles -----*/
  .rating a {
    background-image: url(../i/sprite/sprite.png);
    background-position: -549px -508px;
    width: 14px;
    height: 13px;
  }
  .rating a.point {
    background-image: url(../i/sprite/sprite.png);
    background-position: -549px -521px;
    width: 14px;
    height: 13px;
  }
  .rating.rating--valuebar a {
    width: 18.30357px;
    height: 5.125px;
  }
  .rating.rating--valuebar a.point {
    width: 18.30357px;
    height: 5.125px;
  }

  .reviewsRead h3, .reviewsWrite h3 {
    font-size: 3.6em;
  }

  /*----- Review section -----*/
  .reviewActions .revActionsCol > a {
    font-size: 1.17143em;
  }

  .reviewActions .rating {
    top: 2px;
  }
  .reviewActions .revActionsCol {
    padding: 0 6px;
  }
  .reviewActions .tooltip__box {
    left: 50%;
  }

  .reviewsRead .reviewsFilter {
    height: 80px;
  }
  .reviewsRead .reviewsFilter .button, .reviewsRead .reviewsFilter .selectBox {
    margin-top: 55px;
  }

  .revProfile {
    font-size: 0.9em;
  }

  .revStats {
    width: 22%;
  }

  .revContent {
    width: 38%;
    font-size: 0.9em;
  }
  .revContent h4:before {
    left: -30px;
  }

  .revSocial {
    right: 45px;
  }
  .revSocial ul:before, .revSocial ul:after {
    display: none;
  }

  /*----- Form Section ------*/
  .reviewsWrite .tooltip {
    font-size: 0.75em;
    margin-left: 0;
  }
  .reviewsWrite .tooltip__box {
    left: inherit;
    right: 0;
  }

  .reviewsWrite__error {
    padding: 15px 13px;
  }
  .reviewsWrite__error h4 {
    font-size: 2.3em;
  }
  .reviewsWrite__error ul {
    font-size: 1.4em;
    margin: 15px 0 0;
  }

  .reviewsWrite__form input[type="text"], .reviewsWrite__form textarea {
    font-size: 1.4em;
    height: 30px;
  }
  .reviewsWrite__form textarea {
    height: 110px;
  }
  .reviewsWrite__form .selectBox {
    font-size: 1.4em;
  }
  .reviewsWrite__form .reviewsWrite__form__subnote {
    font-size: 1.2em;
  }
  .reviewsWrite__form .link {
    font-size: 1.2em;
  }
  .reviewsWrite__form .uploader .button {
    font-size: 1.2em;
  }
  .reviewsWrite__form .uploader .uploader__no-file {
    font-size: 1.2em;
  }
  .reviewsWrite__form .uploader .uploader__upload {
    margin-top: 10px;
  }

  .reviewsWrite__form__col.reviewsWrite__form__col--big input[type="text"], .reviewsWrite__form__col.reviewsWrite__form__col--big textarea {
    width: 365px;
  }
  .reviewsWrite__form__col.reviewsWrite__form__col--big .selectBox .styled-select-wrapper {
    width: 190px !important;
    height: 30px !important;
  }
  .reviewsWrite__form__col.reviewsWrite__form__col--big .selectBox .styled-select-button {
    width: 28px;
    background-size: 75%;
  }
  .reviewsWrite__form__col.reviewsWrite__form__col--big .selectBox .styled-select-text {
    padding-right: 28px !important;
  }

  .reviewsWrite__form__head h4 {
    font-size: 2.4em;
  }
  .reviewsWrite__form__head span {
    font-size: 1.2em;
    line-height: 1;
    margin-top: 5px;
  }

  .reviewsWrite__form__field {
    margin-bottom: 20px;
  }

  /*  =POPIN POPUP
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .popinTemplate2 {
    min-height: 400px;
  }
  .popinTemplate2 .popinDescription {
    width: 320px;
  }
  .popinTemplate2 .popinDescription h2 {
    font-size: 2.6em;
    padding: 5px 0 10px;
  }
  .popinTemplate2 .popinDescription h3 {
    font-size: 2.2em;
    padding: 0 0 20px;
  }
  .popinTemplate2 .popinDescription p {
    font-size: 1.2em;
    line-height: 1.2;
  }
  .popinTemplate2 .popinDescription .buttons {
    left: 30px;
    right: 30px;
    bottom: 60px;
  }
  .popinTemplate2 .popinDescription .buttons .button {
    font-size: 1.4em;
  }
  .popinTemplate2 .popinDescription:before {
    width: 3px;
  }
  .popinTemplate2 .scrollWrapper {
    left: 30px;
    top: 40px;
    right: 30px;
    bottom: 135px;
  }
  .popinTemplate2.popinOneAboveOther {
    width: 670px;
    padding: 30px;
  }
  .popinTemplate2.popinOneAboveOther .popinDescription {
    height: 185px;
  }
  .popinTemplate2.popinOneAboveOther .scrollWrapper {
    top: 15px;
    bottom: 45px;
  }
  .popinTemplate2.popinOneAboveOther .close {
    top: 8px;
    right: 8px;
  }
  .popinTemplate2.popinTemplate2--guidelines .popinDescription {
    height: 390px;
  }
  .popinTemplate2.popinTemplate2--guidelines .scrollWrapper {
    bottom: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px), print {
  /*----- Reviews Global Styles -----*/
  .rating a {
    background-image: url(../i/sprite/sprite.png);
    background-position: -323px -288px;
    width: 22px;
    height: 19px;
  }
  .rating a.point {
    background-image: url(../i/sprite/sprite.png);
    background-position: -198px -488px;
    width: 22px;
    height: 19px;
  }

  .tooltip__box {
    padding: 10px 14px;
  }
  .tooltip__box .tooltip__box__close {
    font-size: 0.9em;
    line-height: 10px;
    width: 10px;
    height: 10px;
  }

  .reviewsRead h3, .reviewsWrite h3, .reviewsHeader {
    font-size: 2.8em;
  }

  /*----- Review section -----*/
  .reviewActions .revActionsCol {
    padding: 0 4px;
  }
  .reviewActions .revActionsCol > a {
    padding: 0 8px;
    font-size: 1em;
  }
  .reviewActions .revActionsCol .rating a {
    background-image: url(../i/sprite/sprite.png);
    background-position: -549px -508px;
    width: 14px;
    height: 13px;
  }
  .reviewActions .revActionsCol .rating a.point {
    background-image: url(../i/sprite/sprite.png);
    background-position: -549px -521px;
    width: 14px;
    height: 13px;
  }
  .reviewActions .revActionsCol .rating + a {
    padding: 0;
  }
  .reviewActions .tooltip__box {
    top: 28px;
    left: 0;
    width: 182px;
  }
  .reviewActions .tooltip__box h5 {
    font-size: 1em;
    line-height: 1.2;
    margin: 0 0 10px;
  }
  .reviewActions .tooltip__box h5 strong {
    font-size: 1em;
  }
  .reviewActions .tooltip__box li {
    padding-right: 20px;
    padding-left: 45px;
    line-height: 10px;
  }
  .reviewActions .tooltip__box li strong {
    width: 50px;
    height: 8px;
    font-size: 0.9em;
  }
  .reviewActions .tooltip__box .nrOfStars {
    width: 15px;
    height: 8px;
    font-size: 0.8em;
  }
  .reviewActions .tooltip__box .revProgress {
    height: 8px;
  }
  .reviewActions .tooltip__box .revProgress div {
    height: 8px;
  }

  .reviewsRead {
    padding: 0 20px;
  }
  .reviewsRead .reviewsReadHeader {
    font-size: 1.2em;
  }
  .reviewsRead .reviewsFilter {
    height: 45px;
    margin-bottom: 10px;
  }
  .reviewsRead .reviewsFilter .button, .reviewsRead .reviewsFilter .selectBox {
    margin-top: 0;
    font-size: 1em;
  }
  .reviewsRead .reviewsFilter .selectBox {
    width: 125px;
  }

  .revProfile {
    width: 216px;
    padding: 12px;
  }
  .revProfile h4 {
    font-size: 1.3em;
  }
  .revProfile p {
    font-size: 0.9em;
  }
  .revProfile .revReport {
    font-size: 0.8em;
  }

  .revStats {
    width: 158px;
    padding: 12px;
    font-size: 0.8em;
    line-height: 1.4;
  }
  .revStats .rating {
    margin-right: 8px;
  }
  .revStats .revPopularity a {
    padding: 1px 10px 1px 13px;
  }
  .revStats .revLike {
    background-image: url(../i/sprite/sprite.png);
    background-position: -549px -20px;
    width: 16px;
    height: 20px;
  }
  .revStats .revUnlike {
    background-image: url(../i/sprite/sprite.png);
    background-position: -216px -88px;
    width: 16px;
    height: 20px;
  }

  .revContent {
    width: 206px;
    padding: 12px 12px 12px 24px;
  }
  .revContent h4 {
    font-size: 0.8em;
    line-height: 1.8;
  }
  .revContent h4:before {
    left: -14px;
    background-image: url(../i/sprite/sprite.png);
    background-position: -528px -457px;
    width: 18px;
    height: 18px;
  }
  .revContent strong, .revContent time, .revContent p {
    font-size: 1em;
  }
  .revContent strong {
    margin: 20px 0 14px;
  }

  .revSocial {
    width: 60px;
  }
  .revSocial ul:before, .revSocial ul:after {
    display: none;
  }
  .revSocial li {
    display: block;
    margin: 5px 0;
  }

  /*----- Form Section ------*/
  .reviewsWrite {
    padding: 0 20px;
  }
  .reviewsWrite .tooltip {
    font-size: 0.75em;
    margin-left: 0;
  }
  .reviewsWrite .tooltip__box {
    left: inherit;
    right: 0;
  }
  .reviewsWrite .radioInline {
    margin-right: 10px;
  }

  .reviewsWrite__error {
    padding: 15px 13px;
  }
  .reviewsWrite__error h4 {
    font-size: 1.9em;
  }
  .reviewsWrite__error ul {
    font-size: 1.2em;
    margin: 15px 0 0;
  }

  .reviewsWrite__form {
    margin: 20px 0 0;
  }
  .reviewsWrite__form input[type="text"], .reviewsWrite__form textarea {
    font-size: 1.4em;
    height: 30px;
  }
  .reviewsWrite__form textarea {
    height: 110px;
  }
  .reviewsWrite__form .selectBox {
    font-size: 1.4em;
  }
  .reviewsWrite__form .reviewsWrite__form__subnote {
    font-size: 1.2em;
  }
  .reviewsWrite__form .button {
    font-size: 1.5em;
    margin: 20px 0;
  }
  .reviewsWrite__form .link {
    font-size: 1.2em;
  }
  .reviewsWrite__form .uploader .uploader__no-file, .reviewsWrite__form .uploader .button {
    font-size: 1.2em;
  }
  .reviewsWrite__form .css-label.css-label--vert {
    width: 30px;
    height: 50px;
  }

  .reviewsWrite__form__col.reviewsWrite__form__col--big input[type="text"], .reviewsWrite__form__col.reviewsWrite__form__col--big textarea {
    width: 365px;
  }
  .reviewsWrite__form__col.reviewsWrite__form__col--big .selectBox .styled-select-wrapper {
    width: 190px !important;
    height: 30px !important;
  }
  .reviewsWrite__form__col.reviewsWrite__form__col--big .selectBox .styled-select-button {
    width: 28px;
    background-size: 75%;
  }
  .reviewsWrite__form__col.reviewsWrite__form__col--big .selectBox .styled-select-text {
    padding-right: 28px !important;
  }
  .reviewsWrite__form__col.reviewsWrite__form__col--border {
    padding-left: 45px;
  }
  .reviewsWrite__form__col.reviewsWrite__form__col--border .reviewsWrite__form__content:before {
    left: -45px;
  }

  .reviewsWrite__form__head h4 {
    font-size: 2.4em;
  }
  .reviewsWrite__form__head .txtReqired {
    font-size: 1.2em;
    line-height: 1;
    margin-top: 5px;
  }

  .reviewsWrite__form__field {
    margin-bottom: 20px;
  }

  /*----- Popups -----*/
  .popinTemplate2.reviewsThanks {
    width: 680px;
  }

  .reviewsPopin {
    width: 700px;
    padding: 15px;
  }
  .reviewsPopin h3 {
    font-size: 2.4em;
  }
  .reviewsPopin .row {
    padding: 20px 0;
  }
  .reviewsPopin .col1 {
    border-right: 0 none;
    width: 36%;
  }
  .reviewsPopin .col2 {
    width: 60%;
  }
  .reviewsPopin .revStats {
    font-size: 1.3em;
  }
  .reviewsPopin .revContent {
    padding-bottom: 10px;
  }
  .reviewsPopin .revContent strong {
    margin-top: 0;
    font-size: 1.6em;
  }
  .reviewsPopin .revContent p, .reviewsPopin .revContent time {
    font-size: 1.3em;
  }
  .reviewsPopin .revContent p {
    font-family: "ClanNarrow-Thin";
  }
  .reviewsPopin .revRank p {
    font-size: 2.2em;
    font-weight: bold;
    line-height: 1.8;
  }
  .reviewsPopin .revRecommend {
    height: 78px;
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
  }
  .reviewsPopin .revRecommend label {
    font-size: 1.3em;
    padding-bottom: 10px;
  }
  .reviewsPopin .revConfirm p {
    font-size: 1.3em;
    padding-bottom: 20px;
  }
  .reviewsPopin .revConfirm a {
    text-decoration: underline;
  }
  .reviewsPopin .revConfirm label {
    font-size: 1.1em;
    line-height: 1.3;
    padding-left: 20px;
  }
  .reviewsPopin .revButtons .black {
    margin-right: 15px;
  }
  .reviewsPopin .revButtons .button {
    font-size: 1.5em;
  }
  .reviewsPopin input[type="checkbox"] + label.css-label:before {
    background-image: url(../i/sprite/sprite.png);
    background-position: -388px -464px;
    width: 23px;
    height: 23px;
  }
  .reviewsPopin input[type="checkbox"]:checked + label.css-label:before {
    background-image: url(../i/sprite/sprite.png);
    background-position: -273px -464px;
    width: 23px;
    height: 23px;
  }
}
@media screen and (max-width: 767px) {
  /*----- Reviews Global Styles -----*/
  .rating li {
    margin-left: 4px;
  }
  .rating.rating--valuebar a {
    width: 49px;
    height: 8px;
  }
  .rating.rating--valuebar a.point {
    width: 49px;
    height: 8px;
  }

  .reviewsRead, .reviewsWrite {
    display: block;
    height: 49px;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
  }
  .reviewsRead h3, .reviewsWrite h3 {
    font-size: 2em;
    margin-bottom: 0;
    position: relative;
    cursor: pointer;
    padding: 14px 0;
    text-align: left;
  }
  .reviewsRead h3:before, .reviewsWrite h3:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    background: url("../i/sprite/arrows_up_down_white.png") no-repeat scroll center -17px #191919;
  }
  .reviewsRead.active, .reviewsWrite.active {
    height: auto;
    overflow: visible;
  }
  .reviewsRead.active h3 h2:before, .reviewsWrite.active h3 h2:before {
    background: url("../i/sprite/arrows_up_down_white.png") no-repeat scroll center 10px #191919;
  }

  .reviewsHeader {
    font-size: 2em;
    margin: 0;
    position: relative;
    cursor: pointer;
    padding: 14px 0;
    text-align: left;
    display: block;
  }
  .reviewsHeader:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    background: url("../i/sprite/arrows_up_down_white.png") no-repeat scroll center -17px #191919;
  }
  .reviewsHeader.active:before {
    background: url("../i/sprite/arrows_up_down_white.png") no-repeat scroll center 10px #191919;
  }

  .reviewsRating-mob.reviewActions {
    display: block;
    height: 40px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    padding: 0;
    margin: 0;
    text-align: left;
  }
  .reviewsRating-mob.reviewActions > a {
    font-family: "ClanNarrow-Thin";
    font-size: 1.2em;
    text-transform: uppercase;
    position: relative;
    top: 6px;
    left: 10px;
  }
  .reviewsRating-mob.reviewActions .rating {
    top: 10px;
  }
  .reviewsRating-mob.reviewActions:before {
    content: "";
    background-image: url(../i/sprite/sprite.png);
    background-position: -549px -315px;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 12.5px;
  }
  .reviewsRating-mob.reviewActions .tooltip__box {
    width: 300px;
    left: -10px;
  }
  .reviewsRating-mob.reviewActions .tooltip__box h5 {
    text-align: center;
    font-size: 1.6em;
  }
  .reviewsRating-mob.reviewActions .tooltip__box li strong, .reviewsRating-mob.reviewActions .tooltip__box li .nrOfStars {
    font-size: 1.5em;
  }

  /*----- Review section -----*/
  .reviewActions {
    text-align: center;
    margin: 30px 0 10px;
    display: block;
  }
  .reviewActions .revActionsCol {
    padding: 0 6px;
  }
  .reviewActions .revActionsCol:first-child {
    display: block;
    margin-bottom: 10px;
  }
  .reviewActions .tooltip__box {
    top: 28px;
    left: -10px;
    width: 300px;
  }

  .revItem {
    display: block;
  }

  .revItem > div {
    display: block;
    width: 92%;
    padding: 15px 4%;
    border-bottom: 2px solid #fff;
  }

  .revProfile {
    border-top: 1px solid #fff;
  }
  .revProfile h4 {
    font-size: 1.7em;
  }
  .revProfile p {
    font-size: 1.2em;
  }

  .revStats div {
    margin-top: 5%;
  }
  .revStats div:first-child {
    margin-top: 0;
  }

  .revContent {
    border-left: 0 none;
  }
  .revContent h4 {
    font-size: 1.2em;
    padding: 10px 0 10px 20px;
  }
  .revContent h4:before {
    left: -4px;
    top: 6px;
  }
  .revContent strong, .revContent time, .revContent p {
    font-size: 1.4em;
  }
  .revContent p {
    font-family: "ClanNarrow-Thin";
    line-height: 1.2;
  }

  /*----- Form Section ------*/
  .reviewsWrite .radioInline--multi {
    margin: 0 7px 0 0;
  }
  .reviewsWrite .tooltip {
    font-size: 0.75em;
    top: -9px;
    margin-left: 0;
  }
  .reviewsWrite .tooltip__box {
    left: -1px;
    width: 282px;
  }

  .reviewsWrite__error {
    padding: 15px 13px;
    margin-bottom: 30px;
  }
  .reviewsWrite__error h4 {
    font-size: 1.6em;
  }
  .reviewsWrite__error ul {
    font-size: 1.4em;
    margin: 15px 0 0;
  }

  .reviewsWrite__form {
    margin: 10px 0 0;
  }
  .reviewsWrite__form label, .reviewsWrite__form .label {
    font-size: 1.5em;
    margin-bottom: 7px;
  }
  .reviewsWrite__form input[type="text"], .reviewsWrite__form textarea {
    font-size: 1.4em;
  }
  .reviewsWrite__form textarea {
    height: 110px;
  }
  .reviewsWrite__form .css-label {
    font-size: 1.2em;
    line-height: 20px;
    padding-left: 30px;
  }
  .reviewsWrite__form .css-label:before {
    height: 20px;
    width: 20px;
    top: 0;
  }
  .reviewsWrite__form .css-label.css-label--vert {
    padding: 0 !important;
  }
  .reviewsWrite__form .css-label.css-label--vert:before {
    top: 20px !important;
  }
  .reviewsWrite__form .selectBox {
    font-size: 1.4em;
    width: auto;
  }
  .reviewsWrite__form .reviewsWrite__form__subnote {
    font-size: 1.2em;
    padding-top: 7px;
  }
  .reviewsWrite__form .button {
    font-size: 1.5em;
    margin: 20px 0;
  }
  .reviewsWrite__form .link {
    font-size: 1.2em;
  }
  .reviewsWrite__form .uploader {
    margin-top: 10px;
  }
  .reviewsWrite__form .uploader .uploader__no-file, .reviewsWrite__form .uploader .button {
    font-size: 1.5em;
  }
  .reviewsWrite__form .uploader .uploader__upload {
    margin-top: 10px;
  }

  .reviewsWrite__form__row {
    padding-bottom: 0;
    margin-bottom: 20px;
  }

  .reviewsWrite__form__col {
    width: 100%;
    margin-bottom: 20px;
  }
  .reviewsWrite__form__col.reviewsWrite__form__col--small {
    padding-right: 0;
  }
  .reviewsWrite__form__col.reviewsWrite__form__col--big input[type="text"], .reviewsWrite__form__col.reviewsWrite__form__col--big textarea {
    width: 100%;
  }
  .reviewsWrite__form__col.reviewsWrite__form__col--big .selectBox .styled-select-wrapper {
    width: 190px !important;
    height: 30px !important;
  }
  .reviewsWrite__form__col.reviewsWrite__form__col--big .selectBox .styled-select-button {
    width: 20px;
    background-size: 75%;
  }
  .reviewsWrite__form__col.reviewsWrite__form__col--big .selectBox .styled-select-text {
    padding-right: 20px !important;
  }
  .reviewsWrite__form__col.reviewsWrite__form__col--border {
    padding-left: 0;
  }
  .reviewsWrite__form__col.reviewsWrite__form__col--border .reviewsWrite__form__content:before {
    display: none;
  }
  .reviewsWrite__form__col.right {
    text-align: right;
    padding-right: 10px;
    margin: 0;
    width: 50%;
  }
  .reviewsWrite__form__col.left {
    padding-left: 10px;
    margin: 0;
    width: 50%;
  }

  .reviewsWrite__form__head h4 {
    font-size: 2.5em;
  }
  .reviewsWrite__form__head .txtReqired {
    font-size: 1.2em;
    line-height: 1;
    margin-top: 5px;
  }

  .reviewsWrite__form__field {
    margin-bottom: 20px;
  }

  /*----- Popups -----*/
  .reviewsThanks.popinTemplate2 {
    width: 280px;
  }
  .reviewsThanks.popinTemplate2 h3 {
    font-size: 3em;
  }
  .reviewsThanks.popinTemplate2 p {
    font-size: 1.4em;
    line-height: 1;
    padding: 20px 0;
  }

  .reviewsPopin.popinTemplate2 {
    width: 290px;
    padding: 15px;
  }

  .reviewsPopin h3 {
    font-size: 3em;
  }
  .reviewsPopin .row {
    padding: 15px 0;
  }
  .reviewsPopin .col1 {
    width: 100%;
    padding: 0 0 4%;
    border-right: 0 none;
    border-bottom: 1px solid #e5e5e5;
  }
  .reviewsPopin .col2 {
    width: 100%;
    padding: 4% 0 0;
    border: 0 none;
  }
  .reviewsPopin .revContent {
    padding-bottom: 15px;
  }
  .reviewsPopin .revContent p {
    font-size: 1.4em;
    margin: 0;
  }
  .reviewsPopin .revRank p {
    font-size: 1.5em;
    line-height: 1.2;
  }
  .reviewsPopin .revRecommend {
    height: auto;
    padding-top: 15px;
  }
  .reviewsPopin .revRecommend label {
    font-size: 1.4em;
  }
  .reviewsPopin .revConfirm p, .reviewsPopin .revConfirm label {
    font-size: 1.4em;
  }
  .reviewsPopin .revButtons {
    text-align: center;
  }
  .reviewsPopin .revButtons .button {
    margin: 5px;
  }
  .reviewsPopin .revButtons .left {
    float: none;
  }
  .reviewsPopin .revButtons .right {
    float: none;
  }
  .reviewsPopin .css-label {
    padding-left: 28px;
  }
}
.popinTemplate2.popinTemplate2--guidelines .popinDescription {
  height: 600px;
}

.popinTemplate2.popinTemplate2--guidelines .scrollWrapper {
  bottom: 25px;
}

/*  =INITIATIVES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/*	=SALON FINDER PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.sfinder {
  min-height: 926px;
  -moz-transition-property: min-height;
  -o-transition-property: min-height;
  -webkit-transition-property: min-height;
  transition-property: min-height;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sfinder:after {
  content: "";
  display: table;
  clear: both;
}

.sfinder__title {
  text-align: center;
}

.sfinder__header {
  font-size: 4em;
  margin: 20px 10px;
  font-weight: normal;
  font-family: "ClanNarrow-Thin";
  text-transform: uppercase;
}

.sfinder .sfinder-filter__header {
  font-family: "ClanNarrow-Medium";
  text-align: center;
}
.sfinder .sfinder-filter__close {
  text-align: center;
  margin: 30px 0;
  position: relative;
}
.sfinder .sfinder-filter__close .button {
  margin: 0 40px;
}
.sfinder .sfinder-filter__filter {
  padding: 0 0 10px 0;
}
.sfinder.no-results {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}
.sfinder .sfinder-filter__shadow {
  display: inline-block;
  min-width: 500px;
  height: 2px;
  margin-bottom: -4px;
}
.sfinder .sfinder-filter__shadow--left {
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#00FFFFFF',endColorstr='#FFCCCCCC');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #cccccc));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #cccccc 100%);
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #cccccc 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #cccccc 100%);
}
.sfinder .sfinder-filter__shadow--right {
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FFCCCCCC',endColorstr='#00FFFFFF');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #cccccc), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(left, #cccccc 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-linear-gradient(left, #cccccc 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, #cccccc 0%, rgba(255, 255, 255, 0) 100%);
}

.allBrandsButton {
  background: #fff;
  border: 1px solid #e3e3e3;
  color: #7c7c7c;
  display: block;
  border-radius: 5px 0;
  padding: 0 20px;
  margin: 0 0 5px 10px;
  cursor: pointer;
  line-height: 26px;
  font-size: 1.1em;
  font-weight: bold;
  float: left;
}
.allBrandsButton:hover {
  border-color: #c51c4b;
}
.allBrandsButton.active {
  background: #c51c4b;
  border-color: #c51c4b;
  color: #fff;
}

.scrollPane, .sfinder-result .scrollWrapper {
  height: 660px;
}

.filterSalonResult {
  position: relative;
  margin-top: 30px;
}

.geoLoaded .geoInformation {
  display: none;
}

.sfinder-map {
  width: 100%;
  height: 660px;
}

.sfinder-map__label-marker {
  position: absolute;
  cursor: pointer;
  line-height: 54px;
  text-align: center;
  color: #fff;
  /* Google Maps script overwrites following rules, so we need to make them !important*/
  font-family: "ClanNarrow-Medium" !important;
  font-size: 1.4em !important;
  margin-left: -19px !important;
  margin-top: -51px !important;
}

.openInGoogleMaps {
  display: none;
}

.filterSalonMap {
  float: left;
  width: 72%;
  position: relative;
  background: #f7f7f7;
  border: 1px solid #d7d7d7;
  border-right: 0 none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.filterSalonMap img {
  width: 100%;
}
.filterSalonMap .gmnoprint {
  width: auto !important;
}

.salonMap {
  margin-top: 20px;
  width: 50%;
  float: left;
  position: relative;
  word-wrap: normal;
}
.salonMap .sfinder-map {
  height: 830px;
}
.salonMap img {
  width: 100%;
}
.salonMap:after {
  content: "";
  display: table;
  clear: both;
}

.filterSalonList {
  float: left;
  width: 28%;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f7f7f7;
  border: 1px solid #d7d7d7;
  border-left: 0 none;
}
.filterSalonList .sfinder-result-list__item {
  border-bottom: 1px solid #fff;
  line-height: 1.4;
  overflow: hidden;
}
.filterSalonList .sfinder-result-list__item.hidden {
  display: none;
}
.filterSalonList .sfinder-result-list__item.active {
  background: #c51c4b;
}
.filterSalonList .sfinder-result-list__item.active a {
  color: #fff;
}
.filterSalonList .sfinder-result-list__item.salonElite {
  background: #f2dbe1 !important;
}
.filterSalonList .sfinder-result__salon-link {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
.filterSalonList .sfinder-result-list__desc {
  width: 77%;
  float: right;
}
.filterSalonList .sfinder-result__description-header {
  font-weight: bold;
  font-size: 2.2em;
  line-height: 1.1;
  padding-top: 4px;
  margin-bottom: 5px;
}
.filterSalonList .sfinder-result__description-text {
  font-size: 1.7em;
  line-height: 1.9;
}
.filterSalonList .sfinder-result__offers-label {
  color: #fff;
  display: block;
  text-align: left;
  position: absolute;
  width: auto;
}

.scrollPane {
  width: 100%;
  overflow: auto;
}

.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspVerticalBar *, .jspHorizontalBar * {
  margin: 0;
  padding: 0;
}

.jspVerticalBar {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 8px;
}

.jspPane {
  position: absolute;
}

.jspCap {
  display: none;
}

.jspTrack {
  background-color: #d5d5d5;
  position: relative;
}

.jspDrag {
  background: #ececec;
  cursor: pointer;
  left: 0;
  position: relative;
  top: 0;
}

.sfinder-result-list__pointer {
  float: left;
  margin-right: 3%;
  text-align: center;
  color: #fff;
  position: relative;
}

.sfinder-result__salonPointer-letter {
  font-size: 1.8em;
  font-family: "ClanNarrow-Medium";
  line-height: 3;
}

.sfinder-result__promo-elite-label {
  position: absolute;
  top: -32px;
  left: 0;
  color: #7c3854;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.4em;
  line-height: 2.6;
  font-family: "ClanNarrow-Medium";
}

.sfinder-salonData {
  margin-top: 20px;
  float: right;
}
.sfinder-salonData:after {
  content: "";
  display: table;
  clear: both;
}

.sfinder-highlight {
  display: none;
  margin: 0 0 0.9em;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.6em;
  color: #fff;
  text-transform: uppercase;
  font-family: "ClanNarrow-Medium";
  height: 1.85em;
  line-height: 1.85em;
  font-size: 1.4em;
  background-color: #000;
}
.sfinder-highlight:before {
  position: absolute;
  top: 100%;
  left: 43px;
  width: 0;
  height: 0;
  content: "";
  border-collapse: separate;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #000;
  display: block;
}

.sfinder-highlight--offers {
  background-color: #000;
  display: block;
}
.sfinder-highlight--offers:before {
  border-top-color: #000;
}

.sfinder-highlight--elite {
  background-color: #7c3854;
  display: block;
}
.sfinder-highlight--elite:before {
  border-top-color: #7c3854;
}

.sfinder-salondata__header {
  margin: 0.5em 0;
  font-family: "ClanNarrow-Thin", Arial, sans-serif;
  line-height: 1.1;
  font-size: 4em;
  text-transform: uppercase;
}

.sfinder-linkButton {
  font-size: 1.3em;
}

.sfinder-salondata__row {
  *zoom: 1;
}
.sfinder-salondata__row:before {
  content: "";
  display: table;
}
.sfinder-salondata__row:after {
  content: "";
  display: table;
  clear: both;
}
.sfinder-salondata__row:last-child .sfinder-salondata__col--1 {
  border-bottom: 1px solid #e9e9e9;
}
.sfinder-salondata__row .noLine {
  border: 0 none;
}

.sfinder-salondata__row--centered {
  text-align: center;
}

.sfinder-salondata__col {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.3em 0;
}

.sfinder-salondata__col--1 {
  width: 40%;
  border-top: 1px solid #e9e9e9;
  float: left;
}

.sfinder-salondata__col--2 {
  width: 56%;
  float: right;
}

.sfinder-salondata__distance {
  font-size: 1.6em;
  font-style: italic;
  font-family: Arial, Helvetica, sans-serif;
}

.sfinder-salondata__address {
  font-family: "ClanNarrow-Medium";
  font-size: 1.6em;
  margin-bottom: 1em;
}
.sfinder-salondata__address span {
  display: block;
}
.sfinder-salondata__address span.inline > * {
  display: inline-block;
  margin-right: 3px;
}

.sfinder-salondata__field-name {
  font-family: "ClanNarrow-Book";
  font-size: 1.6em;
}

.sfinder-salondata__text {
  font-size: 1.6em;
  font-family: "ClanNarrow-Bold";
}

.sfinder-salondata__text--link {
  color: #c51c4b;
  text-decoration: underline;
}

.sfinder-salondata__text--pink-arrow:before {
  content: "\00003E" " ";
  color: #c51c4b;
  text-decoration: none;
}

.salonData small {
  font-size: 0.85em;
}

.sfinder-salondata__list,
.sfinder-salondata__listitem {
  list-style: none;
}

.sfinder-salondata__listitem {
  font-size: 1.6em;
  line-height: 1.8;
  font-family: "ClanNarrow-Bold";
}

.sfinder-salondata__listitem--inline {
  display: inline-block;
  margin-right: 30px;
}

.sfinder-followUs--inline li {
  display: inline-block;
  margin-right: 15px;
}

.sfinder-followUs a {
  display: block;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.sfinder-followUs a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

.sfinder-salondata__field-promo {
  height: 35px;
  line-height: 30px;
  font-size: 1.2em;
  font-family: "ClanNarrow-Book";
  text-transform: uppercase;
  color: #fff;
  position: relative;
  display: inline-block;
  background: url(../i/sfinder-salondata__field-promo_left.png) top left transparent no-repeat;
  padding: 0 1em;
  left: -12px;
}
.sfinder-salondata__field-promo:before {
  position: absolute;
  border: 0px none;
  content: "";
  display: block;
  left: 100%;
  top: 0;
  width: 18px;
  height: 35px;
  background-image: url(../i/sprite/sprite.png);
  background-position: -328px -158px;
  width: 18px;
  height: 35px;
}

.sfinder-gallery__img {
  padding: 0 10px;
  float: left;
  display: block;
}

.sfinder-find-directions-button {
  background: none;
  border: 0 none;
  text-decoration: underline;
  color: #c51c4b;
  font-family: "ClanNarrow-Medium";
  font-size: 1.6em;
  cursor: pointer;
}

.infoBox > img {
  display: none;
}

.sfinder-map__info-popup, .sfinder-directions-finder {
  position: absolute;
  z-index: 100;
  background-color: #fff;
  border: 1px solid #878786;
  box-shadow: 0 0 10px #878786;
}

.sfinder-map__info-popup {
  width: 300px;
  height: 200px;
  text-align: center;
  margin-left: -13px;
  margin-top: -50px;
}
.sfinder-map__info-popup h3 {
  margin-top: 1.5em;
  font-size: 2em;
  font-family: "ClanNarrow-Medium";
}
.sfinder-map__info-popup p {
  font-size: 1em;
  line-height: 1;
  margin-top: 1em;
  font-family: "ClanNarrow-Thin";
}
.sfinder-map__info-popup .button {
  font-size: 1em;
  margin: 1em 0 0;
}
.sfinder-map__info-popup.is-positioned-left {
  margin-left: -300px;
}

.sfinder-map__info-popup__close {
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  right: 4px;
  top: 4px;
  overflow: hidden;
  text-indent: -9999px;
  color: #595955;
  text-decoration: none;
}
.sfinder-map__info-popup__close:before {
  content: "\2573";
  position: absolute;
  left: 0;
  top: 0;
  text-indent: 0;
  width: 100%;
  height: 100%;
}

.communicationButtons .mapsButton {
  display: none;
}

.directionPopup {
  height: 360px;
  width: 434px;
  margin-left: -217px;
  margin-top: -180px;
  padding: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: #fff;
  box-shadow: 0 0 10px #adadad;
  z-index: 9999;
}
.directionPopup .sfdr-map__info-popup__close {
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  right: 4px;
  top: 4px;
  overflow: hidden;
  text-indent: -9999px;
  color: #595955;
  text-decoration: none;
}
.directionPopup h3 {
  font-family: "ClanNarrow-Medium";
  font-size: 3.1em;
  text-transform: uppercase;
  margin: 20px 0 10px;
}
.directionPopup .button.pink {
  float: right;
}
.directionPopup .whiteTriangle {
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 17px 35px 17px 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  top: 40%;
  left: -35px;
}
.directionPopup img:first-child {
  width: 9px !important;
  height: 9px !important;
  position: absolute;
  top: 5px;
  right: 5px;
}
.directionPopup .button {
  float: right;
  margin-left: 0;
}

.transport li {
  display: inline-block;
}
.transport input[type="radio"] {
  display: none;
}
.transport input[type="radio"] + label {
  display: block;
  width: 73px;
  height: 41px;
  background: url("../i/sprite/transport_icons_sprite.png") no-repeat scroll;
  margin: 1px;
}
.transport input[type="radio"] + label.driving {
  background-position: 0 0;
}
.transport input[type="radio"] + label.walking {
  background-position: -75px 0;
}
.transport input[type="radio"] + label.bicycling {
  background-position: -148px 0;
}
.transport input.drivingInput:checked + label.driving {
  background-position: 0 -42px;
}
.transport input.walkingInput:checked + label.walking {
  background-position: -75px -42px;
}
.transport input.bicyclingInput:checked + label.bicycling {
  background-position: -148px -42px;
}

.destinationInputs {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin: 10px 0;
  padding: 10px 0;
}
.destinationInputs .startPoint, .destinationInputs .finishPoint {
  height: 64px;
}
.destinationInputs input[type="text"] {
  border: 1px solid #e5e5e5;
  padding: 10px;
  margin-top: 10px;
  width: 60%;
}
.destinationInputs .changeDestination {
  display: block;
  width: 35px;
  height: 48px;
  background: url("../i/sprite/icon_change_destination.png") no-repeat scroll 0 0;
  position: absolute;
  right: 5%;
  top: 48%;
}
.destinationInputs .myLocation {
  display: block;
}

.sfinder-salonimage-popup.mfp-s-loading .mfp-arrow {
  display: none;
}

.sfinder-salonimage-popup .mfp-arrow:before, .sfinder-salonimage-popup .mfp-arrow:after {
  display: none;
}

@media print {
  .sfinder__title h2 {
    margin: 0.3cm 0;
  }

  .salonFinderTop {
    display: none;
  }
}
/*	=RWD
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
@media screen and (max-width: 767px) {
  .sfinder-followUs .ico_facebook {
    background-image: url(../i/sprite/sprite.png);
    background-position: -108px -525px;
    width: 18px;
    height: 18px;
  }

  .sfinder-followUs .ico_tweet {
    background-image: url(../i/sprite/sprite.png);
    background-position: -36px -525px;
    width: 18px;
    height: 18px;
  }

  .sfinder-followUs .ico_pint {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -525px;
    width: 18px;
    height: 18px;
  }

  .sfinder-followUs .ico_youtube {
    background-image: url(../i/sprite/sprite.png);
    background-position: -54px -525px;
    width: 18px;
    height: 18px;
  }

  .sfinder-followUs .ico_istagram {
    background-image: url(../i/sprite/sprite.png);
    background-position: -162px -525px;
    width: 18px;
    height: 18px;
  }

  .sfinder__title h3, .sfinder__title .linkWrapper {
    display: none;
  }

  .sfinder__header {
    font-size: 2.2em;
    margin: 13px 10px;
    line-height: 1;
  }

  .sfinder-filter__header {
    font-size: 1.6em;
  }

  ul.sfinder-filter__filter-list.filter-list {
    display: none !important;
  }

  .sfinder {
    min-height: 300px;
  }
  .sfinder .sfinder-filter__filter {
    padding: 0px 0 25px 0;
  }
  .sfinder .mobileSelectMenu {
    margin-top: 0;
  }
  .sfinder .sfinder-filter .filterMenu {
    padding: 0;
    margin: 0;
    border: 0 none;
  }
  .sfinder .sfinder-filter .filterMenu .item {
    margin: 0;
    float: none;
    display: list-item;
    line-height: 1;
    font-size: inherit;
  }
  .sfinder .sfinder-filter .filterMenu .item__input {
    display: none;
  }
  .sfinder .sfinder-filter .filterMenu .item a,
  .sfinder .sfinder-filter .filterMenu .item .item__label {
    text-align: center;
    display: block;
    padding: 12px 0;
    font-size: 1.4em;
    text-transform: uppercase;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    color: #6d6d6c;
    font-weight: normal;
    line-height: normal;
  }
  .sfinder .sfinder-filter .filterMenu .item__input:checked + .item__label {
    background: #c51c4b;
    border-color: #fff;
    color: #fff;
  }
  .sfinder .sfinder-filter__shadow {
    display: none;
  }
  .sfinder .sfinder-filter__close .button {
    line-height: 34px;
    font-size: 1.1em;
    padding: 0 2.3em;
  }
  .sfinder .filter .filter-list li, .sfinder .filter .filter-list button {
    line-height: 18px;
    font-size: 1em;
  }

  .filterSalonResult {
    height: auto;
  }

  .filterSalonResult {
    margin: 0 -10px;
  }

  .sfinder-map {
    border: 1px solid #dfdede;
    height: 273px;
  }

  .sfinder-map.narrowMap {
    height: 277px;
  }

  .sfinder-map__label-marker {
    background-image: url(../i/sprite/sprite.png);
    background-position: -74px -317px;
    width: 37px;
    height: 51px;
    line-height: 42px;
  }
  .sfinder-map__label-marker:hover, .sfinder-map__label-marker.active, .sfinder-map__label-marker.selected {
    background-image: url(../i/sprite/sprite.png);
    background-position: -354px -216px;
    width: 37px;
    height: 51px;
  }

  .sfinder-map__label-marker.salon--elite {
    background-image: url(../i/sprite/sprite.png);
    background-position: -354px -112px;
    width: 37px;
    height: 52px;
  }
  .sfinder-map__label-marker.salon--elite:hover, .sfinder-map__label-marker.salon--elite.active, .sfinder-map__label-marker.salon--elite.selected {
    background-image: url(../i/sprite/sprite.png);
    background-position: -354px -164px;
    width: 37px;
    height: 52px;
  }

  .openInGoogleMaps {
    display: inline-block;
  }

  .filterSalonMap {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 31px;
    border: 0 none;
  }

  .salonMap {
    display: block;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px 24px 20px;
  }
  .salonMap .sfinder-map {
    height: 273px;
  }

  .filterSalonList {
    width: 100%;
    border: 0 none;
    border-top: 1px solid #c6c5c5;
  }
  .filterSalonList .sfinder-result__description-text {
    line-height: 1.2;
    font-size: 1.6em;
  }
  .filterSalonList .sfinder-result-list__pointer {
    margin-top: 10px;
  }
  .filterSalonList .sfinder-result-list__desc {
    font-size: 0.7em;
  }
  .filterSalonList .scrollPane, .filterSalonList .scrollWrapper {
    height: 263px;
  }
  .filterSalonList .sfinder-result__salon-link {
    padding: 12px 15px 10px 12px;
  }
  .filterSalonList .sfinder-result__offers-label {
    background-image: url(../i/sprite/sprite.png);
    background-position: -199px -288px;
    width: 75px;
    height: 21px;
    top: 0px;
    right: 0px;
    font-size: 0.8em;
    line-height: 2.2;
    padding: 0 9px;
  }
  .filterSalonList .jspScrollable .sfinder-result__offers-label {
    right: 8px;
  }
  .filterSalonList .sfinder-result-list__item {
    border-bottom: 1px solid #c6c5c5;
  }

  .sfinder-result-list__pointer {
    background-image: url(../i/sprite/sprite.png);
    background-position: -74px -317px;
    width: 37px;
    height: 51px;
  }

  .salon--elite .sfinder-result__promo-elite-label {
    display: block;
    font-size: 1em;
    top: -25px;
  }

  .sfinder-result__salonPointer-letter {
    font-size: 1.5em;
    line-height: 2.5;
  }

  .salon--elite .sfinder-result-list__pointer {
    background-image: url(../i/sprite/sprite.png);
    background-position: -354px -112px;
    width: 37px;
    height: 52px;
  }

  .sfinder-result-list__item:hover .sfinder-result-list__pointer, .sfinder-result-list__item.active .sfinder-result-list__pointer, .sfinder-result-list__item.selected .sfinder-result-list__pointer {
    background-image: url(../i/sprite/sprite.png);
    background-position: -354px -216px;
    width: 37px;
    height: 51px;
  }

  .salon--elite:hover .sfinder-result-list__pointer, .salon--elite.active .sfinder-result-list__pointer, .salon--elite.selected .sfinder-result-list__pointer {
    background-image: url(../i/sprite/sprite.png);
    background-position: -354px -164px;
    width: 37px;
    height: 52px;
  }

  .sfinder-salonData {
    display: block;
    width: 100%;
    padding: 5px 0;
    text-align: center;
  }

  .sfinder-highlight {
    margin: 2px 0 1.2em;
    padding: 0 0.8em;
    height: 1.75em;
    line-height: 1.8em;
    font-size: 1.2em;
  }
  .sfinder-highlight:before {
    border-left-width: 6px;
    border-right-width: 6px;
    border-top-width: 6px;
  }

  .sfinder-salondata__header {
    margin-bottom: 0;
    font-size: 2em;
  }

  .sfinder-find-directions-button {
    margin-bottom: 15px;
  }

  .sfinder-salondata__row {
    text-align: left;
  }
  .sfinder-salondata__row:last-child .sfinder-salondata__col--1 {
    border-bottom: 0 none;
  }

  .sfinder-salondata__col {
    padding: 0;
  }

  .sfinder-salondata__col--1 {
    width: 60%;
    padding-top: 1.5em;
  }

  .sfinder-salondata__col--2 {
    width: 100%;
    padding-bottom: 1.5em;
  }

  .sfinder-salondata__row--mob-fullwidth .sfinder-salondata__col--1 {
    width: 100%;
  }

  .sfinder-salondata__distance {
    margin-bottom: 11px;
  }

  .sfinder-salondata__text--mobile-button {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 1em;
    padding: 0 1.3em;
    border-radius: 8px 0 8px 0;
    float: left;
    position: relative;
    min-width: 0;
    margin-bottom: 1em;
    background-color: #ca255d;
    text-decoration: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNjYTI1NWQiLz48c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2Q5MmM2NCIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjZDkyYzY0Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjMzAwM2QiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(45deg, #ca255d 10%, #d92c64 20%, #d92c64 25%, #c3003d 50%);
    background-image: -webkit-linear-gradient(45deg, #ca255d 10%, #d92c64 20%, #d92c64 25%, #c3003d 50%);
    background-image: linear-gradient(45deg, #ca255d 10%, #d92c64 20%, #d92c64 25%, #c3003d 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca255d', endColorstr='#c3003d',GradientType=1 );
  }
  .sfinder-salondata__text--mobile-button:hover, .sfinder-salondata__text--mobile-button:focus, .sfinder-salondata__text--mobile-button.active {
    background-color: #d33374;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNkMzMzNzQiLz48c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2UwMzk3ZSIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjZTAzOTdlIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjZTAxNTMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(45deg, #d33374 10%, #e0397e 20%, #e0397e 25%, #ce0153 50%);
    background-image: -webkit-linear-gradient(45deg, #d33374 10%, #e0397e 20%, #e0397e 25%, #ce0153 50%);
    background-image: linear-gradient(45deg, #d33374 10%, #e0397e 20%, #e0397e 25%, #ce0153 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d33374', endColorstr='#ce0153',GradientType=1 );
  }
  .sfinder-salondata__text--mobile-button small {
    font-size: 1em;
  }

  .sfinder-salondata__distance {
    margin-bottom: 11px;
  }

  .sfinder-salondata__text,
  .sfinder-salondata__field-name,
  .sfinder-salondata__address,
  .sfinder-find-directions-button,
  .sfinder-salondata__listitem {
    font-size: 1.2em;
  }

  .sfinder-salondata__field-promo {
    left: -13px;
  }

  .sfinder-gallery {
    text-align: center;
  }

  .sfinder-gallery__link {
    display: inline-block;
  }

  .sfinder-gallery__img {
    padding: 0 10px;
    float: none;
    display: block;
    max-width: 200px;
    max-height: 150px;
  }

  .communicationButtons {
    margin: 26px 0;
  }
  .communicationButtons .button:first-child {
    margin-bottom: 10px;
  }
  .communicationButtons .mapsButton {
    display: inline-block;
  }
  .communicationButtons .printButton {
    display: none;
  }

  .sfinder-map__info-popup {
    width: 236px;
    height: 180px;
    font-size: 0.9em;
    margin-left: -19px;
    margin-top: -40px;
  }

  .directionPopup {
    width: 240px;
    margin: -190px 0 0 -130px;
  }

  .destinationInputs input[type="text"] {
    width: 50%;
  }

  .sfinder-salondata__wrapper {
    text-align: center;
    padding: 0 20px;
  }
  .sfinder-salondata__wrapper h3, .sfinder-salondata__wrapper p {
    text-align: left;
  }

  .sfinder-salonimage-popup .mfp-arrow, .sfinder-salonimage-popup .mfp-arrow:active {
    margin-top: -15px;
  }

  .sfinder-salonimage-popup .mfp-arrow-right {
    background-image: url(../i/sprite/sprite.png);
    background-position: -433px -267px;
    width: 28px;
    height: 30px;
  }

  .sfinder-salonimage-popup .mfp-arrow-left {
    background-image: url(../i/sprite/sprite.png);
    background-position: -433px -297px;
    width: 28px;
    height: 30px;
  }

  .sfinder-filter .black:hover, .salonFinderTop .black:hover, .sfinder-salonData .black:hover {
    background-color: #000;
    background-image: none;
  }
}
.sfinder-map__info-popup__close {
  width: 30px;
  height: 30px;
}
.sfinder-map__info-popup__close:before {
  font-size: 1.8em;
}

@media screen and (min-width: 768px) and (max-width: 1024px), print {
  .sfinder-followUs .ico_facebook {
    background-image: url(../i/sprite/sprite.png);
    background-position: -108px -525px;
    width: 18px;
    height: 18px;
  }

  .sfinder-followUs .ico_tweet {
    background-image: url(../i/sprite/sprite.png);
    background-position: -36px -525px;
    width: 18px;
    height: 18px;
  }

  .sfinder-followUs .ico_pint {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -525px;
    width: 18px;
    height: 18px;
  }

  .sfinder-followUs .ico_youtube {
    background-image: url(../i/sprite/sprite.png);
    background-position: -54px -525px;
    width: 18px;
    height: 18px;
  }

  .sfinder-followUs .ico_istagram {
    background-image: url(../i/sprite/sprite.png);
    background-position: -162px -525px;
    width: 18px;
    height: 18px;
  }

  .sfinder__header {
    font-size: 2.4em;
    margin: 24px 10px;
  }

  .sfinder-filter__filter {
    padding-top: 30px;
  }
  .sfinder-filter__filter .item__input {
    display: none;
  }
  .sfinder-filter__filter .item {
    display: block;
    margin: 0 0 5px 10px;
  }
  .sfinder-filter__filter .item__label {
    border: 1px solid #e3e3e3;
    display: block;
    padding: 0 20px;
    color: #7c7c7c;
    border-radius: 5px 0;
    cursor: pointer;
  }
  .sfinder-filter__filter .item__label:hover {
    border-color: #c51c4b;
  }
  .sfinder-filter__filter .item__input:checked + .item__label {
    background: #c51c4b;
    border-color: #c51c4b;
    color: #fff;
  }

  .sfinder {
    min-height: 500px;
  }
  .sfinder .sfinder-filter__header {
    font-weight: normal;
    font-size: 1.6em;
  }
  .sfinder .sfinder-filter__close {
    margin: 21px 0;
  }
  .sfinder .sfinder-filter__close .button {
    line-height: 34px;
    font-size: 1.1em;
    padding: 0 2.3em;
  }
  .sfinder .sfinder-filter__shadow {
    min-width: 200px;
  }
  .sfinder .sfinder-filter__filter {
    padding: 0 0 2px;
  }
  .sfinder .filter .filter-list li a {
    margin: 0 0 5px 5px;
    font-size: 1.1em;
    padding: 0 11px;
  }
  .sfinder .filter .filter-list li.allProducts .title {
    float: left;
    font-size: 1.1em;
  }
  .sfinder .filter .filter-list li.allProducts a {
    float: left;
    display: inline;
  }
  .sfinder .filter .filter-list li:first-child a {
    margin: 0 0 5px 5px;
  }

  .allBrandsButton {
    font-size: 0.9em;
    line-height: 18px;
  }

  .scrollPane, .sfinder-result .scrollWrapper {
    height: 316px;
  }

  .sfinder-map {
    height: 316px;
  }

  .sfinder-map.narrowMap {
    height: 519px;
  }

  .sfinder-map__label-marker {
    line-height: 35px;
    background-image: url(../i/sprite/sprite.png);
    background-position: -111px -317px;
    width: 37px;
    height: 51px;
  }
  .sfinder-map__label-marker:hover, .sfinder-map__label-marker.active, .sfinder-map__label-marker.selected {
    background-image: url(../i/sprite/sprite.png);
    background-position: -148px -317px;
    width: 37px;
    height: 51px;
  }

  .sfinder-map__label-marker .salon--elite {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -317px;
    width: 37px;
    height: 51px;
  }
  .sfinder-map__label-marker .salon--elite:hover, .sfinder-map__label-marker .salon--elite.active, .sfinder-map__label-marker .salon--elite.selected {
    background-image: url(../i/sprite/sprite.png);
    background-position: -37px -317px;
    width: 37px;
    height: 51px;
  }

  .openInGoogleMaps {
    display: inline-block;
  }

  .filterSalonMap {
    width: 64%;
  }

  .salonMap .sfinder-map {
    height: 600px;
  }

  .filterSalonList .sfinder-result__salon-link {
    padding: 17px 15px 15px 12px;
  }
  .filterSalonList .sfinder-result__offers-label {
    background-image: url(../i/sprite/sprite.png);
    background-position: -199px -288px;
    width: 75px;
    height: 21px;
    top: 0px;
    right: 0px;
    font-size: 0.8em;
    line-height: 2.2;
    padding: 0 9px;
  }

  .sfinder-result-list__pointer {
    background-image: url(../i/sprite/sprite.png);
    background-position: -111px -317px;
    width: 37px;
    height: 51px;
    margin-top: 14px;
  }

  .sfinder-result__salonPointer-letter {
    font-size: 1.5em;
    line-height: 2.3;
  }

  .salon--elite .sfinder-result__promo-elite-label {
    display: block;
    font-size: 1.1em;
    line-height: 2.6;
    top: -23px;
  }

  .salon--elite .sfinder-result-list__pointer {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -317px;
    width: 37px;
    height: 51px;
  }

  .sfinder-result-list__item:hover .sfinder-result-list__pointer, .sfinder-result-list__item.active .sfinder-result-list__pointer, .sfinder-result-list__item.selected .sfinder-result-list__pointer {
    background-image: url(../i/sprite/sprite.png);
    background-position: -148px -317px;
    width: 37px;
    height: 51px;
  }

  .salon--elite:hover .sfinder-result-list__pointer, .salon--elite.active .sfinder-result-list__pointer, .salon--elite.selected .sfinder-result-list__pointer {
    background-image: url(../i/sprite/sprite.png);
    background-position: -37px -317px;
    width: 37px;
    height: 51px;
  }

  .salon-details {
    padding-top: 20px;
  }

  .sfinder-salonData {
    width: 349px;
    font-size: 0.75em;
  }

  .sfinder-highlight {
    margin: 0 0 1.3em;
    padding: 0 0.4em;
    height: 1.4em;
    line-height: 1.5em;
    font-size: 1.2em;
  }
  .sfinder-highlight:before {
    border-left-width: 6px;
    border-right-width: 6px;
    border-top-width: 6px;
  }

  .sfinder-salondata__row--mob-fullwidth .sfinder-salondata__col--1, .sfinder-salondata__row--mob-fullwidth .sfinder-salondata__col--2 {
    width: 100%;
  }

  .sfinder-salondata__distance {
    margin-bottom: 13px;
  }

  .sfinder-salondata__text--mobile-button {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    line-height: 34px;
    font-size: 1.1em;
    padding: 0 2.3em;
    border-radius: 8px 0 8px 0;
    display: inline-block;
    position: relative;
    min-width: 0;
    margin-bottom: 1em;
    background-color: #ca255d;
    text-decoration: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNjYTI1NWQiLz48c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2Q5MmM2NCIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjZDkyYzY0Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjMzAwM2QiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(45deg, #ca255d 10%, #d92c64 20%, #d92c64 25%, #c3003d 50%);
    background-image: -webkit-linear-gradient(45deg, #ca255d 10%, #d92c64 20%, #d92c64 25%, #c3003d 50%);
    background-image: linear-gradient(45deg, #ca255d 10%, #d92c64 20%, #d92c64 25%, #c3003d 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca255d', endColorstr='#c3003d',GradientType=1 );
  }
  .sfinder-salondata__text--mobile-button:hover, .sfinder-salondata__text--mobile-button:focus, .sfinder-salondata__text--mobile-button.active {
    background-color: #d33374;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNkMzMzNzQiLz48c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2UwMzk3ZSIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjZTAzOTdlIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjZTAxNTMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(45deg, #d33374 10%, #e0397e 20%, #e0397e 25%, #ce0153 50%);
    background-image: -webkit-linear-gradient(45deg, #d33374 10%, #e0397e 20%, #e0397e 25%, #ce0153 50%);
    background-image: linear-gradient(45deg, #d33374 10%, #e0397e 20%, #e0397e 25%, #ce0153 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d33374', endColorstr='#ce0153',GradientType=1 );
  }
  .sfinder-salondata__text--mobile-button small {
    font-size: 1em;
  }

  .sfinder-salondata__wrapper .button {
    min-width: 130px;
  }

  .salonProducts li {
    font-size: 1em;
  }

  .sfinder-gallery__img {
    max-width: 110px;
    max-height: 82px;
    padding: 0;
  }

  .sfinder-gallery__link + .sfinder-gallery__link .sfinder-gallery__img {
    padding-left: 8px;
  }

  .filterSalonList {
    width: 36%;
  }
  .filterSalonList .sfinder-result__description-header {
    font-size: 1.2em;
    line-height: 1.1;
    margin-bottom: 6px;
    padding-top: 4px;
  }
  .filterSalonList .sfinder-result__description-text {
    font-size: 1.1em;
    line-height: 1.3;
  }

  .sfinder-salondata__header {
    font-size: 3.2em;
  }

  .communicationButtons .mapsButton {
    display: inline-block;
  }
  .communicationButtons .printButton {
    display: none;
  }

  .directionPopup {
    width: 240px;
    margin: -190px 0 0 -120px;
  }
  .directionPopup .button {
    font-size: 1.4em;
  }

  .destinationInputs .startPoint, .destinationInputs .finishPoint {
    height: 65px;
  }
  .destinationInputs input[type="text"] {
    width: 50%;
  }

  .sfinder-salonimage-popup .mfp-arrow, .sfinder-salonimage-popup .mfp-arrow:active {
    margin-top: -28px;
  }

  .sfinder-salonimage-popup .mfp-arrow-right {
    background-image: url(../i/sprite/sprite.png);
    background-position: -290px -158px;
    width: 38px;
    height: 56px;
  }

  .sfinder-salonimage-popup .mfp-arrow-left {
    background-image: url(../i/sprite/sprite.png);
    background-position: -290px -102px;
    width: 38px;
    height: 56px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1399px) {
  .sfinder-followUs .ico_facebook {
    background-image: url(../i/sprite/sprite.png);
    background-position: -108px -525px;
    width: 18px;
    height: 18px;
  }

  .sfinder-followUs .ico_tweet {
    background-image: url(../i/sprite/sprite.png);
    background-position: -36px -525px;
    width: 18px;
    height: 18px;
  }

  .sfinder-followUs .ico_pint {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -525px;
    width: 18px;
    height: 18px;
  }

  .sfinder-followUs .ico_youtube {
    background-image: url(../i/sprite/sprite.png);
    background-position: -54px -525px;
    width: 18px;
    height: 18px;
  }

  .sfinder-followUs .ico_istagram {
    background-image: url(../i/sprite/sprite.png);
    background-position: -162px -525px;
    width: 18px;
    height: 18px;
  }

  .sfinder__header {
    font-size: 2.4em;
    margin: 24px 10px;
  }

  .sfinder-filter__filter {
    padding-top: 30px;
  }
  .sfinder-filter__filter .item__input {
    display: none;
  }
  .sfinder-filter__filter .item {
    display: block;
    margin: 0 0 5px 10px;
  }
  .sfinder-filter__filter .item__label {
    border: 1px solid #e3e3e3;
    display: block;
    padding: 0 20px;
    color: #7c7c7c;
    border-radius: 5px 0;
    cursor: pointer;
  }
  .sfinder-filter__filter .item__label:hover {
    border-color: #c51c4b;
  }
  .sfinder-filter__filter .item__input:checked + .item__label {
    background: #c51c4b;
    border-color: #c51c4b;
    color: #fff;
  }

  .sfinder {
    min-height: 600px;
  }
  .sfinder .sfinder-filter__header {
    font-weight: normal;
    font-size: 1.6em;
  }
  .sfinder .sfinder-filter__close {
    margin: 21px 0;
  }
  .sfinder .sfinder-filter__close .button {
    font-size: 1.1em;
    line-height: 38px;
  }
  .sfinder .sfinder-filter__shadow {
    min-width: 250px;
  }
  .sfinder .sfinder-filter__filter {
    padding: 0 30px 2px;
  }
  .sfinder .filter .filter-list li a {
    margin: 0 0 5px 5px;
    font-size: 1.1em;
    padding: 0 11px;
  }
  .sfinder .filter .filter-list li.allProducts .title {
    float: left;
    font-size: 1.1em;
  }
  .sfinder .filter .filter-list li.allProducts a {
    float: left;
    display: inline;
  }
  .sfinder .filter .filter-list li:first-child a {
    margin: 0 0 5px 5px;
  }

  .allBrandsButton {
    font-size: 0.9em;
    line-height: 18px;
  }

  .scrollPane, .sfinder-result .scrollWrapper {
    height: 400px;
  }

  .sfinder-map {
    height: 400px;
  }

  .sfinder-map.narrowMap {
    height: 519px;
  }

  .sfinder-map__label-marker {
    line-height: 35px;
    background-image: url(../i/sprite/sprite.png);
    background-position: -111px -317px;
    width: 37px;
    height: 51px;
  }
  .sfinder-map__label-marker:hover, .sfinder-map__label-marker.active, .sfinder-map__label-marker.selected {
    background-image: url(../i/sprite/sprite.png);
    background-position: -148px -317px;
    width: 37px;
    height: 51px;
  }

  .sfinder-map__label-marker .salon--elite {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -317px;
    width: 37px;
    height: 51px;
  }
  .sfinder-map__label-marker .salon--elite:hover, .sfinder-map__label-marker .salon--elite.active, .sfinder-map__label-marker .salon--elite.selected {
    background-image: url(../i/sprite/sprite.png);
    background-position: -37px -317px;
    width: 37px;
    height: 51px;
  }

  .openInGoogleMaps {
    display: inline-block;
  }

  .filterSalonMap {
    width: 64%;
  }

  .salonMap .sfinder-map {
    height: 690px;
  }

  .filterSalonList .sfinder-result__salon-link {
    padding: 17px 15px 15px 12px;
  }
  .filterSalonList .sfinder-result__offers-label {
    background-image: url(../i/sprite/sprite.png);
    background-position: -199px -288px;
    width: 75px;
    height: 21px;
    top: 0px;
    right: 0px;
    font-size: 0.8em;
    line-height: 2.2;
    padding: 0 9px;
  }

  .sfinder-result-list__pointer {
    background-image: url(../i/sprite/sprite.png);
    background-position: -111px -317px;
    width: 37px;
    height: 51px;
    margin-top: 14px;
  }

  .sfinder-result__salonPointer-letter {
    font-size: 1.5em;
    line-height: 2.3;
  }

  .salon--elite .sfinder-result__promo-elite-label {
    display: block;
    font-size: 1.1em;
    line-height: 2.6;
    top: -23px;
  }

  .salon--elite .sfinder-result-list__pointer {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -317px;
    width: 37px;
    height: 51px;
  }

  .sfinder-result-list__item:hover .sfinder-result-list__pointer, .sfinder-result-list__item.active .sfinder-result-list__pointer, .sfinder-result-list__item.selected .sfinder-result-list__pointer {
    background-image: url(../i/sprite/sprite.png);
    background-position: -148px -317px;
    width: 37px;
    height: 51px;
  }

  .salon--elite:hover .sfinder-result-list__pointer, .salon--elite.active .sfinder-result-list__pointer, .salon--elite.selected .sfinder-result-list__pointer {
    background-image: url(../i/sprite/sprite.png);
    background-position: -37px -317px;
    width: 37px;
    height: 51px;
  }

  .salon-details {
    padding-top: 20px;
  }

  .sfinder-salonData {
    width: 460px;
    font-size: 0.85em;
  }

  .sfinder-highlight {
    margin: 0 0 1.3em;
    padding: 0 0.4em;
    height: 1.4em;
    line-height: 1.5em;
    font-size: 1.2em;
  }
  .sfinder-highlight:before {
    border-left-width: 6px;
    border-right-width: 6px;
    border-top-width: 6px;
  }

  .sfinder-salondata__row--mob-fullwidth .sfinder-salondata__col--1, .sfinder-salondata__row--mob-fullwidth .sfinder-salondata__col--2 {
    width: 100%;
  }

  .sfinder-salondata__distance {
    margin-bottom: 13px;
  }

  .sfinder-salondata__text--mobile-button {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    line-height: 34px;
    font-size: 1.1em;
    padding: 0 2.3em;
    border-radius: 8px 0 8px 0;
    display: inline-block;
    position: relative;
    min-width: 0;
    margin-bottom: 1em;
    background-color: #ca255d;
    text-decoration: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNjYTI1NWQiLz48c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2Q5MmM2NCIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjZDkyYzY0Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjMzAwM2QiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(45deg, #ca255d 10%, #d92c64 20%, #d92c64 25%, #c3003d 50%);
    background-image: -webkit-linear-gradient(45deg, #ca255d 10%, #d92c64 20%, #d92c64 25%, #c3003d 50%);
    background-image: linear-gradient(45deg, #ca255d 10%, #d92c64 20%, #d92c64 25%, #c3003d 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca255d', endColorstr='#c3003d',GradientType=1 );
  }
  .sfinder-salondata__text--mobile-button:hover, .sfinder-salondata__text--mobile-button:focus, .sfinder-salondata__text--mobile-button.active {
    background-color: #d33374;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNkMzMzNzQiLz48c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2UwMzk3ZSIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjZTAzOTdlIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjZTAxNTMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(45deg, #d33374 10%, #e0397e 20%, #e0397e 25%, #ce0153 50%);
    background-image: -webkit-linear-gradient(45deg, #d33374 10%, #e0397e 20%, #e0397e 25%, #ce0153 50%);
    background-image: linear-gradient(45deg, #d33374 10%, #e0397e 20%, #e0397e 25%, #ce0153 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d33374', endColorstr='#ce0153',GradientType=1 );
  }
  .sfinder-salondata__text--mobile-button small {
    font-size: 1em;
  }

  .sfinder-salondata__wrapper .button {
    min-width: 130px;
  }

  .salonProducts li {
    font-size: 1em;
  }

  .sfinder-gallery__img {
    max-width: 110px;
    max-height: 82px;
    padding: 0;
  }

  .sfinder-gallery__link + .sfinder-gallery__link .sfinder-gallery__img {
    padding-left: 8px;
  }

  .filterSalonList {
    width: 36%;
  }
  .filterSalonList .sfinder-result__description-header {
    font-size: 1.2em;
    line-height: 1.1;
    margin-bottom: 6px;
    padding-top: 4px;
  }
  .filterSalonList .sfinder-result__description-text {
    font-size: 1.1em;
    line-height: 1.3;
  }

  .sfinder-salondata__header {
    font-size: 3.2em;
  }

  .communicationButtons {
    font-size: 1.1em;
  }
  .communicationButtons .mapsButton {
    display: inline-block;
  }
  .communicationButtons .printButton {
    display: none;
  }

  .directionPopup {
    width: 240px;
    margin: -190px 0 0 -120px;
  }
  .directionPopup .button {
    font-size: 1.4em;
  }

  .destinationInputs .startPoint, .destinationInputs .finishPoint {
    height: 65px;
  }
  .destinationInputs input[type="text"] {
    width: 50%;
  }

  .sfinder-salonimage-popup .mfp-arrow, .sfinder-salonimage-popup .mfp-arrow:active {
    margin-top: -28px;
  }

  .sfinder-salonimage-popup .mfp-arrow-right {
    background-image: url(../i/sprite/sprite.png);
    background-position: -290px -158px;
    width: 38px;
    height: 56px;
  }

  .sfinder-salonimage-popup .mfp-arrow-left {
    background-image: url(../i/sprite/sprite.png);
    background-position: -290px -102px;
    width: 38px;
    height: 56px;
  }
}
@media screen and (min-width: 1400px) {
  .sfinder-followUs .ico_facebook {
    background-image: url(../i/sprite/sprite.png);
    background-position: -108px -525px;
    width: 18px;
    height: 18px;
  }

  .sfinder-followUs .ico_tweet {
    background-image: url(../i/sprite/sprite.png);
    background-position: -36px -525px;
    width: 18px;
    height: 18px;
  }

  .sfinder-followUs .ico_pint {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -525px;
    width: 18px;
    height: 18px;
  }

  .sfinder-followUs .ico_youtube {
    background-image: url(../i/sprite/sprite.png);
    background-position: -54px -525px;
    width: 18px;
    height: 18px;
  }

  .sfinder-followUs .ico_istagram {
    background-image: url(../i/sprite/sprite.png);
    background-position: -162px -525px;
    width: 18px;
    height: 18px;
  }

  .sfinder .sfinder-filter__header {
    font-size: 2.1em;
  }

  .sfinder-map.narrowMap {
    height: 833px;
  }

  .sfinder-map__label-marker {
    line-height: 54px;
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -88px;
    width: 54px;
    height: 73px;
  }
  .sfinder-map__label-marker:hover, .sfinder-map__label-marker.active, .sfinder-map__label-marker.selected {
    background-image: url(../i/sprite/sprite.png);
    background-position: -54px -88px;
    width: 54px;
    height: 73px;
  }

  .sfinder-map__label-marker.salon--elite {
    background-image: url(../i/sprite/sprite.png);
    background-position: -162px -88px;
    width: 54px;
    height: 73px;
  }
  .sfinder-map__label-marker.salon--elite:hover, .sfinder-map__label-marker.salon--elite.active, .sfinder-map__label-marker.salon--elite.selected {
    background-image: url(../i/sprite/sprite.png);
    background-position: -108px -88px;
    width: 54px;
    height: 73px;
  }

  .sfinder-filter__filter {
    padding-top: 30px;
  }
  .sfinder-filter__filter .item__input {
    display: none;
  }
  .sfinder-filter__filter .item {
    display: block;
    margin: 0 0 5px 10px;
  }
  .sfinder-filter__filter .item__label {
    border: 1px solid #e3e3e3;
    display: block;
    padding: 0 20px;
    color: #7c7c7c;
    border-radius: 5px 0;
    cursor: pointer;
  }
  .sfinder-filter__filter .item__label:hover {
    border-color: #c51c4b;
  }
  .sfinder-filter__filter .item__input:checked + .item__label {
    background: #c51c4b;
    border-color: #c51c4b;
    color: #fff;
  }

  .filterSalonList {
    width: 28%;
  }
  .filterSalonList .sfinder-result-list__item {
    line-height: 1.4;
  }
  .filterSalonList .sfinder-result__salon-link {
    padding: 40px 15px 15px 35px;
  }
  .filterSalonList .sfinder-result-list__desc {
    width: 77%;
  }
  .filterSalonList .sfinder-result__description-header {
    font-size: 2.2em;
    line-height: 1.1;
    padding-top: 4px;
    margin-bottom: 5px;
  }
  .filterSalonList .sfinder-result__description-text {
    font-size: 1.7em;
    line-height: 1.9;
  }
  .filterSalonList .sfinder-result__offers-label {
    background-image: url(../i/sprite/sprite.png);
    background-position: -77px -161px;
    width: 100px;
    height: 36px;
    top: 6px;
    right: 0;
    font-size: 1.2em;
    line-height: 2.5;
    padding: 0 9px 0 17px;
  }
  .filterSalonList .jspScrollable .sfinder-result__offers-label {
    right: 8px;
  }

  .sfinder-result-list__pointer {
    margin-right: 3%;
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -88px;
    width: 54px;
    height: 73px;
  }

  .salon--elite .sfinder-result__promo-elite-label {
    display: block;
  }

  .salon--elite .sfinder-result-list__pointer {
    background-image: url(../i/sprite/sprite.png);
    background-position: -162px -88px;
    width: 54px;
    height: 73px;
  }

  .sfinder-result-list__item:hover .sfinder-result-list__pointer, .sfinder-result-list__item.active .sfinder-result-list__pointer, .sfinder-result-list__item.selected .sfinder-result-list__pointer {
    background-image: url(../i/sprite/sprite.png);
    background-position: -54px -88px;
    width: 54px;
    height: 73px;
  }

  .salon--elite:hover .sfinder-result-list__pointer, .salon--elite.active .sfinder-result-list__pointer, .salon--elite.selected .sfinder-result-list__pointer {
    background-image: url(../i/sprite/sprite.png);
    background-position: -108px -88px;
    width: 54px;
    height: 73px;
  }

  .filterSalonList .sfinder-result-list__pointer {
    margin-top: 15px;
  }

  .sfinder-result__salonPointer-letter {
    font-size: 1.8em;
    line-height: 3;
  }

  .sfinder-result__promo-elite-label {
    top: -32px;
    left: 0;
    font-size: 1.4em;
    line-height: 2.6;
  }

  .salon-details {
    padding-top: 38px;
  }

  .sfinder-salonData {
    width: 600px;
    margin: 20px 30px 0 0;
  }

  .sfinder-highlight {
    margin: 0 0 0.9em;
    padding: 0 0.6em;
    height: 1.85em;
    line-height: 1.85em;
    font-size: 1.4em;
  }
  .sfinder-highlight:before {
    top: 100%;
    left: 43px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #000;
  }

  .sfinder-salondata__header {
    margin-bottom: 0.15em;
    line-height: 1.1;
    font-size: 4.6em;
  }

  .sfinder-salondata__listitem--inline {
    margin-right: 30px;
  }

  .sfinder-followUs--inline li {
    margin-right: 15px;
  }

  .sfinder-gallery__img {
    padding: 0 10px;
    max-width: 180px;
    max-height: 135px;
  }

  .destinationInputs .startPoint,
  .destinationInputs .finishPoint {
    height: 76px;
  }

  .destinationInputs input[type="text"] {
    width: 60%;
  }

  .sfinder-salonimage-popup .mfp-arrow, .sfinder-salonimage-popup .mfp-arrow:active {
    margin-top: -28px;
  }

  .sfinder-salonimage-popup .mfp-arrow-right {
    background-image: url(../i/sprite/sprite.png);
    background-position: -290px -158px;
    width: 38px;
    height: 56px;
  }

  .sfinder-salonimage-popup .mfp-arrow-left {
    background-image: url(../i/sprite/sprite.png);
    background-position: -290px -102px;
    width: 38px;
    height: 56px;
  }
}
/*------ TRENDVISION EVENT ------------------------------------------*/
.changeVideoEvent {
  width: 100%;
  background: white;
  text-align: center;
}
.changeVideoEvent li {
  display: inline-block;
}
.changeVideoEvent button {
  background: #fff;
  cursor: pointer;
}
.changeVideoEvent .active {
  color: white;
}

/* .mobileSelectMenu.arrow .filterButton {background: url("../i/sprite/arrows_up_down_white.png") no-repeat scroll 275px 16px #ca1c6a;}
.mobileSelectMenu.arrow.active .filterButton {background-position: 275px -14px;} */
.tile-trends .star {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  z-index: 100;
  background-image: url(../i/sprite/sprite.png);
  background-position: -232px -159px;
  width: 51px;
  height: 51px;
}
.tile-trends .star.active {
  background-image: url(../i/sprite/sprite.png);
  background-position: -232px -108px;
  width: 51px;
  height: 51px;
}
.tile-trends .remove {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  z-index: 100;
  background-image: url(../i/sprite/sprite.png);
  background-position: -232px -57px;
  width: 51px;
  height: 51px;
}
.tile-trends .remove.active {
  background-image: url(../i/sprite/sprite.png);
  background-position: -232px -57px;
  width: 51px;
  height: 51px;
}

/*  MENU  */
.nav .trendvision-size {
  left: 20%;
  width: 800px;
  height: 350px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .nav .trendvision-size {
    width: 610px;
    height: 280px;
    left: 10%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .nav .trendvision-size {
    width: 650px;
    height: 300px;
  }
}
.nav .trendvision-size .nav-lvl2-tab {
  width: 48.5%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .nav .trendvision-size .nav-lvl2-tab {
    width: 48.22%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .nav .trendvision-size .nav-lvl2-tab {
    width: 48.5%;
  }
}

.tvpEvent h3 {
  font-size: 5.7em;
  font-family: "ClanNarrow-Medium";
  color: #c8003c;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tvpEvent h3 {
    font-size: 4em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .tvpEvent h3 {
    font-size: 4.8em;
  }
}
@media only screen and (max-width: 767px) {
  .tvpEvent h3 {
    font-size: 4em;
    line-height: 35px;
  }
}
.tvpEvent footer h3 {
  color: #7f7f7f;
}

.tvpHeadtext {
  font-family: "ClanNarrow-News";
  font-size: 2.5em;
  margin: 65px 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: 15px;
  }
}

.buttons .button.monaco-button {
  min-width: 250px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .buttons .button.monaco-button {
    min-width: 110px !important;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .buttons .button.monaco-button {
    min-width: 140px !important;
  }
}
@media only screen and (max-width: 767px) {
  .buttons .button.monaco-button {
    margin-bottom: 10px;
  }
}

.videoContainer {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .videoContainer {
    margin-bottom: 0;
  }
}

.tvpEvent-frame {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  border: 0 none;
  overflow: hidden;
}
.tvpEvent-frame video {
  width: 100%;
}
.tvpEvent-frame iframe {
  width: 100%;
  height: 100%;
  border: 0 none;
  overflow: hidden;
}

.videoNav button, .videoNav a {
  border: 0 none;
  background: none;
  width: 41px;
  height: 41px;
  display: block;
  margin: 5px;
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .videoNav button, .videoNav a {
    width: 23px;
    height: 23px;
  }
}
.videoNav .videoNav-bigPlay {
  background: #191919;
  display: block;
  width: 118px;
  height: 118px;
  position: absolute;
  left: 50%;
  top: 45%;
  margin: -59px 0 0 -59px;
  border-radius: 15% 0;
  box-shadow: 0.4em 0.4em 2em #191919;
  z-index: 2;
  cursor: pointer;
}
.videoNav .videoNav-bigPlay:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -16em 0 0 -11em;
  width: 0;
  height: 0;
  display: block;
  border-top: 16em solid transparent;
  border-bottom: 16em solid transparent;
  border-left: 26em solid #fff;
  content: '';
  font-size: 12.5%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .videoNav .videoNav-bigPlay:after {
    font-size: 8.5%;
  }
}
@media only screen and (max-width: 767px) {
  .videoNav .videoNav-bigPlay:after {
    font-size: 5.5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .videoNav .videoNav-bigPlay {
    width: 80px;
    height: 80px;
    margin: -50px 0 0 -40px;
  }
}
@media only screen and (max-width: 767px) {
  .videoNav .videoNav-bigPlay {
    width: 50px;
    height: 50px;
    margin: -30px 0 0 -25px;
  }
}

.videoNav-bar {
  background: white;
  color: black;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 68px;
}
@media only screen and (max-width: 1024px) {
  .videoNav-bar {
    height: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .videoNav-bar {
    bottom: 1px;
  }
}
.videoNav-bar li {
  float: left;
}

.videoNav-views {
  position: absolute;
  z-index: 2;
}

.videoNav-controls {
  position: absolute;
  left: 50%;
  bottom: 10%;
  margin-left: -50px;
  display: none;
}
.videoNav-controls.active {
  display: block;
}
.videoNav-controls button {
  width: 28px;
  height: 28px;
}
@media only screen and (max-width: 1024px) {
  .videoNav-controls button {
    width: 20px;
    height: 20px;
  }
}
@media only screen and (min-width: 1025px) {
  .videoNav-controls .videoNav-play {
    background-image: url(../i/sprite/sprite.png);
    background-position: -240px -433px;
    width: 28px;
    height: 28px;
  }
}
@media only screen and (max-width: 1024px) {
  .videoNav-controls .videoNav-play {
    background-image: url(../i/sprite/sprite.png);
    background-position: -528px -179px;
    width: 20px;
    height: 20px;
  }
}
@media only screen and (min-width: 1025px) {
  .videoNav-controls .videoNav-pause {
    background-image: url(../i/sprite/sprite.png);
    background-position: -324px -433px;
    width: 28px;
    height: 28px;
  }
}
@media only screen and (max-width: 1024px) {
  .videoNav-controls .videoNav-pause {
    background-image: url(../i/sprite/sprite.png);
    background-position: -528px -319px;
    width: 20px;
    height: 20px;
  }
}
@media only screen and (min-width: 1025px) {
  .videoNav-controls .videoNav-fullScreen {
    background-image: url(../i/sprite/sprite.png);
    background-position: -352px -433px;
    width: 28px;
    height: 28px;
  }
}
@media only screen and (max-width: 1024px) {
  .videoNav-controls .videoNav-fullScreen {
    background-image: url(../i/sprite/sprite.png);
    background-position: -528px -299px;
    width: 20px;
    height: 20px;
  }
}
@media only screen and (min-width: 1025px) {
  .videoNav-controls .videoNav-closeFullScreen {
    background-image: url(../i/sprite/sprite.png);
    background-position: -268px -433px;
    width: 28px;
    height: 28px;
  }
}
@media only screen and (max-width: 1024px) {
  .videoNav-controls .videoNav-closeFullScreen {
    background-image: url(../i/sprite/sprite.png);
    background-position: -528px -219px;
    width: 20px;
    height: 20px;
  }
}
@media only screen and (min-width: 1025px) {
  .videoNav-controls .videoNav-volume {
    background-image: url(../i/sprite/sprite.png);
    background-position: -433px -359px;
    width: 28px;
    height: 28px;
  }
}
@media only screen and (max-width: 1024px) {
  .videoNav-controls .videoNav-volume {
    background-image: url(../i/sprite/sprite.png);
    background-position: -528px -139px;
    width: 20px;
    height: 20px;
  }
}
@media only screen and (min-width: 1025px) {
  .videoNav-controls .videoNav-volumeMute {
    background-image: url(../i/sprite/sprite.png);
    background-position: -296px -433px;
    width: 28px;
    height: 28px;
  }
}
@media only screen and (max-width: 1024px) {
  .videoNav-controls .videoNav-volumeMute {
    background-image: url(../i/sprite/sprite.png);
    background-position: -528px -259px;
    width: 20px;
    height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .videoNav-controls {
    left: 0;
    margin-left: 0;
  }
}

.videoNav-social {
  position: absolute;
  right: 0;
  top: -53px;
  background: rgba(255, 255, 255, 0.6);
}
@media only screen and (max-width: 767px) {
  .videoNav-social {
    position: static;
    float: right;
  }
}
@media only screen and (max-width: 1024px) {
  .videoNav-social {
    top: -35px;
  }
}
.videoNav-social .title {
  font-family: "ClanNarrow-Medium", Arial, sans-serif;
  font-size: 2.1em;
  padding: 14px 12px 0 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .videoNav-social .title {
    font-size: 1.2em;
    padding: 10px 5px 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .videoNav-social .title {
    display: none;
  }
}
.videoNav-social a {
  border: 1px solid black;
  border-radius: 50%;
}
@media only screen and (min-width: 1025px) {
  .videoNav-social .videoNav-twitter {
    background-image: url(../i/sprite/sprite.png);
    background-position: -287px -368px;
    width: 41px;
    height: 41px;
  }
}
@media only screen and (max-width: 1024px) {
  .videoNav-social .videoNav-twitter {
    background-image: url(../i/sprite/sprite.png);
    background-position: -319px -464px;
    width: 23px;
    height: 23px;
  }
}
@media only screen and (min-width: 1025px) {
  .videoNav-social .videoNav-facebook {
    background-image: url(../i/sprite/sprite.png);
    background-position: -391px -246px;
    width: 41px;
    height: 41px;
  }
}
@media only screen and (max-width: 1024px) {
  .videoNav-social .videoNav-facebook {
    background-image: url(../i/sprite/sprite.png);
    background-position: -135px -464px;
    width: 23px;
    height: 23px;
  }
}
@media only screen and (min-width: 1025px) {
  .videoNav-social .videoNav-pinterest {
    background-image: url(../i/sprite/sprite.png);
    background-position: -246px -368px;
    width: 41px;
    height: 41px;
  }
}
@media only screen and (max-width: 1024px) {
  .videoNav-social .videoNav-pinterest {
    background-image: url(../i/sprite/sprite.png);
    background-position: -365px -464px;
    width: 23px;
    height: 23px;
  }
}

.trackBar {
  width: 100%;
  height: 15px;
  background: #c1c1c1;
  position: relative;
}
.trackBar div {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
@media only screen and (max-width: 1024px) {
  .trackBar {
    height: 8px;
  }
}

.loadBar, .progressBar {
  -moz-transition: width 1s;
  -o-transition: width 1s;
  -webkit-transition: width 1s;
  transition: width 1s;
}

.loadBar {
  background: #e0e0e0;
}

.progressBar {
  background: #cc0033;
}

.vjs-control-bar {
  display: none;
}

/* Bookmarks */
@media only screen and (max-width: 767px) {
  .bookmarks {
    display: none;
  }
}
.bookmarks > button {
  position: absolute;
  left: 0;
  border: 0 none;
  cursor: pointer;
  z-index: 2;
}

.addBookmark {
  width: 120px;
  height: 108px;
  background: rgba(217, 86, 81, 0.7);
  top: 20%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .addBookmark {
    width: 72px;
    height: 66px;
  }
}
.addBookmark:after {
  content: '';
  position: absolute;
  top: 22%;
  left: 22%;
  background-image: url(../i/sprite/sprite.png);
  background-position: -232px 0px;
  width: 58px;
  height: 57px;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .addBookmark:after {
    background-image: url(../i/sprite/sprite.png);
    background-position: -462px -399px;
    width: 34px;
    height: 33px;
    background-repeat: no-repeat;
  }
}
.addBookmark.active {
  left: 220px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .addBookmark.active {
    left: 120px;
  }
}

.showBookmarks {
  width: 72px;
  height: 90px;
  background: #191919;
  position: absolute;
  top: 42%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .showBookmarks {
    width: 44px;
    height: 54px;
  }
}
.showBookmarks:after {
  content: '';
  position: absolute;
  left: 33%;
  top: 31%;
  background-image: url(../i/sprite/sprite.png);
  background-position: -433px -193px;
  width: 24px;
  height: 40px;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .showBookmarks:after {
    background-image: url(../i/sprite/sprite.png);
    background-position: -528px -433px;
    width: 15px;
    height: 24px;
    background-repeat: no-repeat;
  }
}
.showBookmarks.active {
  left: 220px;
  top: 0;
  width: 68px;
  height: 64px;
  background: rgba(0, 0, 0, 0.7);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .showBookmarks.active {
    left: 120px;
    width: 35px;
    height: 35px;
  }
}
.showBookmarks.active:after {
  background-image: url(../i/sprite/sprite.png);
  background-position: -433px -387px;
  width: 23px;
  height: 22px;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .showBookmarks.active:after {
    background-image: url(../i/sprite/sprite.png);
    background-position: -179px -197px;
    width: 13px;
    height: 12px;
    background-repeat: no-repeat;
  }
}

.bookmarksPanel {
  width: 220px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bookmarksPanel {
    width: 120px;
  }
}
.bookmarksPanel.active {
  display: block;
}
.bookmarksPanel h4 {
  text-align: center;
  color: #fff;
  font-family: "ClanNarrow-Book";
  font-size: 2em;
  padding-top: 26%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bookmarksPanel h4 {
    font-size: 1.3em;
  }
}

.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);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-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;
  -moz-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%;
  }
}

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

.bookmarkItem {
  margin: 5px 0;
}
.bookmarkItem a {
  position: relative;
}
.bookmarkItem a:before {
  content: "\002B";
  color: #FFFFFF;
  border-bottom: 15px solid #191919;
  border-left: 15px solid transparent;
  display: block;
  font-size: 1em;
  height: 0;
  width: 0;
  line-height: 19px;
  text-indent: -7px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  font-family: arial;
}

.bookmarksEndView {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 94%;
  height: 100%;
  padding: 0 3%;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .bookmarksEndView {
    display: none;
  }
}
.bookmarksEndView h3 {
  font-family: "ClanNarrow-Thin", Arial, sans-serif;
  color: #fff;
  padding: 2.5% 0;
}
@media only screen and (min-width: 1400px) {
  .bookmarksEndView h3 {
    font-size: 4.6em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .bookmarksEndView h3 {
    font-size: 2.6em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bookmarksEndView h3 {
    font-size: 2.6em;
  }
}
.bookmarksEndView .bookmarkItem {
  float: left;
  margin: 0.5%;
  overflow: hidden;
}
.bookmarksEndView .bookmarkItem img {
  width: 100%;
}
@media only screen and (min-width: 1400px) {
  .bookmarksEndView .bookmarkItem {
    width: 200px;
    height: 200px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .bookmarksEndView .bookmarkItem {
    width: 142px;
    height: 142px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bookmarksEndView .bookmarkItem {
    width: 106px;
    height: 106px;
  }
}
.bookmarksEndView .summaryLink {
  background: rgba(255, 255, 255, 0.8);
}
.bookmarksEndView .linkName {
  font-family: "ClanNarrow-News", Arial, sans-serif;
}
@media only screen and (min-width: 1400px) {
  .bookmarksEndView .linkName {
    font-size: 1.8em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .bookmarksEndView .linkName {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bookmarksEndView .linkName {
    font-size: 1.2em;
  }
}
.bookmarksEndView .videoNav-social {
  position: relative;
  left: 50%;
  color: #fff;
  background: none;
}
@media only screen and (min-width: 1025px) {
  .bookmarksEndView .videoNav-social {
    margin-left: -155px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bookmarksEndView .videoNav-social {
    margin-left: -100px;
  }
}
.bookmarksEndView .videoNav-social li {
  float: left;
}
.bookmarksEndView .videoNav-social a {
  display: block;
  margin: 5px;
  cursor: pointer;
  border: 2px solid #fff;
}
@media only screen and (min-width: 1025px) {
  .bookmarksEndView .videoNav-social a {
    width: 41px;
    height: 41px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bookmarksEndView .videoNav-social a {
    width: 23px;
    height: 23px;
  }
}
@media only screen and (min-width: 1025px) {
  .bookmarksEndView .videoNav-social .videoNav-twitter {
    background-image: url(../i/sprite/sprite.png);
    background-position: -123px -368px;
    width: 41px;
    height: 41px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bookmarksEndView .videoNav-social .videoNav-twitter {
    background-image: url(../i/sprite/sprite.png);
    background-position: -112px -464px;
    width: 23px;
    height: 23px;
  }
}
@media only screen and (min-width: 1025px) {
  .bookmarksEndView .videoNav-social .videoNav-facebook {
    background-image: url(../i/sprite/sprite.png);
    background-position: -391px -287px;
    width: 41px;
    height: 41px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bookmarksEndView .videoNav-social .videoNav-facebook {
    background-image: url(../i/sprite/sprite.png);
    background-position: -504px -384px;
    width: 23px;
    height: 23px;
  }
}
@media only screen and (min-width: 1025px) {
  .bookmarksEndView .videoNav-social .videoNav-pinterest {
    background-image: url(../i/sprite/sprite.png);
    background-position: -82px -368px;
    width: 41px;
    height: 41px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bookmarksEndView .videoNav-social .videoNav-pinterest {
    background-image: url(../i/sprite/sprite.png);
    background-position: -504px -453px;
    width: 23px;
    height: 23px;
  }
}
.bookmarksEndView .close {
  color: #fff;
  position: absolute;
  top: 20px;
  right: 20px;
  background-image: url(../i/sprite/sprite.png);
  background-position: -433px -387px;
  width: 23px;
  height: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bookmarksEndView .close {
    background-image: url(../i/sprite/sprite.png);
    background-position: -179px -197px;
    width: 13px;
    height: 12px;
  }
}

.tutorialOverlay {
  background: url("../i/initiatives/trendvision/tutorial.jpg") no-repeat scroll center bottom;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 767px) {
  .tutorialOverlay {
    display: none;
  }
}
.tutorialOverlay .popupTemplate {
  position: absolute;
  top: 40%;
  left: 50%;
  margin: -140px 0 0 -320px;
}
@media only screen and (min-width: 1400px) {
  .tutorialOverlay .popupTemplate {
    width: 640px;
    height: 280px;
    margin: -140px 0 0 -320px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .tutorialOverlay .popupTemplate {
    width: 380px;
    height: 200px;
    margin: -100px 0 0 -190px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tutorialOverlay .popupTemplate {
    width: 380px;
    height: 200px;
    margin: -100px 0 0 -190px;
  }
}
.tutorialOverlay .popupTemplate .content {
  padding: 40px 10px;
}
.tutorialOverlay .popupTemplate .content h2 {
  font-size: 4.8em;
  line-height: 1;
  margin: 0;
}
@media only screen and (min-width: 1400px) {
  .tutorialOverlay .popupTemplate .content h2 {
    font-size: 4.8em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .tutorialOverlay .popupTemplate .content h2 {
    font-size: 2.8em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tutorialOverlay .popupTemplate .content h2 {
    font-size: 2.8em;
  }
}
.tutorialOverlay .popupTemplate .content p.text {
  font-family: "ClanNarrow-Book";
}
@media only screen and (min-width: 1400px) {
  .tutorialOverlay .popupTemplate .content p.text {
    font-size: 2.6em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .tutorialOverlay .popupTemplate .content p.text {
    font-size: 2em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tutorialOverlay .popupTemplate .content p.text {
    font-size: 2em;
  }
}
.tutorialOverlay .popupTemplate .buttons {
  margin: 15px 0 0;
}

.oldBrowserPopup, .cellphonesWarningPopup {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  top: 0;
  width: 96%;
  text-align: center;
  color: #fff;
  font-family: "ClanNarrow-Thin";
  font-size: 6em;
  padding: 4.2% 2%;
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .oldBrowserPopup, .cellphonesWarningPopup {
    font-size: 3.2em;
    padding: 4.2% 2%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .oldBrowserPopup, .cellphonesWarningPopup {
    font-size: 3.2em;
    padding: 4.2% 2%;
  }
}
@media only screen and (max-width: 767px) {
  .oldBrowserPopup, .cellphonesWarningPopup {
    font-size: 1.4em;
    padding: 2% 0;
  }
}

/* R├│┼╝nice w playerach */
.duringEvent .videoNav-views, .duringEvent .bookmarks, .duringEvent .bookmarksEndView {
  display: none;
}
.duringEvent .videoNav-bar {
  height: 0;
}

.afterEvent {
  margin-top: 50px;
}
.afterEvent .bookmarks {
  display: none;
}

.showExperience {
  margin-bottom: 50px;
}
.showExperience .tvpEvent-frame {
  background-color: #000;
}
.showExperience .videoNav-controls {
  display: block;
}
.showExperience .videoNav-views {
  left: 0;
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  .showExperience .videoNav-views {
    display: none;
  }
}
.showExperience .videoNav-views li {
  float: left;
}
.showExperience .videoNav-views .camera {
  margin: 5px;
  background-image: url(../i/sprite/sprite.png);
  background-position: -391px -205px;
  width: 41px;
  height: 41px;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .showExperience .videoNav-views .camera {
    background-image: url(../i/sprite/sprite.png);
    background-position: -328px -102px;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
  }
}
@media only screen and (min-width: 1025px) {
  .showExperience .videoNav-views .camDirectorsCut {
    background-image: url(../i/sprite/sprite.png);
    background-position: -164px -368px;
    width: 41px;
    height: 41px;
  }
  .showExperience .videoNav-views .camDirectorsCut.active {
    background-image: url(../i/sprite/sprite.png);
    background-position: -205px -368px;
    width: 41px;
    height: 41px;
  }
  .showExperience .videoNav-views .camGrandAngle {
    background-image: url(../i/sprite/sprite.png);
    background-position: -391px -123px;
    width: 41px;
    height: 41px;
  }
  .showExperience .videoNav-views .camGrandAngle.active {
    background-image: url(../i/sprite/sprite.png);
    background-position: -391px -164px;
    width: 41px;
    height: 41px;
  }
  .showExperience .videoNav-views .camSideSide {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -368px;
    width: 41px;
    height: 41px;
  }
  .showExperience .videoNav-views .camSideSide.active {
    background-image: url(../i/sprite/sprite.png);
    background-position: -41px -368px;
    width: 41px;
    height: 41px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .showExperience .videoNav-views .camDirectorsCut {
    background-image: url(../i/sprite/sprite.png);
    background-position: -504px -407px;
    width: 23px;
    height: 23px;
  }
  .showExperience .videoNav-views .camDirectorsCut.active {
    background-image: url(../i/sprite/sprite.png);
    background-position: -504px -430px;
    width: 23px;
    height: 23px;
  }
  .showExperience .videoNav-views .camGrandAngle {
    background-image: url(../i/sprite/sprite.png);
    background-position: -227px -464px;
    width: 23px;
    height: 23px;
  }
  .showExperience .videoNav-views .camGrandAngle.active {
    background-image: url(../i/sprite/sprite.png);
    background-position: -342px -464px;
    width: 23px;
    height: 23px;
  }
  .showExperience .videoNav-views .camSideSide {
    background-image: url(../i/sprite/sprite.png);
    background-position: -181px -464px;
    width: 23px;
    height: 23px;
  }
  .showExperience .videoNav-views .camSideSide.active {
    background-image: url(../i/sprite/sprite.png);
    background-position: -158px -464px;
    width: 23px;
    height: 23px;
  }
}
.showExperience .videoNav-social {
  top: 15px;
}
@media only screen and (max-width: 1024px) {
  .showExperience .videoNav-social {
    top: 8px;
  }
}
.showExperience .videoNav-social .title {
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .showExperience .videoNav-social .title {
    display: none;
  }
}

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

.making-waves.trendVision-monaco .description .descriptionTitle,
.making-waves.tvpEvent .description .descriptionTitle {
  color: #d33363;
}

.making-waves.trendVision-monaco .panels,
.making-waves.tvpEvent .panels {
  margin: 0;
}

.making-waves.trendVision-monaco .detailsList,
.making-waves.tvpEvent .detailsList {
  margin: 47px 0 0;
}
@media only screen and (max-width: 767px) {
  .making-waves.trendVision-monaco .detailsList,
  .making-waves.tvpEvent .detailsList {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .making-waves.trendVision-monaco .detailsList,
  .making-waves.tvpEvent .detailsList {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .making-waves.trendVision-monaco .detailsList,
  .making-waves.tvpEvent .detailsList {
    margin-top: 34px;
  }
}

.detailsList-wrapper {
  margin-top: 40px;
}

.making-waves.trendVision-monaco {
  /* .filterMenuWrap {
      margin-bottom: 80px;
      padding-left: 180px;
  } */
}
.making-waves.trendVision-monaco .buttons {
  margin: 40px 0 70px;
}
.making-waves.trendVision-monaco .buttons .button {
  min-width: 210px;
}
.making-waves.trendVision-monaco .description .upperDesc {
  color: #626262;
}

.trendVision-monaco .is-sticky .buttons {
  margin-top: 110px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .trendVision-monaco .is-sticky .buttons {
    margin-top: 71px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .trendVision-monaco .is-sticky .buttons {
    margin-top: 90px;
  }
}

/* Event Timer Block */
.packshot.eventTimerBlock {
  display: block !important;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .packshot.eventTimerBlock {
    width: 100% !important;
  }
}

.eventTimerBlock {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  color: #fff;
  width: 679px;
  height: 617px;
}
@media only screen and (max-width: 767px) {
  .eventTimerBlock {
    height: 345px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .eventTimerBlock {
    width: 364px;
    height: 331px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .eventTimerBlock {
    width: 486px;
    height: 411px;
  }
}
.eventTimerBlock .worldTimeBlock {
  margin-top: 5%;
}
.eventTimerBlock .worldTimeBlock li {
  display: inline-block;
  font-size: 2em;
  margin-right: 20px;
  font-family: "ClanNarrow-News";
  position: relative;
}
@media only screen and (max-width: 767px) {
  .eventTimerBlock .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) {
  .eventTimerBlock .worldTimeBlock li {
    font-size: 1em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .eventTimerBlock .worldTimeBlock li {
    font-size: 1.5em;
  }
}
.eventTimerBlock .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) {
  .eventTimerBlock .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) {
  .eventTimerBlock .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) {
  .eventTimerBlock .worldTimeBlock li:before {
    top: 3px;
    height: 15px;
    background-color: #fff;
    content: "";
    width: 1px;
    position: absolute;
    right: -10px;
  }
}
.eventTimerBlock .worldTimeBlock li strong {
  font-weight: bold;
}
.eventTimerBlock .worldTimeBlock li:last-child {
  margin-right: 0;
}
.eventTimerBlock .worldTimeBlock li:last-child:before {
  display: none;
}
.eventTimerBlock #eventTimer,
.eventTimerBlock .eventTimerWrap {
  width: 100%;
  height: 100%;
}
.eventTimerBlock 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) {
  .eventTimerBlock img.eventLogo {
    width: 50%;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .eventTimerBlock img.eventLogo {
    width: 50%;
    margin-bottom: 2%;
  }
}
@media only screen and (max-width: 767px) {
  .eventTimerBlock img.eventLogo {
    margin-bottom: 0;
  }
}
.eventTimerBlock img.eventBackground {
  position: absolute;
  z-index: -1;
}
.eventTimerBlock .timeWrap {
  clear: both;
  width: 400px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .eventTimerBlock .timeWrap {
    width: 243px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .eventTimerBlock .timeWrap {
    width: 303px;
  }
}
@media only screen and (max-width: 767px) {
  .eventTimerBlock .timeWrap {
    width: 225px;
  }
}
.eventTimerBlock .timeWrap > div {
  float: left;
  padding: 0 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .eventTimerBlock .timeWrap > div {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .eventTimerBlock .timeWrap > div {
    padding: 0 15px;
  }
}
.eventTimerBlock .timeWrap > div > span {
  display: block;
}
.eventTimerBlock .timeWrap > div .value {
  font-family: "ClanNarrow-Medium";
  font-size: 5em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .eventTimerBlock .timeWrap > div .value {
    font-size: 3em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .eventTimerBlock .timeWrap > div .value {
    font-size: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .eventTimerBlock .timeWrap > div .value {
    font-size: 3em;
  }
}
.eventTimerBlock .timeWrap > div .word {
  font-family: "ClanNarrow-Thin";
  font-size: 2em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .eventTimerBlock .timeWrap > div .word {
    font-size: 2em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .eventTimerBlock .timeWrap > div .word {
    font-size: 2em;
  }
}
.eventTimerBlock .referenceDateTimeWrap {
  width: 100%;
  margin-top: 9%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .eventTimerBlock .referenceDateTimeWrap {
    margin-top: 5%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .eventTimerBlock .referenceDateTimeWrap {
    margin-top: 5%;
  }
}
@media only screen and (max-width: 767px) {
  .eventTimerBlock .referenceDateTimeWrap {
    margin-top: 9%;
  }
}
.eventTimerBlock .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) {
  .eventTimerBlock .referenceDateTimeWrap .referenceDateTime {
    font-size: 1.4em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .eventTimerBlock .referenceDateTimeWrap .referenceDateTime {
    font-size: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .eventTimerBlock .referenceDateTimeWrap .referenceDateTime {
    font-size: 1.4em;
  }
}
.eventTimerBlock .hours-block {
  background: url("../i/initiatives/trendvision/timer_spacer.png") no-repeat right bottom;
}
.eventTimerBlock .seconds-block {
  background: url("../i/initiatives/trendvision/timer_spacer.png") no-repeat left bottom;
}
.eventTimerBlock .days-block .day-value {
  font-family: "ClanNarrow-Medium";
  font-size: 13em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .eventTimerBlock .days-block .day-value {
    font-size: 7em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .eventTimerBlock .days-block .day-value {
    font-size: 10em;
  }
}
@media only screen and (max-width: 767px) {
  .eventTimerBlock .days-block .day-value {
    font-size: 7.3em;
  }
}
.eventTimerBlock .days-block .day-value .day-word {
  font-family: "ClanNarrow-Thin";
  font-size: 0.25em;
}

.making-waves.trendVision-monaco .detailsList .row:first-child {
  border: 0;
}

@media only screen and (max-width: 767px) {
  #tvp-judges .filterMenu {
    width: 100%;
  }
  #tvp-judges .mobileSelectMenu {
    display: none;
  }
  #tvp-judges .filterButton {
    background: #c8013c;
  }
  #tvp-judges .finalists .together {
    border-top: none;
    border-bottom: none;
  }
  #tvp-judges .finalists .together .filterMenu li {
    width: 138px;
    margin-right: 10px;
    float: left;
  }
  #tvp-judges .finalists .together .filterMenu li:last-child {
    margin-right: 0;
  }
  #tvp-judges .finalists .together .filterMenu li.active a {
    color: #c8013c;
  }

  /* .finalists {
      margin-top: 0 !important;
      .mobileSelectMenu {
          margin: 0;
      }
      .filterMenu.all {
          .active { margin: 0; }
      }
      .together.wrap {
          margin: 0 0 10px;
          padding-top: 0;
      }
      .filterMenu {
          &.first {
              border: 0;
              padding: 0;
          }
          &.second {
              border-left: 1px solid #ccc;
              li {
                  border: 0;
              }
              .item { margin: 0 0 0 5px !important; }
          }
          li {
              padding: 0;
              border: 0;
              width: auto;
              &.filterText {
                  display: block;
                  font-weight: bold;
                  border-bottom: 1px solid #ccc;
              }
              &:last-child a {
                  border-bottom: 0;
              }
          }
          .item {
              margin: 0 5px 5px 0 !important;
          }
          .item a {
              display: block;
              border: 0 !important;
              border-bottom: 1px solid #ccc !important;
              border-radius: 0 !important;
          }
      }
  } */
}
/*------ VOTE EVENT ------------------------------------------*/
.voteBlock {
  background: url("../i/initiatives/trendvision/tvp_video_bg.png") no-repeat 0 100%;
  background-size: contain;
  background-color: #e7e7e7;
  height: 301px;
  width: 100%;
}
.voteBlock.voteBlock--close {
  height: 140px;
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .voteBlock.voteBlock--close h2 {
    padding: 0;
  }
}
@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: 285px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .voteBlock {
    height: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .voteBlock {
    height: 225px;
  }
}
.voteBlock.thanks {
  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: 40px 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: 25%;
    margin-bottom: 10px;
  }
}
.voteBlock .talentBlock {
  width: 50%;
  padding: 2% 2% 2% 2%;
  float: left;
  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;
  box-sizing: border-box;
  position: relative;
}
.voteBlock .colorBlock:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 10px;
  height: 79px;
  width: 3px;
  background: url("../i/initiatives/trendvision/vote_spacer.png") no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
  .voteBlock .colorBlock:before {
    display: none;
  }
}
@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% 4.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% 2% 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 .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;
  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;
    height: 30px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .voteBlock .selectBox {
    width: 250px;
    height: 45px;
    margin-right: 10px;
  }
}
.voteBlock .selectBox .styled-select-wrapper {
  width: 400px;
  height: 45px;
  border: 0;
  background-color: #fdfdfd;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .voteBlock .selectBox .styled-select-wrapper {
    width: 150px;
    height: 30px;
  }
}
.voteBlock .selectBox .styled-select-text {
  height: 45px;
  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;
  }
}
@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;
  background-size: cover;
  cursor: pointer;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .voteBlock .selectBox .styled-select-button {
    width: 38px;
    height: 30px;
    background-position: 0 -6px;
  }
}

/* voteBlock */
.making-waves .description .button.tvpButton {
  font-size: 1.3em;
}

.tile-facePhoto {
  cursor: pointer;
}
.tile-facePhoto.noPushItems {
  cursor: initial;
}
.tile-facePhoto .mentorName {
  bottom: 50px !important;
  background-color: #9d9ea0 !important;
}
@media only screen and (max-width: 767px) {
  .tile-facePhoto .mentorName {
    bottom: 31px;
  }
}
.tile-facePhoto .position {
  background: none repeat scroll 0 0 #c8013c;
  bottom: 16px;
  color: #fff;
  font-family: "ClanNarrow-thin";
  font-size: 1.6em;
  height: 34px;
  left: 0;
  line-height: 34px;
  padding: 0 15px;
  position: absolute;
  z-index: 100;
}
.tile-facePhoto .position strong {
  font-family: "ClanNarrow-News";
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tile-facePhoto .position {
    bottom: 27px;
    height: 24px;
    font-size: 1.2em;
    line-height: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .tile-facePhoto .position {
    padding: 0 5px;
    bottom: 12px;
    height: 20px;
    font-size: 0.9em;
    line-height: 20px;
  }
}
.tile-facePhoto .younTalent {
  font-size: 2em;
  font-family: "ClanNarrow-thin";
}

.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 !important;
    background: #fff !important;
  }
  .making-waves.mentor__gallery.Awards-Finalists .filterMenuWrap .filterText {
    display: block;
  }
}

.finalistsReact .finalists {
  margin-top: 30px;
}

#tvp-judges .filterMenuWrap {
  padding: 0;
}
#tvp-judges .filterMenu {
  display: inline-block;
}
#tvp-judges .filterMenu a {
  min-width: 150px;
  padding: 10px;
}

.making-waves.mentor__gallery.Awards-Finalists .filterMenuWrap {
  padding-left: 100px !important;
  overflow: hidden !important;
  margin-top: 0px !important;
  /*     .item a {
          border-radius: 10px 0 10px 0;
          padding: 3px 15px;
                  @include respond-to(tablets) {padding: 3px 6px;border-radius: 5px 0 5px 0;}
                  @include respond-to(cellphones) {
                      width: auto;
                      margin: 4px 0;
      } */
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .making-waves.mentor__gallery.Awards-Finalists .filterMenuWrap {
    padding-left: 0px !important;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .making-waves.mentor__gallery.Awards-Finalists .filterMenuWrap {
    padding-left: 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 !important;
  }
  .making-waves.mentor__gallery.Awards-Finalists .filterMenuWrap .filterMenu .item.active a {
    color: #CC0033 !important;
    background: #fff !important;
  }
  .making-waves.mentor__gallery.Awards-Finalists .filterMenuWrap .filterText {
    display: block;
  }
}

.tile-homePush.block-2x1.tvp .buttonWrap {
  position: absolute;
  top: 365px;
  right: 160px;
  width: 250px;
  height: 100px;
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .tile-homePush.block-2x1.tvp .buttonWrap {
    top: 270px;
    right: 105px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tile-homePush.block-2x1.tvp .buttonWrap {
    top: 200px;
    right: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .tile-homePush.block-2x1.tvp .buttonWrap {
    position: static;
    width: auto;
    height: auto;
  }
}
.tile-homePush.block-2x1.tvp .socialButtons {
  display: none;
}

.tile-homePush.block-2x1.largeButton .buttonWrap {
  width: 350px;
}
@media only screen and (max-width: 767px) {
  .tile-homePush.block-2x1.largeButton .buttonWrap {
    width: auto;
  }
}

/*------ POPUP COMMON ------------------------------------------*/
.global-popup-wrapper-tvp {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 9001;
}

.react-popup-wrapper .mfp-content {
  margin-left: -50%;
}

.popup-wrapper-scroller {
  position: absolute;
  left: 50%;
  top: 0;
  margin: 20px 0;
}

.popupTemplate {
  /* custom popups style */
  /* custom popups style */
  /* custom popups style */
}
.popupTemplate.selectProfesion {
  width: 730px;
  height: 220px;
}
@media only screen and (max-width: 767px) {
  .popupTemplate.selectProfesion {
    width: 290px;
    height: 400px;
  }
}
.popupTemplate.selectProfesion .content h2 {
  margin: 0;
}
.popupTemplate.selectProfesion .content p {
  font-family: "ClanNarrow-Thin";
  font-size: 1.8em;
  color: #404040;
  margin: 8px 0 18px 0;
}
.popupTemplate.selectProfesion .content .button {
  line-height: 37px;
  padding: 0 10px;
  font-size: 1.3em;
  font-weight: bold;
}
.popupTemplate.selectProfesion .content .left {
  float: left;
  width: 50%;
  padding-top: 3%;
  height: inherit;
  position: relative;
}
.popupTemplate.selectProfesion .content .left:before {
  top: 0px;
  height: 160px;
  background-color: #181818;
  content: "";
  width: 1px;
  position: absolute;
  right: 0px;
}
@media only screen and (max-width: 767px) {
  .popupTemplate.selectProfesion .content .left:before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .popupTemplate.selectProfesion .content .left {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    border-bottom: 1px solid #000;
    padding-bottom: 30px;
  }
}
.popupTemplate.selectProfesion .content .right {
  float: right;
  width: 50%;
  padding-top: 3%;
  height: inherit;
}
@media only screen and (max-width: 767px) {
  .popupTemplate.selectProfesion .content .right {
    width: 100%;
    height: auto;
  }
}
.popupTemplate.small .content h2 {
  color: #ed316e;
}
.popupTemplate.tvpPersons {
  height: 100%;
  min-width: 972px;
  z-index: 9001;
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .popupTemplate.tvpPersons {
    min-width: 972px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .popupTemplate.tvpPersons {
    min-width: 728px;
  }
}
@media only screen and (max-width: 767px) {
  .popupTemplate.tvpPersons {
    min-width: 320px;
    width: 320px;
  }
  .popupTemplate.tvpPersons .close {
    color: #fff;
  }
}
.popupTemplate.tvpPersons .content {
  padding: 0;
}
.popupTemplate.tvpPersons .content .personPicture {
  float: left;
  position: relative;
  height: 100%;
  width: 550px;
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .popupTemplate.tvpPersons .content .personPicture {
    width: 550px;
    height: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .popupTemplate.tvpPersons .content .personPicture {
    width: 430px;
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .popupTemplate.tvpPersons .content .personPicture {
    width: 320px;
    height: 100%;
    float: none;
    position: relative;
  }
}
.popupTemplate.tvpPersons .content .personPicture img {
  display: block;
  max-height: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .popupTemplate.tvpPersons .content .personPicture img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .popupTemplate.tvpPersons .content .personPicture img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .popupTemplate.tvpPersons .content .personPicture img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .popupTemplate.tvpPersons .content .personPicture img {
    width: 100%;
  }
}
.popupTemplate.tvpPersons .content .personPicture.youngTalent .name {
  position: absolute;
  left: 0;
  bottom: 100px;
  background: #000;
  color: #fff;
  font-family: "ClanNarrow-Thin";
  font-size: 2.2em;
  height: 50px;
  line-height: 50px;
  padding: 0 30px 0 15px;
  z-index: 100;
}
@media only screen and (max-width: 767px) {
  .popupTemplate.tvpPersons .content .personPicture.youngTalent .name {
    font-size: 1.4em;
    bottom: 60px;
  }
}
.popupTemplate.tvpPersons .content .personPicture.youngTalent .position {
  position: absolute;
  left: 0;
  bottom: 50px;
  background: #c8013c;
  color: #fff;
  font-family: "ClanNarrow-News";
  font-size: 2.2em;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  z-index: 100;
}
@media only screen and (max-width: 767px) {
  .popupTemplate.tvpPersons .content .personPicture.youngTalent .position {
    font-size: 1.4em;
    bottom: 10px;
  }
}
.popupTemplate.tvpPersons .content .personPicture.youngTalent .position .category {
  font-family: "ClanNarrow-Thin";
}
.popupTemplate.tvpPersons .content .personDescription {
  width: 43%;
  height: 100%;
  padding: 80px 60px;
  text-align: left;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .popupTemplate.tvpPersons .content .personDescription {
    width: 43%;
    padding: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .popupTemplate.tvpPersons .content .personDescription {
    width: 40.2%;
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .popupTemplate.tvpPersons .content .personDescription {
    width: 100%;
    padding: 10px;
    position: relative;
    height: 200px;
  }
}
.popupTemplate.tvpPersons .content .personDescription h2 {
  font-family: "ClanNarrow-Thin";
  font-size: 5em;
  line-height: 50px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .popupTemplate.tvpPersons .content .personDescription h2 {
    font-size: 3em;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .popupTemplate.tvpPersons .content .personDescription h2 {
    font-size: 2em;
    line-height: 20px;
    margin-bottom: 15px;
    margin-top: 0;
  }
}
.popupTemplate.tvpPersons .content .personDescription p {
  font-size: 1.4em;
  line-height: 19px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .popupTemplate.tvpPersons .content .personDescription p {
    font-size: 1.3em;
    line-height: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .popupTemplate.tvpPersons .content .personDescription p {
    font-size: 1em;
    line-height: 12px;
  }
}
.popupTemplate.tvpPersons .content .personDescription .socialBlock {
  display: none;
  position: absolute;
  bottom: 25px;
  left: 50%;
  margin-left: -100px;
  width: 200px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .popupTemplate.tvpPersons .content .personDescription .socialBlock {
    bottom: 10px;
  }
}
.popupTemplate.tvpPersons .content .personDescription .socialBlock .title {
  font-family: "ClanNarrow-News";
  font-size: 1.6em;
  display: block;
  padding-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .popupTemplate.tvpPersons .content .personDescription .socialBlock .title {
    font-size: 1.4em;
    padding-top: 10px;
  }
}
.popupTemplate.tvpPersons .content .personDescription .socialBlock ul li {
  display: inline-block;
  font-size: 1.5em;
  padding-right: 2.35714%;
  text-align: center;
  text-transform: uppercase;
  position: relative;
}
.popupTemplate.tvpPersons .content .personDescription .socialBlock ul .last:before,
.popupTemplate.tvpPersons .content .personDescription .socialBlock ul .first:before {
  content: "";
  width: 25px;
  height: 1px;
  background-color: #8e8e8e;
  position: absolute;
  left: -30px;
  top: 13px;
}
.popupTemplate.tvpPersons .content .personDescription .socialBlock ul .last:before {
  left: 30px;
}
.popupTemplate.tvpPersons .content .personDescription .scrollWrapper {
  top: 10%;
  bottom: 105px;
  left: 15%;
  right: 10%;
  width: auto;
}
@media only screen and (max-width: 767px) {
  .popupTemplate.tvpPersons .content .personDescription .scrollWrapper {
    bottom: 10%;
    left: 7%;
    right: 7%;
  }
}
.popupTemplate.tvpPersons .content .personDescription .scroller {
  width: 95%;
}
.popupTemplate.tvpPersons .content .personDescription .iScrollVerticalScrollbar {
  background: #000;
}
.popupTemplate.tvpPersons .content .personDescription .iScrollIndicator {
  background: #eee;
}

/* popupTemplate */
/*------ EMAIL REMINDER ------------------------------------------*/
.emailReminderBlock {
  width: 100%;
  padding-bottom: 30px;
  background: url(../i/initiatives/trendvision/trends_bg.jpg) no-repeat center center #a41540;
  color: #fff;
  box-sizing: border-box;
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .emailReminderBlock {
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .emailReminderBlock {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .emailReminderBlock {
    padding-bottom: 10px;
  }
}
.emailReminderBlock select {
  background: none;
  border: 1px solid #fff;
  padding: 0px;
}
.emailReminderBlock input[type="checkbox"] {
  border: 1px solid #fff;
  background: none;
}
.emailReminderBlock h1 {
  font-size: 7.6em;
  font-family: "ClanNarrow-Thin";
  text-align: center;
  line-height: 1.1;
  padding: 40px 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .emailReminderBlock h1 {
    font-size: 5.8em;
    padding: 20px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .emailReminderBlock h1 {
    font-size: 4.4em;
    padding: 20px 0;
  }
}
@media only screen and (max-width: 767px) {
  .emailReminderBlock h1 {
    font-size: 2.6em;
    padding: 10px 0;
  }
}
.emailReminderBlock h2 {
  font-family: "ClanNarrow-News";
  font-size: 2.4em;
  text-align: center;
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .emailReminderBlock h2 {
    font-size: 1.9em;
  }
}
@media only screen and (max-width: 1024px) {
  .emailReminderBlock h2 {
    font-size: 1.4em;
  }
}
.emailReminderBlock .emailReminderForm {
  width: 490px;
  margin: 0 auto;
  font-size: 1.3em;
  font-family: "ClanNarrow-News";
}
@media only screen and (max-width: 767px) {
  .emailReminderBlock .emailReminderForm {
    width: auto;
  }
}
.emailReminderBlock .emailReminderForm input.email {
  background-color: #fff;
  border: 0;
  width: 490px;
  height: 35px;
  color: #000;
  font-size: 1.2em;
  margin: 20px 0;
  padding: 5px 10px;
  text-align: center;
  box-sizing: border-box;
  font-family: "ClanNarrow-News";
}
@media only screen and (max-width: 767px) {
  .emailReminderBlock .emailReminderForm input.email {
    width: 250px;
    margin-left: 25px;
  }
}
.emailReminderBlock .emailReminderForm .legalBlock {
  padding-left: 10px;
}
.emailReminderBlock .emailReminderForm .legalBlock li {
  display: block;
  clear: both;
  margin-bottom: 5px;
  overflow: hidden;
}
.emailReminderBlock .emailReminderForm .legalBlock li > * {
  float: left;
}
.emailReminderBlock .emailReminderForm .legalBlock li .labelContent {
  padding-left: 10px;
  font-size: 0.8em;
  width: 425px;
}
@media only screen and (max-width: 767px) {
  .emailReminderBlock .emailReminderForm .legalBlock li .labelContent {
    width: 260px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .emailReminderBlock .emailReminderForm .legalBlock li .labelContent {
    width: 455px;
  }
}
.emailReminderBlock .emailReminderForm .legalBlock a {
  color: #fff;
  text-decoration: underline;
}
.emailReminderBlock .emailReminderForm .legalBlock .checkbox-style-wrap input[type="checkbox"] {
  display: none;
}
.emailReminderBlock .emailReminderForm .legalBlock .checkbox-style-wrap input[type="checkbox"] + label {
  display: block;
  height: 13px;
  margin: 0;
  width: 13px;
  border: 1px solid #fff;
  cursor: pointer;
  background: none;
}
.emailReminderBlock .emailReminderForm .legalBlock .checkbox-style-wrap #legal:checked + label,
.emailReminderBlock .emailReminderForm .legalBlock .checkbox-style-wrap #privacy:checked + label {
  background: #fff;
}
.emailReminderBlock .emailReminderForm .birthDateBlock {
  padding: 10px 0 20px 35px;
}
@media only screen and (max-width: 767px) {
  .emailReminderBlock .emailReminderForm .birthDateBlock {
    padding-bottom: 5px;
  }
}
.emailReminderBlock .emailReminderForm .birthDateBlock li {
  display: inline-block;
}
.emailReminderBlock .emailReminderForm .birthDateBlock li > * {
  float: left;
}
.emailReminderBlock .emailReminderForm .birthDateBlock li .subTitle {
  padding-right: 10px;
}
@media only screen and (max-width: 767px) {
  .emailReminderBlock .emailReminderForm .birthDateBlock li .subTitle {
    padding-right: 60px;
  }
}
.emailReminderBlock .emailReminderForm .submit {
  font-size: 0.9em;
  font-weight: bold;
  line-height: 37px;
  padding: 0 12px;
  font-family: "ClanNarrow-News";
  display: table;
  margin: 0 auto;
}
.emailReminderBlock .legalText {
  text-align: center;
  font-family: "ClanNarrow-News", Arial, sans-serif;
  font-size: 1.2em;
  margin: 0 2% 1%;
}
@media only screen and (max-width: 767px) {
  .emailReminderBlock .legalText {
    font-size: 1em;
  }
}

.cosmeticAuthor.springSummerBg {
  background-image: none;
  background-color: #cfd4d7;
  color: #000;
}

.cosmeticAuthor.autumnWinterBg {
  background-image: none;
  background-color: #eadccd;
  color: #000;
}

.HCLookBack {
  position: absolute;
  top: 50%;
  left: 0;
}

/*------ VIEW 360 HAUTE COUTURE LOOK PAGE ------------------------------------------*/
.wr360_player {
  width: 100%;
  height: 100%;
}

.panning {
  max-width: inherit;
}

.view360.tile:before {
  display: none;
}

.view360.tile:hover img {
  -moz-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}

.logo360 {
  position: absolute;
  top: 0;
  right: 0;
}

.view360controls {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
}
.view360controls button {
  border: 0;
}

.tileLoader {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background: rgba(255, 255, 255, 0.8);
}

@media only screen and (min-width: 1025px) {
  .logo360 {
    background-image: url(../i/sprite/sprite.png);
    background-position: -135px 0px;
    width: 97px;
    height: 57px;
  }

  .view360controls {
    height: 53px;
  }
  .view360controls button {
    margin: 14px 20px;
  }

  .view360left {
    background-image: url(../i/sprite/sprite.png);
    background-position: -440px -433px;
    width: 28px;
    height: 24px;
  }

  .view360right {
    background-image: url(../i/sprite/sprite.png);
    background-position: -468px -433px;
    width: 28px;
    height: 24px;
  }

  .view360play {
    background-image: url(../i/sprite/sprite.png);
    background-position: -84px -464px;
    width: 28px;
    height: 24px;
  }

  .view360stop {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -464px;
    width: 28px;
    height: 24px;
  }

  .view360zoom {
    background-image: url(../i/sprite/sprite.png);
    background-position: -28px -464px;
    width: 28px;
    height: 24px;
  }
}
@media only screen and (max-width: 1024px) {
  .logo360 {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -161px;
    width: 77px;
    height: 49px;
  }

  .view360controls {
    height: 28px;
  }
  .view360controls button {
    margin: 7px 10px;
  }

  .view360left {
    background-image: url(../i/sprite/sprite.png);
    background-position: -549px -456px;
    width: 15px;
    height: 13px;
  }

  .view360right {
    background-image: url(../i/sprite/sprite.png);
    background-position: -549px -495px;
    width: 15px;
    height: 13px;
  }

  .view360play {
    background-image: url(../i/sprite/sprite.png);
    background-position: -549px -443px;
    width: 15px;
    height: 13px;
  }

  .view360stop {
    background-image: url(../i/sprite/sprite.png);
    background-position: -549px -469px;
    width: 15px;
    height: 13px;
  }

  .view360zoom {
    background-image: url(../i/sprite/sprite.png);
    background-position: -549px -482px;
    width: 15px;
    height: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .logo360 {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -244px;
    width: 66px;
    height: 44px;
  }
}
.createLook__news {
  padding: 10px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .createLook__news {
    border-bottom: 1px solid #e4e2e1;
    background: #fdfaf9;
  }
}
.createLook__news img {
  float: left;
  margin-right: 40px;
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .createLook__news img {
    width: 50%;
    margin-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .createLook__news img {
    width: 50%;
    margin-right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .createLook__news img {
    width: 100%;
    margin: 0 0 20px 0;
  }
}
.createLook__news .createLook__news__description {
  padding: 110px 0 0 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .createLook__news .createLook__news__description {
    padding: 60px 0 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .createLook__news .createLook__news__description {
    padding: 40px 0 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .createLook__news .createLook__news__description {
    padding: 0;
  }
}
.createLook__news .createLook__news__description h1 {
  color: #e3b8ab;
  font-size: 7em;
  line-height: 60px;
  font-family: 'clannarrow-medium';
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .createLook__news .createLook__news__description h1 {
    font-size: 4.7em;
    line-height: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .createLook__news .createLook__news__description h1 {
    font-size: 3.7em;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .createLook__news .createLook__news__description h1 {
    font-size: 3.2em;
    line-height: 30px;
  }
}
.createLook__news .createLook__news__description p {
  font-size: 2.3em;
  margin: 30px 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .createLook__news .createLook__news__description p {
    font-size: 1.8em;
    margin: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .createLook__news .createLook__news__description p {
    font-size: 1.6em;
    margin: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .createLook__news .createLook__news__description p {
    font-size: 1.4em;
    margin: 10px 0;
  }
}
.createLook__news .createLook__news__description strong {
  font-size: 4em;
  font-family: 'clannarrow-medium';
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .createLook__news .createLook__news__description strong {
    font-size: 3.2em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .createLook__news .createLook__news__description strong {
    font-size: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .createLook__news .createLook__news__description strong {
    font-size: 2.5em;
  }
}

.createLook__pushes ul {
  margin: 0 auto;
}
.createLook__pushes ul li {
  height: 580px;
  margin-bottom: 20px;
  background: url("../i/initiatives/trendvision/line_boxes.jpg") no-repeat right center;
  background-size: contain;
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .createLook__pushes ul li {
    height: 380px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .createLook__pushes ul li {
    height: 330px;
  }
}
@media only screen and (max-width: 767px) {
  .createLook__pushes ul li {
    width: 300px;
    height: 380px;
    background: url("../i/initiatives/trendvision/mobile_line.png") no-repeat center bottom;
  }
}
.createLook__pushes ul li.last {
  background: none;
  margin: 11px 11px 20px 11px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .createLook__pushes ul li.last {
    margin: 5px 5px 20px 5px;
  }
}
.createLook__pushes ul li a {
  display: block;
}
.createLook__pushes ul li img {
  margin-right: 1px;
  z-index: -1;
  position: relative;
}
.createLook__pushes h2 {
  position: absolute;
  top: 1%;
  left: 0;
  width: 100%;
  text-align: center;
  color: #e3b8ab;
  font-family: "ClanNarrow-News";
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .createLook__pushes h2 {
    top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .createLook__pushes h2 {
    font-size: 3.4em;
  }
}
.createLook__pushes h3 {
  position: absolute;
  bottom: 5%;
  left: 0;
  width: 100%;
  font-size: 2.4em;
  text-align: center;
  font-family: "ClanNarrow-Thin";
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .createLook__pushes h3 {
    font-size: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .createLook__pushes h3 {
    font-size: 2em;
  }
}

/*   SEKCJA W LOOKBOOKu   */
.createLook {
  /* .createLook__block  */
}
.createLook p {
  font-family: arial;
  font-size: 1.6em;
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .createLook p {
    font-size: 1.4em;
  }
}
@media only screen and (max-width: 767px) {
  .createLook p {
    font-size: 1.2em;
  }
}
.createLook h2 {
  font-size: 4.3em;
  line-height: 39px;
}
.createLook h2 span {
  color: #e3b8ab;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .createLook h2 {
    font-size: 2.2em;
  }
}
.createLook h3 {
  font-family: "ClanNarrow-News";
  color: #e3b8ab;
  font-size: 3.4em;
  line-height: 34px;
  margin: 20px 0 0 0;
}
.createLook h4 {
  font-family: "ClanNarrow-News";
  color: #e3b8ab;
  font-size: 2.4em;
  line-height: 24px;
  margin-bottom: 10px;
}
.createLook .createLook__block {
  background: #fdfaf9;
  padding: 18px;
  margin-bottom: 20px;
  /*  WERSJA MOBILA  */
}
@media only screen and (max-width: 767px) {
  .createLook .createLook__block {
    padding: 0;
    margin: 0;
    border-top: 1px solid #e5e3e4;
  }
  .createLook .createLook__block:last-child {
    border-bottom: 1px solid #e5e3e4;
  }
}
.createLook .createLook__block.createLook__block--highlighted h2 {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .createLook .createLook__block.createLook__block--highlighted h2 {
    margin: 0;
  }
}
.createLook .createLook__block.without__color {
  background: none;
}
.createLook .createLook__block .createLook__entry {
  float: left;
  width: 327px;
  margin-right: 20px;
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .createLook .createLook__block .createLook__entry {
    width: 230px;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .createLook .createLook__block .createLook__entry {
    width: 100%;
  }
}
.createLook .createLook__block .createLook__entry h2 {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .createLook .createLook__block .createLook__entry h2 {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .createLook .createLook__block .createLook__entry h2 {
    margin: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .createLook .createLook__block .createLook__entry h2 br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .createLook .createLook__block .createLook__entry .createLook__entry--image {
    width: 335px;
    margin-bottom: 20px;
    margin-right: 20px;
    float: left;
  }
}
.createLook .createLook__block .createLook__entry .createLook__entry--content {
  float: left;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .createLook .createLook__block .createLook__entry .createLook__entry--content {
    margin: 0;
  }
}
.createLook .createLook__block .createLook__steps {
  float: right;
  width: 971px;
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .createLook .createLook__block .createLook__steps {
    width: 686px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .createLook .createLook__block .createLook__steps {
    width: 693px;
  }
}
.createLook .createLook__block .createLook__steps .createLook__steps--step {
  float: left;
  width: 475px;
  margin: 0 21px 30px 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .createLook .createLook__block .createLook__steps .createLook__steps--step {
    width: 333px;
    margin: 0 20px 15px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .createLook .createLook__block .createLook__steps .createLook__steps--step {
    width: 336px;
  }
}
@media only screen and (max-width: 767px) {
  .createLook .createLook__block .createLook__steps .createLook__steps--step {
    width: 280px;
    margin: 0;
  }
}
.createLook .createLook__block .createLook__steps .createLook__steps--step.even {
  margin-right: 0;
}
.createLook .createLook__block .createLook__steps .createLook__steps--step h3 {
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .createLook .createLook__block > * {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .createLook .createLook__block.activeBlock .createLook__entry {
    display: block;
    padding: 10px;
    width: 280px;
  }
  .createLook .createLook__block.activeBlock .createLook__entry h2 {
    display: none;
  }
  .createLook .createLook__block.activeBlock .createLook__entry .createLook__entry--image {
    float: none;
  }
  .createLook .createLook__block.activeBlock .createLook__steps {
    display: block;
    padding: 10px;
    width: 280px;
  }
  .createLook .createLook__block.activeBlock .createLook__steps .createLook__steps--step {
    margin-bottom: 20px;
  }
  .createLook .createLook__block.activeBlock .createLook__steps h3 {
    font-size: 2.8em;
    margin: 5px 0 0 0;
  }
  .createLook .createLook__block.activeBlock h3 {
    margin: 0;
    font-size: 3em;
  }
  .createLook .createLook__block.activeBlock h4 {
    font-size: 1.8em;
    line-height: 17px;
  }
}
.createLook .createLook__block .mobileTab {
  display: none;
}
@media only screen and (max-width: 767px) {
  .createLook .createLook__block .mobileTab {
    display: block;
    /* POKA MENU TYLKO NA TELFONIE */
    background: transparent url("../i/initiatives/trendvision/mobile-tab-bg.jpg") repeat-x 0 0;
  }
  .createLook .createLook__block .mobileTab a {
    display: block;
    background: url("../i/initiatives/trendvision/mobile_tab_arrow_right.png") no-repeat right center;
  }
  .createLook .createLook__block .mobileTab a.active {
    background: url("../i/initiatives/trendvision/mobile_tab_arrow_down.png") no-repeat right center;
  }
  .createLook .createLook__block .mobileTab h2 {
    line-height: 47px;
    padding: 0 10px;
    font-size: 2.4em;
    position: relative;
  }
}

/*------ SEARCH GUIDE ------------------------------------------*/
.searchguide {
  background: url("../i/initiatives/searchguide/bg.gif") repeat scroll 0 0;
  padding-top: 150px;
}
.searchguide .innerWrap {
  width: 1054px;
  margin: 0 auto;
}
.searchguide h1 {
  font-family: "ClanNarrow-Thin";
  font-size: 4em;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  margin-bottom: 25px;
}
.searchguide .downloadPdf {
  display: block;
  width: 38px;
  height: 38px;
  background: url("../i/initiatives/searchguide/download.png") no-repeat scroll 0 0;
  float: right;
  margin: -70px 0 0 0;
  font-size: 0;
  text-indent: -9999em;
}
.searchguide .navBook {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.searchguide .navBook li {
  margin: 0 40px;
  display: inline-block;
  list-style: none inside none;
}
.searchguide .navBook .usefulLinks {
  font-family: "ClanNarrow-News";
  font-size: 1.6em;
  color: #fff;
}
.searchguide .navBook .firstElement {
  margin-left: 0;
}
.searchguide .navBook a {
  font-family: "Calibri", "Lucida Sans", "Lucida Grande";
  font-size: 1.8em;
  box-shadow: 0 0 10px #000;
  border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  background-color: #fff;
  padding: 5px 25px;
  text-decoration: none;
  font-weight: bold;
  position: relative;
}
.searchguide .navBook .blueLink {
  border-color: #356196;
  color: #4F81BD;
}
.searchguide .navBook .active, .searchguide .navBook a:hover {
  color: #fff;
  background-color: #4f81bd;
}
.searchguide .navBook .active:after {
  content: "";
  display: block;
  border-style: solid;
  border-width: 7px 9px 0 9px;
  height: 0;
  width: 0;
  position: absolute;
  left: 14px;
  bottom: -7px;
}
.searchguide #bookWrapper {
  width: 1054px;
  height: 745px;
  position: relative;
  margin: auto;
  margin-top: 35px;
}
.searchguide .wowbook-book-shadow,
.searchguide .wowbook-hard-page-shadow {
  box-shadow: 0 0 20px #000;
}
.searchguide .wowbook-page-number {
  display: none;
}
@media screen and (min-width: 1025px) and (max-width: 1399px) {
  .searchguide {
    padding-top: 125px;
  }
  .searchguide .innerWrap {
    width: 848px;
  }
  .searchguide .navBook li {
    margin: 0 10px;
  }
  .searchguide #bookWrapper {
    width: 848px;
    height: 602px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .searchguide {
    padding-top: 105px;
  }
  .searchguide .innerWrap {
    width: 728px;
  }
  .searchguide h1 {
    font-size: 3em;
  }
  .searchguide .downloadPdf {
    margin-top: -64px;
  }
  .searchguide .navBook .usefulLinks {
    font-size: 1.4em;
  }
  .searchguide .navBook li {
    margin: 0 20px;
  }
  .searchguide .navBook a {
    font-size: 1.4em;
    padding: 5px 15px;
  }
  .searchguide #bookWrapper {
    width: 604px;
    height: 428px;
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .searchguide {
    padding-top: 70px;
  }
  .searchguide .innerWrap {
    width: 100%;
  }
  .searchguide h1 {
    font-size: 1.8em;
    margin-bottom: 15px;
  }
  .searchguide .downloadPdf {
    float: none;
    margin: 0 0 15px;
    position: relative;
    left: 50%;
    margin-left: -19px;
  }
  .searchguide .navBook .usefulLinks {
    font-size: 1.2em;
  }
  .searchguide .navBook li {
    width: 100%;
    margin: 5px 0;
  }
  .searchguide .navBook a {
    font-size: 1.2em;
    display: inline-block;
    padding: 3px 10px;
  }
  .searchguide #bookWrapper {
    width: 240px;
    height: 170px;
    margin-top: 20px;
  }
}

/*------ SEARCH GUIDE ------------------------------------------*/
.socialmediaguide {
  background: url("../i/initiatives/socialmediaguide/bg.gif") repeat scroll 0 0;
  padding-top: 150px;
}
.socialmediaguide .innerWrap {
  width: 1054px;
  margin: 0 auto;
}
.socialmediaguide h1 {
  font-family: "ClanNarrow-Thin";
  font-size: 4em;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
}
.socialmediaguide .downloadPdf {
  display: block;
  width: 38px;
  height: 38px;
  background: url("../i/initiatives/socialmediaguide/download.png") no-repeat scroll 0 0;
  float: right;
  margin: -65px 0 0 0;
  font-size: 0;
  text-indent: -9999em;
}
.socialmediaguide .navBook {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.socialmediaguide .navBook li {
  margin: 5px 7px;
  display: inline-block;
  list-style: none inside none;
}
.socialmediaguide .navBook a {
  display: block;
  box-shadow: 0 0 10px #4a0315;
  border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  background-color: #fff;
  padding: 5px 10px;
  text-decoration: none;
  font-family: "ClanNarrow-Bold";
  font-size: 1.4em;
  position: relative;
}
.socialmediaguide .navBook .greenLink {
  border-color: #c6d5a6;
  color: #c6d5a6;
}
.socialmediaguide .navBook .turquoiseLink {
  border-color: #addedd;
  color: #addedd;
}
.socialmediaguide .navBook .pinkLink {
  border-color: #facbd9;
  color: #facbd9;
}
.socialmediaguide .navBook .redLink {
  border-color: #f68e7d;
  color: #f68e7d;
}
.socialmediaguide .navBook .yellowLink {
  border-color: #f0d7a9;
  color: #f0d7a9;
}
.socialmediaguide .navBook .active, .socialmediaguide .navBook a:hover {
  color: #fff;
}
.socialmediaguide .navBook .active:after {
  content: "";
  display: block;
  border-style: solid;
  border-width: 7px 9px 0 9px;
  height: 0;
  width: 0;
  position: absolute;
  left: 14px;
  bottom: -7px;
}
.socialmediaguide .navBook .greenLink.active, .socialmediaguide .navBook .greenLink:hover {
  background-color: #c6d5a6;
}
.socialmediaguide .navBook .turquoiseLink.active, .socialmediaguide .navBook .turquoiseLink:hover {
  background-color: #addedd;
}
.socialmediaguide .navBook .pinkLink.active, .socialmediaguide .navBook .pinkLink:hover {
  background-color: #facbd9;
}
.socialmediaguide .navBook .redLink.active, .socialmediaguide .navBook .redLink:hover {
  background-color: #f68e7d;
}
.socialmediaguide .navBook .yellowLink.active, .socialmediaguide .navBook .yellowLink:hover {
  background-color: #f0d7a9;
}
.socialmediaguide .navBook .greenLink.active:after {
  border-color: #c6d5a6 transparent transparent transparent;
}
.socialmediaguide .navBook .turquoiseLink.active:after {
  border-color: #addedd transparent transparent transparent;
}
.socialmediaguide .navBook .pinkLink.active:after {
  border-color: #facbd9 transparent transparent transparent;
}
.socialmediaguide .navBook .redLink.active:after {
  border-color: #f68e7d transparent transparent transparent;
}
.socialmediaguide .navBook .yellowLink.active:after {
  border-color: #f0d7a9 transparent transparent transparent;
}
.socialmediaguide #bookWrapper {
  width: 1054px;
  height: 745px;
  position: relative;
  margin: auto;
  margin-top: 35px;
}
.socialmediaguide .wowbook-book-shadow,
.socialmediaguide .wowbook-hard-page-shadow {
  box-shadow: 0 0 20px #000;
}
.socialmediaguide .wowbook-page-number {
  display: none;
}
@media screen and (min-width: 1025px) and (max-width: 1399px) {
  .socialmediaguide {
    padding-top: 125px;
  }
  .socialmediaguide .innerWrap {
    width: 848px;
  }
  .socialmediaguide #bookWrapper {
    width: 848px;
    height: 602px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .socialmediaguide {
    padding-top: 105px;
  }
  .socialmediaguide .innerWrap {
    width: 728px;
  }
  .socialmediaguide h1 {
    font-size: 3em;
  }
  .socialmediaguide .downloadPdf {
    margin-top: -59px;
  }
  .socialmediaguide .navBook a {
    font-size: 1.1em;
  }
  .socialmediaguide #bookWrapper {
    width: 604px;
    height: 428px;
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .socialmediaguide {
    padding-top: 70px;
  }
  .socialmediaguide .innerWrap {
    width: 100%;
  }
  .socialmediaguide h1 {
    font-size: 1.8em;
    margin-bottom: 15px;
  }
  .socialmediaguide .downloadPdf {
    float: none;
    margin: 0 0 15px;
    position: relative;
    left: 50%;
    margin-left: -19px;
  }
  .socialmediaguide .downloadCover {
    display: block;
    width: 250px;
    margin: 0 auto;
  }
  .socialmediaguide .navBook li {
    width: 100%;
    margin: 5px 0;
  }
  .socialmediaguide .navBook a {
    font-size: 1.2em;
    display: inline-block;
    padding: 3px 10px;
  }
  .socialmediaguide #bookWrapper {
    width: 240px;
    height: 170px;
    margin-top: 20px;
  }
}

/*------ BUSINESS GUIDE ------------------------------------------*/
.businessguide {
  background: url("../i/initiatives/businessguide/bg.jpg") repeat scroll 0 0;
  padding-top: 150px;
}
.businessguide .innerWrap {
  width: 1054px;
  margin: 0 auto -270px;
  position: relative;
  z-index: 90000;
}
.businessguide h1 {
  font-family: "ClanNarrow-Thin";
  font-size: 4em;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
}
.businessguide .downloadPdf {
  display: block;
  width: 38px;
  height: 38px;
  background: url("../i/initiatives/businessguide/download.png") no-repeat scroll 0 0;
  float: right;
  margin: -63px 0 0 0;
  font-size: 0;
  text-indent: -9999em;
}
.businessguide .navBook {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.businessguide .navBook li {
  margin: 5px 7px;
  display: inline-block;
  list-style: none inside none;
}
.businessguide .navBook a {
  display: block;
  box-shadow: 0 0 10px rgba(119, 4, 34, 0.5);
  border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  background-color: #fff;
  padding: 5px 10px;
  text-decoration: none;
  font-family: "ClanNarrow-Bold";
  font-size: 1.4em;
  position: relative;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.businessguide .navBook a:after {
  content: "";
  display: none;
  border-style: solid;
  border-width: 7px 9px 0 9px;
  height: 0;
  width: 0;
  position: absolute;
  left: 14px;
  bottom: -7px;
}
.businessguide .navBook a.active:after, .businessguide .navBook a:hover:after {
  display: block;
}
.businessguide .navBook .greenLink {
  border-color: #c7d6a7;
  color: #c7d6a7;
}
.businessguide .navBook .blueLink {
  border-color: #c3c7e2;
  color: #c3c7e2;
}
.businessguide .navBook .goldLink {
  border-color: #edd69b;
  color: #edd69b;
}
.businessguide .navBook .redLink {
  border-color: #efa694;
  color: #efa694;
}
.businessguide .navBook .brownLink {
  border-color: #6d5e5d;
  color: #6d5e5d;
}
.businessguide .navBook .active, .businessguide .navBook a:hover {
  color: #fff;
}
.businessguide .navBook .greenLink.active, .businessguide .navBook .greenLink:hover {
  background-color: #c7d6a7;
}
.businessguide .navBook .blueLink.active, .businessguide .navBook .blueLink:hover {
  background-color: #c3c7e2;
}
.businessguide .navBook .goldLink.active, .businessguide .navBook .goldLink:hover {
  background-color: #edd69b;
}
.businessguide .navBook .redLink.active, .businessguide .navBook .redLink:hover {
  background-color: #efa694;
}
.businessguide .navBook .brownLink.active, .businessguide .navBook .brownLink:hover {
  background-color: #6d5e5d;
}
.businessguide .navBook .greenLink.active:after,
.businessguide .navBook .greenLink:hover:after {
  border-color: #c7d6a7 transparent transparent transparent;
}
.businessguide .navBook .blueLink.active:after,
.businessguide .navBook .blueLink:hover:after {
  border-color: #c3c7e2 transparent transparent transparent;
}
.businessguide .navBook .goldLink.active:after,
.businessguide .navBook .goldLink:hover:after {
  border-color: #edd69b transparent transparent transparent;
}
.businessguide .navBook .redLink.active:after,
.businessguide .navBook .redLink:hover:after {
  border-color: #efa694 transparent transparent transparent;
}
.businessguide .navBook .brownLink.active:after,
.businessguide .navBook .brownLink:hover:after {
  border-color: #6d5e5d transparent transparent transparent;
}
.businessguide #bookWrapper {
  width: 1054px;
  height: 745px;
  position: relative;
  margin: auto;
  margin-top: 35px;
}
.businessguide .wowbook {
  position: absolute !important;
  padding-top: 270px;
}
.businessguide .wowbook-zoomwindow {
  top: inherit !important;
  bottom: 0;
}
.businessguide .wowbook-book-shadow,
.businessguide .wowbook-hard-page-shadow {
  box-shadow: 0 0 20px #000;
}
.businessguide .wowbook-page-number {
  display: none;
}
.businessguide .navIcons {
  display: inline-block;
  width: 1054px;
  margin-top: 285px;
  position: absolute;
  left: 50%;
  margin-left: -527px;
  text-align: left;
}
.businessguide .navIcons li {
  display: inline-block;
  margin-left: 15px;
}
.businessguide .navIcons li:first-child {
  margin: 0;
}
.businessguide .navIcons li:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.businessguide .navIcons a {
  display: block;
}
.businessguide .navIcons a.ico1 {
  background: url("../i/initiatives/businessguide/ico1.png") 0 0 no-repeat;
  width: 69px;
  height: 49px;
}
.businessguide .navIcons a.ico2 {
  background: url("../i/initiatives/businessguide/ico2.png") 0 0 no-repeat;
  width: 57px;
  height: 57px;
}
.businessguide .navIcons a.ico3 {
  background: url("../i/initiatives/businessguide/ico3.png") 0 0 no-repeat;
  width: 49px;
  height: 47px;
}
.businessguide .navIcons a.ico4 {
  background: url("../i/initiatives/businessguide/ico4.png") 0 0 no-repeat;
  width: 66px;
  height: 47px;
}
.businessguide footer {
  color: #fff;
  margin-bottom: 0;
  margin-top: 390px;
  padding-bottom: 25px;
}
.businessguide footer a {
  color: #fff;
}
.businessguide footer .col-1 a {
  background: url(../i/sprite/foot-arrow_white.png) no-repeat 0 center;
}
.businessguide footer .otherBrands .ico_nioxin {
  background-image: url(../i/sprite/sprite.png);
  background-position: -226px -317px;
  width: 54px;
  height: 34px;
}
.businessguide footer .otherBrands .ico_clairol {
  background-image: url(../i/sprite/sprite.png);
  background-position: -66px -244px;
  width: 71px;
  height: 34px;
}
.businessguide footer .otherBrands .ico_sp {
  background-image: url(../i/sprite/sprite.png);
  background-position: -462px -34px;
  width: 42px;
  height: 34px;
}
.businessguide footer .otherBrands .ico_sassoon {
  background-image: url(../i/sprite/sprite.png);
  background-position: -290px -248px;
  width: 62px;
  height: 34px;
}
.businessguide footer .otherBrands .ico_sebastian {
  background-image: url(../i/sprite/sprite.png);
  background-position: -91px -210px;
  width: 91px;
  height: 34px;
}
.businessguide footer .otherBrands .ico_kadus {
  background-image: url(../i/sprite/sprite.png);
  background-position: -290px 0px;
  width: 64px;
  height: 34px;
}
.businessguide footer .otherBrands .ico_londa {
  background-image: url(../i/sprite/sprite.png);
  background-position: -290px -68px;
  width: 64px;
  height: 34px;
}
.businessguide footer .followUs .ico_facebook {
  background-image: url(../i/sprite/sprite.png);
  background-position: -504px -26px;
  width: 24px;
  height: 26px;
}
.businessguide footer .followUs .ico_tweet {
  background-image: url(../i/sprite/sprite.png);
  background-position: -328px -128px;
  width: 24px;
  height: 26px;
}
.businessguide footer .followUs .ico_pint {
  background-image: url(../i/sprite/sprite.png);
  background-position: -504px -130px;
  width: 24px;
  height: 26px;
}
.businessguide footer .followUs .ico_youtube {
  background-image: url(../i/sprite/sprite.png);
  background-position: -504px -182px;
  width: 24px;
  height: 26px;
}
.businessguide footer .followUs .ico_istagram {
  background-image: url(../i/sprite/sprite.png);
  background-position: -504px -78px;
  width: 24px;
  height: 26px;
}
@media screen and (min-width: 1025px) and (max-width: 1399px) {
  .businessguide {
    padding-top: 125px;
  }
  .businessguide .innerWrap {
    width: 848px;
  }
  .businessguide #bookWrapper {
    width: 848px;
    height: 602px;
  }
  .businessguide .navIcons {
    width: 848px;
    margin-left: -424px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .businessguide {
    padding-top: 105px;
  }
  .businessguide .innerWrap {
    width: 728px;
  }
  .businessguide h1 {
    font-size: 3em;
  }
  .businessguide .downloadPdf {
    margin-top: -59px;
  }
  .businessguide .navBook a {
    font-size: 1.1em;
  }
  .businessguide #bookWrapper {
    width: 604px;
    height: 428px;
    margin-top: 30px;
  }
  .businessguide .navIcons {
    width: 604px;
    margin-left: -302px;
  }
  .businessguide footer .otherBrands .ico_nioxin {
    background-image: url(../i/sprite/sprite.png);
    background-position: -384px -409px;
    width: 38px;
    height: 24px;
  }
  .businessguide footer .otherBrands .ico_clairol {
    background-image: url(../i/sprite/sprite.png);
    background-position: -114px -409px;
    width: 50px;
    height: 24px;
  }
  .businessguide footer .otherBrands .ico_sp {
    background-image: url(../i/sprite/sprite.png);
    background-position: -410px -433px;
    width: 30px;
    height: 24px;
  }
  .businessguide footer .otherBrands .ico_sassoon {
    background-image: url(../i/sprite/sprite.png);
    background-position: -344px -317px;
    width: 44px;
    height: 24px;
  }
  .businessguide footer .otherBrands .ico_sebastian {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -409px;
    width: 64px;
    height: 24px;
  }
  .businessguide footer .otherBrands .ico_kadus {
    background-image: url(../i/sprite/sprite.png);
    background-position: -208px -409px;
    width: 44px;
    height: 24px;
  }
  .businessguide footer .otherBrands .ico_londa {
    background-image: url(../i/sprite/sprite.png);
    background-position: -340px -409px;
    width: 44px;
    height: 24px;
  }
  .businessguide footer .followUs .ico_facebook {
    background-image: url(../i/sprite/sprite.png);
    background-position: -528px -475px;
    width: 18px;
    height: 18px;
  }
  .businessguide footer .followUs .ico_tweet {
    background-image: url(../i/sprite/sprite.png);
    background-position: -288px -525px;
    width: 18px;
    height: 18px;
  }
  .businessguide footer .followUs .ico_pint {
    background-image: url(../i/sprite/sprite.png);
    background-position: -90px -525px;
    width: 18px;
    height: 18px;
  }
  .businessguide footer .followUs .ico_youtube {
    background-image: url(../i/sprite/sprite.png);
    background-position: -272px -244px;
    width: 18px;
    height: 18px;
  }
  .businessguide footer .followUs .ico_istagram {
    background-image: url(../i/sprite/sprite.png);
    background-position: -198px -525px;
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 767px) {
  .businessguide {
    padding-top: 70px;
  }
  .businessguide .innerWrap {
    width: 100%;
    margin-bottom: 0;
  }
  .businessguide h1 {
    font-size: 1.8em;
    margin-bottom: 15px;
  }
  .businessguide .downloadPdf {
    float: none;
    margin: 0 0 15px;
    position: relative;
    left: 50%;
    margin-left: -19px;
  }
  .businessguide .downloadCover {
    display: block;
    width: 250px;
    margin: 0 auto;
  }
  .businessguide .navBook li {
    width: 100%;
    margin: 5px 0;
  }
  .businessguide .navBook a {
    font-size: 1.2em;
    display: inline-block;
    padding: 3px 10px;
  }
  .businessguide #bookWrapper {
    width: 240px;
    height: 170px;
    margin-top: 20px;
  }
  .businessguide footer {
    margin-top: 25px;
  }
  .businessguide footer .col h3 {
    color: #fff;
  }
  .businessguide footer .otherBrands .ico_nioxin {
    background-image: url(../i/sprite/sprite.png);
    background-position: -384px -409px;
    width: 38px;
    height: 24px;
  }
  .businessguide footer .otherBrands .ico_clairol {
    background-image: url(../i/sprite/sprite.png);
    background-position: -114px -409px;
    width: 50px;
    height: 24px;
  }
  .businessguide footer .otherBrands .ico_sp {
    background-image: url(../i/sprite/sprite.png);
    background-position: -410px -433px;
    width: 30px;
    height: 24px;
  }
  .businessguide footer .otherBrands .ico_sassoon {
    background-image: url(../i/sprite/sprite.png);
    background-position: -344px -317px;
    width: 44px;
    height: 24px;
  }
  .businessguide footer .otherBrands .ico_sebastian {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -409px;
    width: 64px;
    height: 24px;
  }
  .businessguide footer .otherBrands .ico_kadus {
    background-image: url(../i/sprite/sprite.png);
    background-position: -208px -409px;
    width: 44px;
    height: 24px;
  }
  .businessguide footer .otherBrands .ico_londa {
    background-image: url(../i/sprite/sprite.png);
    background-position: -340px -409px;
    width: 44px;
    height: 24px;
  }
  .businessguide footer .followUs .ico_facebook {
    background-image: url(../i/sprite/sprite.png);
    background-position: -528px -475px;
    width: 18px;
    height: 18px;
  }
  .businessguide footer .followUs .ico_tweet {
    background-image: url(../i/sprite/sprite.png);
    background-position: -288px -525px;
    width: 18px;
    height: 18px;
  }
  .businessguide footer .followUs .ico_pint {
    background-image: url(../i/sprite/sprite.png);
    background-position: -90px -525px;
    width: 18px;
    height: 18px;
  }
  .businessguide footer .followUs .ico_youtube {
    background-image: url(../i/sprite/sprite.png);
    background-position: -272px -244px;
    width: 18px;
    height: 18px;
  }
  .businessguide footer .followUs .ico_istagram {
    background-image: url(../i/sprite/sprite.png);
    background-position: -198px -525px;
    width: 18px;
    height: 18px;
  }
}

/*------ EIMI EVENT ------------------------------------------*/
/*------ EMAIL REMINDER ------------------------------------------*/
.EIMIemailReminderBlock {
  width: 100%;
  background: url("../m/_master/initiatives/EIMI/eimi_bg.jpg") no-repeat right top transparent;
  background-size: auto 100%;
  color: #fff;
  box-sizing: border-box;
  margin: 68px 0 45px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .EIMIemailReminderBlock {
    margin: 35px 0 30px;
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .EIMIemailReminderBlock {
    margin: 20px 0 15px;
    padding-bottom: 15px;
  }
}
.EIMIemailReminderBlock select {
  background: none;
  border: 1px solid #fff;
  padding: 0px;
}
.EIMIemailReminderBlock input[type="checkbox"] {
  border: 1px solid #fff;
  background: none;
}
.EIMIemailReminderBlock .msg {
  color: #ff0000;
}
.EIMIemailReminderBlock .msg.email {
  padding-left: 126px;
}
@media only screen and (max-width: 767px) {
  .EIMIemailReminderBlock .msg.email {
    padding-left: 0;
  }
}
.EIMIemailReminderBlock .msg.country {
  padding-left: 126px;
}
@media only screen and (max-width: 767px) {
  .EIMIemailReminderBlock .msg.country {
    padding-left: 0;
  }
}
.EIMIemailReminderBlock .msg.privacy {
  padding-left: 9px;
}
.EIMIemailReminderBlock .msg.date {
  position: relative;
  padding-left: 198px;
  top: -20px;
}
@media only screen and (max-width: 767px) {
  .EIMIemailReminderBlock .msg.date {
    top: -15px;
    padding-left: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .EIMIemailReminderBlock .msg.date {
    top: -20px;
    padding-left: 196px;
  }
}
.EIMIemailReminderBlock h1 {
  text-align: center;
  padding: 50px 0 30px;
}
.EIMIemailReminderBlock h1 strong {
  font-size: 5.8em;
  font-family: "ClanNarrow-Medium";
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .EIMIemailReminderBlock h1 strong {
    font-size: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .EIMIemailReminderBlock h1 strong {
    font-size: 1.6em;
  }
}
.EIMIemailReminderBlock h1 span {
  font-size: 3.8em;
  font-family: "ClanNarrow-News";
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .EIMIemailReminderBlock h1 span {
    font-size: 2.2em;
  }
}
@media only screen and (max-width: 767px) {
  .EIMIemailReminderBlock h1 span {
    font-size: 1.4em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .EIMIemailReminderBlock h1 {
    padding: 35px 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .EIMIemailReminderBlock h1 {
    padding: 20px 0 15px;
  }
}
.EIMIemailReminderBlock h2 {
  font-family: "ClanNarrow-News";
  font-size: 2.4em;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .EIMIemailReminderBlock h2 {
    font-size: 1.4em;
  }
}
@media only screen and (max-width: 767px) {
  .EIMIemailReminderBlock h2 {
    font-size: 1.1em;
  }
}
.EIMIemailReminderBlock .emailReminderForm {
  width: 520px;
  margin: 0 auto;
  font-size: 1.4em;
  font-family: "ClanNarrow-News";
}
@media only screen and (max-width: 767px) {
  .EIMIemailReminderBlock .emailReminderForm {
    width: auto;
    font-size: 1.1em;
  }
}
.EIMIemailReminderBlock .emailReminderForm .userBlock {
  margin: 35px 0 40px;
}
@media only screen and (max-width: 767px) {
  .EIMIemailReminderBlock .emailReminderForm .userBlock {
    margin: 10px 0 10px;
  }
}
.EIMIemailReminderBlock .emailReminderForm .userBlock li {
  margin-top: 10px;
}
.EIMIemailReminderBlock .emailReminderForm .userBlock li:first-child {
  margin-top: 0;
}
.EIMIemailReminderBlock .emailReminderForm .userBlock label {
  float: left;
  display: block;
  width: 125px;
  line-height: 35px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .EIMIemailReminderBlock .emailReminderForm .userBlock label {
    width: 95px;
    padding-left: 5px;
  }
}
.EIMIemailReminderBlock .emailReminderForm .userBlock input {
  background-color: #fff;
  border: 0;
  width: 395px;
  height: 35px;
  line-height: 35px;
  color: #000;
  padding: 0 10px;
  box-sizing: border-box;
  font-family: "ClanNarrow-News";
}
@media only screen and (max-width: 767px) {
  .EIMIemailReminderBlock .emailReminderForm .userBlock input {
    width: 195px;
    height: 25px;
    line-height: 25px;
  }
}
.EIMIemailReminderBlock .emailReminderForm .userBlock .js-select-wrapper {
  background: #fff;
  border: none;
  display: block;
  float: left;
  font-weight: normal;
  height: 35px;
  margin: 0;
  width: 395px;
}
@media only screen and (max-width: 767px) {
  .EIMIemailReminderBlock .emailReminderForm .userBlock .js-select-wrapper {
    width: 195px;
    height: 25px;
  }
}
.EIMIemailReminderBlock .emailReminderForm .userBlock .js-select-wrapper .js-select-text {
  color: #000;
  float: left;
  font-family: "ClanNarrow-News";
  padding: 0 10px;
  line-height: 35px;
}
@media only screen and (max-width: 767px) {
  .EIMIemailReminderBlock .emailReminderForm .userBlock .js-select-wrapper .js-select-text {
    line-height: 25px;
  }
}
.EIMIemailReminderBlock .emailReminderForm .userBlock .js-select-wrapper .js-select-button {
  background: #000;
  width: 34px;
  color: #fff;
  line-height: 35px;
}
@media only screen and (max-width: 767px) {
  .EIMIemailReminderBlock .emailReminderForm .userBlock .js-select-wrapper .js-select-button {
    width: 24px;
    line-height: 25px;
  }
}
.EIMIemailReminderBlock .emailReminderForm .legalBlock {
  padding-left: 20px;
}
@media only screen and (max-width: 767px) {
  .EIMIemailReminderBlock .emailReminderForm .legalBlock {
    padding-left: 10px;
  }
}
.EIMIemailReminderBlock .emailReminderForm .legalBlock li {
  display: block;
  clear: both;
  margin-top: 10px;
  overflow: hidden;
}
.EIMIemailReminderBlock .emailReminderForm .legalBlock li:first-child {
  margin-top: 0;
}
.EIMIemailReminderBlock .emailReminderForm .legalBlock li > * {
  float: left;
}
.EIMIemailReminderBlock .emailReminderForm .legalBlock li .labelContent {
  padding-left: 10px;
  font-size: 0.75em;
  width: 470px;
}
@media only screen and (max-width: 767px) {
  .EIMIemailReminderBlock .emailReminderForm .legalBlock li .labelContent {
    width: 260px;
  }
}
.EIMIemailReminderBlock .emailReminderForm .legalBlock a {
  color: #fff;
  text-decoration: underline;
}
.EIMIemailReminderBlock .emailReminderForm .legalBlock .checkbox-style-wrap input[type="checkbox"] {
  display: none;
}
.EIMIemailReminderBlock .emailReminderForm .legalBlock .checkbox-style-wrap input[type="checkbox"] + label {
  display: block;
  height: 13px;
  margin: 0;
  width: 13px;
  border: 1px solid #fff;
  cursor: pointer;
  background: none;
}
.EIMIemailReminderBlock .emailReminderForm .legalBlock .checkbox-style-wrap #legal:checked + label,
.EIMIemailReminderBlock .emailReminderForm .legalBlock .checkbox-style-wrap #privacy:checked + label {
  background: #fff;
}
.EIMIemailReminderBlock .emailReminderForm .birthDateBlock {
  padding: 20px 0 25px 20px;
}
@media only screen and (max-width: 767px) {
  .EIMIemailReminderBlock .emailReminderForm .birthDateBlock {
    padding-bottom: 15px;
  }
}
.EIMIemailReminderBlock .emailReminderForm .birthDateBlock li {
  display: inline-block;
}
.EIMIemailReminderBlock .emailReminderForm .birthDateBlock li > * {
  float: left;
}
.EIMIemailReminderBlock .emailReminderForm .birthDateBlock li .subTitle {
  line-height: 22px;
  padding-right: 25px;
}
@media only screen and (max-width: 767px) {
  .EIMIemailReminderBlock .emailReminderForm .birthDateBlock li .subTitle {
    padding-right: 10px;
  }
}
.EIMIemailReminderBlock .emailReminderForm .submit {
  font-size: 0.85em;
  font-weight: bold;
  line-height: 35px;
  padding: 0 15px;
  font-family: "ClanNarrow-News";
  display: table !important;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .EIMIemailReminderBlock .emailReminderForm .submit {
    font-size: 0.9em;
  }
}

#NowellonDocument_SpeakEIMISubscribeForm .popupTemplate {
  left: inherit;
  margin: 0 auto;
}

/*------ TAKEOVER FORM ------------------------------------------*/
.takeoverForm .contactContent {
  font-family: Arial, sans-serif;
}
.takeoverForm .contactContent h2 {
  margin: 80px 0 60px;
}
.takeoverForm .contactContent h2:before {
  display: none;
}
.takeoverForm .contactContent .thin {
  font-family: "ClanNarrow-Thin";
  font-size: 0.9em;
  display: block;
}
.takeoverForm .contactContent .shortForm {
  width: 45%;
}
.takeoverForm .contactContent .css-label {
  font-size: 0.8em;
  line-height: 1.5;
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .takeoverForm .contactContent .css-label:before {
    top: 0;
  }
}
.takeoverForm .contactContent .TwoSelectBoxes .selectBox {
  width: 48%;
  float: left;
  box-sizing: border-box;
}
.takeoverForm .contactContent .TwoSelectBoxes .selectBox:first-child {
  margin-right: 4%;
}
.takeoverForm .contactContent .allRow {
  width: 100%;
}
.takeoverForm .contactForm input[type="text"] {
  box-sizing: border-box;
  width: 100%;
}
.takeoverForm .contactForm input[type="submit"] {
  line-height: 1;
}
.takeoverForm .contactForm dt {
  width: 40%;
}
.takeoverForm .contactForm dd {
  width: 60%;
  position: relative;
}
.takeoverForm .errorStatement {
  color: red;
  font-style: italic;
  position: absolute;
  top: 0;
  left: 105%;
  width: 100%;
  display: none;
}
.takeoverForm .input-validation-error .errorStatement {
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .takeoverForm .contactForm dt, .takeoverForm .contactForm dd {
    width: 100%;
  }
  .takeoverForm .contactContent h2 {
    margin: 30px 0 20px;
  }
  .takeoverForm .contactContent .shortForm {
    width: 100%;
  }
  .takeoverForm .contactContent .css-label:before {
    top: -5px;
  }
  .takeoverForm .errorStatement {
    position: static;
  }
}
@media only screen and (max-width: 767px) {
  .takeoverForm .contactForm dt, .takeoverForm .contactForm dd {
    width: 100%;
  }
  .takeoverForm .contactContent h2 {
    margin: 30px 0 20px;
  }
  .takeoverForm .contactContent .shortForm {
    width: 100%;
  }
  .takeoverForm .contactContent .css-label:before {
    top: -5px;
  }
  .takeoverForm .errorStatement {
    position: static;
  }
}

.popinTemplate2.eimiTakeoverPopup {
  min-height: 100px;
}

.eimiTakeoverPopup {
  box-shadow: 0 0 20px #000;
  padding: 4% 2%;
}
@media only screen and (max-width: 767px) {
  .eimiTakeoverPopup {
    padding: 4% 0;
  }
}
.eimiTakeoverPopup h2 {
  font-size: 2.6em;
  font-family: "ClanNarrow-Medium";
  margin-bottom: 30px;
}
.eimiTakeoverPopup p {
  font-size: 1.9em;
  padding-top: 15px;
  margin-bottom: 30px;
}

.eimiLoader {
  text-align: center;
  background: red;
  background: rgba(130, 121, 112, 0.5);
}

/*------ LANDING PAGE ------------------------------------------*/
.eimiLandingPage .row {
  background-color: #B8B8DD;
}
.eimiLandingPage .detailsList {
  margin-bottom: 0 !important;
}
.eimiLandingPage .detailsList h2 {
  color: #fff;
  line-height: 1;
  margin-bottom: 6%;
}
.eimiLandingPage .detailsList .row .description p {
  font-size: 2.2em;
  color: #fff;
  margin-bottom: 6%;
}
.eimiLandingPage .hashtag {
  font-family: "ClanNarrow-Medium";
  font-size: 4em;
  color: #fff;
}
.eimiLandingPage .eimiDescription {
  font-size: 2.5em;
  font-family: "ClanNarrow-News";
  margin-top: 4.5%;
  color: #655656;
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .eimiLandingPage .wrap {
    font-size: 0.9em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .eimiLandingPage .wrap {
    font-size: 0.7em;
  }
  .eimiLandingPage .detailsList .row .description .inner {
    padding: 18px;
  }
  .eimiLandingPage .eimiDescription {
    font-size: 1.9em;
  }
}
@media only screen and (max-width: 767px) {
  .eimiLandingPage .wrap {
    font-size: 0.6em;
  }
  .eimiLandingPage .detailsList .row .description .inner {
    padding: 18px;
  }
  .eimiLandingPage .detailsList .row .packshot {
    display: block;
    width: 100%;
  }
  .eimiLandingPage .eimiDescription {
    font-size: 1.4em;
  }
}

.eimiSlider {
  margin: 3% 0;
}

.eimiSliderWrapper {
  width: 100%;
  height: 720px;
  overflow: hidden;
  position: relative;
}

.eimiSliderContent {
  position: absolute;
  height: 100%;
  top: 0;
}
.eimiSliderContent .item {
  float: left;
  width: 1358px;
  height: 100%;
  position: relative;
}
.eimiSliderContent .personIcon {
  float: left;
  width: 16%;
}
.eimiSliderContent article {
  position: absolute;
  width: 27%;
  top: 50%;
  right: 9%;
  color: #fff;
  font-family: "ClanNarrow-Medium";
}
.eimiSliderContent h3 {
  font-size: 3em;
  float: left;
  padding: 1.5% 0 1.5% 4%;
  width: 80%;
}
.eimiSliderContent p {
  font-size: 1.8em;
  padding: 5% 0;
}
.eimiSliderContent .socialLinks li {
  display: inline-block;
  margin-right: 10px;
}
.eimiSliderContent .socialLinks a {
  display: block;
  width: 100%;
  height: 100%;
}
.eimiSliderContent .socialLinks .facebook {
  background-image: url(../i/sprite/sprite.png);
  background-position: -328px -368px;
  width: 40px;
  height: 40px;
}
.eimiSliderContent .socialLinks .tweeter {
  background-image: url(../i/sprite/sprite.png);
  background-position: -391px -328px;
  width: 40px;
  height: 40px;
}
.eimiSliderContent .socialLinks .pinterest {
  background-image: url(../i/sprite/sprite.png);
  background-position: -368px -368px;
  width: 40px;
  height: 40px;
}

.eimiSliderArrows a {
  width: 58px;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(255, 255, 255, 0.5);
  -moz-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
.eimiSliderArrows a:hover {
  background-color: rgba(255, 255, 255, 0.7);
}
.eimiSliderArrows a:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -23px 0 0 -15px;
}
.eimiSliderArrows .prev {
  left: 0;
}
.eimiSliderArrows .prev:before {
  background-image: url(../i/sprite/sprite.png);
  background-position: -462px -114px;
  width: 30px;
  height: 46px;
}
.eimiSliderArrows .next {
  right: 0;
}
.eimiSliderArrows .next:before {
  background-image: url(../i/sprite/sprite.png);
  background-position: -462px -68px;
  width: 30px;
  height: 46px;
}

.eimiSliderNav {
  text-align: center;
  margin: 10px 0;
}
.eimiSliderNav li {
  display: inline-block;
  font-family: "ClanNarrow-News";
  font-size: 2.6em;
  color: #82796f;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 50%;
  margin-left: 1px;
  cursor: pointer;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.eimiSliderNav li:first-child {
  margin-left: 0;
}
.eimiSliderNav li:hover, .eimiSliderNav li.active {
  background-color: #f4af95;
  color: #fff;
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .eimiSliderNav li {
    font-size: 2em;
    width: 33px;
    height: 33px;
    line-height: 33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .eimiSliderNav li {
    font-size: 1.4em;
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
}
.eimiSliderNav .noContent {
  cursor: default;
}
.eimiSliderNav .noContent:hover {
  background-color: #fff;
  color: #82796f;
}

@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .eimiSliderWrapper {
    height: 515px;
  }

  .eimiSliderContent .item {
    width: 972px;
  }
  .eimiSliderContent article {
    font-size: 0.75em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .eimiSliderWrapper {
    height: 386px;
  }

  .eimiSliderContent article {
    font-size: 0.5em;
  }
  .eimiSliderContent .item {
    width: 728px;
  }

  .eimiSliderArrows a {
    width: 42px;
  }
}
@media only screen and (max-width: 767px) {
  .eimiSliderWrapper {
    height: inherit;
    min-height: 355px;
  }

  .eimiSliderContent {
    position: relative;
  }
  .eimiSliderContent article {
    position: relative;
    width: 100%;
    right: inherit;
    top: inherit;
    padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .eimiSliderContent h3 {
    font-size: 2.2em;
  }
  .eimiSliderContent p {
    font-size: 1.4em;
    text-align: justify;
  }
  .eimiSliderContent .item {
    width: 300px;
    padding-top: 355px;
  }
  .eimiSliderContent .item span img {
    position: absolute;
    top: 0;
  }
  .eimiSliderContent .socialLinks {
    text-align: center;
  }
  .eimiSliderContent .eimiLoader {
    display: block;
  }
  .eimiSliderContent .eimiLoader img {
    top: 50% !important;
    left: 50%;
    margin: -64px 0 0 -64px;
  }

  .eimiSliderArrows a {
    width: 36px;
    height: 52px;
    top: 94px;
  }
}
/*------ PRODUCT PAGE ------------------------------------------*/
.eimiProduct .eimiFrame {
  border: 1px solid #8f8f8f;
  box-sizing: border-box;
}
.eimiProduct .eimiFrame a:hover:before {
  display: none;
}
.eimiProduct .eimiFrame.eimiVolume a.active, .eimiProduct .eimiFrame.eimiVolume a:hover {
  background: #F1A693;
}
.eimiProduct .eimiFrame.eimiVolume a.active:before, .eimiProduct .eimiFrame.eimiVolume a:hover:before {
  border-color: transparent transparent transparent #F1A693;
}
.eimiProduct .eimiFrame.eimiSmooth a.active, .eimiProduct .eimiFrame.eimiSmooth a:hover {
  background: #B8B8DD;
}
.eimiProduct .eimiFrame.eimiSmooth a.active:before, .eimiProduct .eimiFrame.eimiSmooth a:hover:before {
  border-color: transparent transparent transparent #B8B8DD;
}
.eimiProduct .eimiFrame.eimiTexture a.active, .eimiProduct .eimiFrame.eimiTexture a:hover {
  background: #D2DDBB;
}
.eimiProduct .eimiFrame.eimiTexture a.active:before, .eimiProduct .eimiFrame.eimiTexture a:hover:before {
  border-color: transparent transparent transparent #D2DDBB;
}
.eimiProduct .eimiFrame.eimiShine a.active, .eimiProduct .eimiFrame.eimiShine a:hover {
  background: #EED898;
}
.eimiProduct .eimiFrame.eimiShine a.active:before, .eimiProduct .eimiFrame.eimiShine a:hover:before {
  border-color: transparent transparent transparent #EED898;
}
.eimiProduct .eimiFrame.eimiFixing a.active, .eimiProduct .eimiFrame.eimiFixing a:hover {
  background: #766661;
}
.eimiProduct .eimiFrame.eimiFixing a.active:before, .eimiProduct .eimiFrame.eimiFixing a:hover:before {
  border-color: transparent transparent transparent #766661;
}
.eimiProduct .productSubMenu {
  width: 213px;
  position: relative;
}
.eimiProduct .productSubMenu a.active, .eimiProduct .productSubMenu a:hover {
  background: #be1439;
}
.eimiProduct .productSubMenu a.active:before {
  content: '';
  display: block;
  position: absolute;
  right: -12px;
  top: 50%;
  margin-top: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12.5px 0 12.5px 12px;
  border-color: transparent transparent transparent #be1439;
}
.eimiProduct ul.brandsList a:hover img, .eimiProduct ul.brandsList a.active img {
  opacity: 0.5;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.eimiProduct .quantity {
  position: absolute;
  left: 0;
  top: -28px;
  width: 100%;
  text-align: center;
  font-family: "ClanNarrow-News";
  font-size: 1.8em;
}
.eimiProduct .careCollections ul {
  margin: 0 170px;
}
.eimiProduct .careCollections ul li {
  min-width: 33.3%;
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .eimiProduct .productSubMenu {
    width: 151px;
  }
  .eimiProduct .productInformation .packshot {
    height: auto;
  }
  .eimiProduct .quantity {
    font-size: 1.3em;
  }
  .eimiProduct ul.brandsList.visible a {
    min-height: 130px !important;
  }
  .eimiProduct ul.brandsList:hover a {
    min-height: 130px !important;
  }
  .eimiProduct .careCollections ul {
    margin: 0 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .eimiProduct .productSubMenu {
    width: 123px;
  }
  .eimiProduct .productInformation .packshot {
    height: auto;
  }
  .eimiProduct .quantity {
    font-size: 1.2em;
  }
  .eimiProduct ul.brandsList.visible a {
    min-height: 105px !important;
  }
  .eimiProduct ul.brandsList:hover a {
    min-height: 105px !important;
  }
  .eimiProduct .careCollections ul {
    margin: 0 60px;
  }
}
@media only screen and (max-width: 767px) {
  .eimiProduct .careCollections ul {
    margin: 0;
  }
}

.productGalleryNav {
  padding-bottom: 10%;
}
.productGalleryNav li {
  height: 76px;
  display: inline-block;
  -moz-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
.productGalleryNav li:hover, .productGalleryNav li.active {
  background-color: #fcf3f6;
}
.productGalleryNav a {
  height: 100%;
  display: block;
}

.eimiPopin .popinTemplate2 {
  height: 490px;
  width: 866px;
  min-height: initial;
}
.eimiPopin .popinTemplate2 .popinDescription {
  width: 615px;
  text-align: center;
}
.eimiPopin .popinTemplate2 .popinDescription h2 {
  font-family: "ClanNarrow-Medium";
  font-size: 2.6em;
  margin-top: 18%;
}
.eimiPopin .popinTemplate2 .popinDescription p {
  font-family: "ClanNarrow-Thin";
  font-size: 1.9em;
}
.eimiPopin .popinTemplate2 .popinDescription .buttons {
  left: 50%;
  margin-left: -130px;
}
.eimiPopin .popinVisual {
  line-height: 490px;
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .eimiPopin .popinTemplate2 .popinDescription .buttons {
    margin-left: -107px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .eimiPopin .popinTemplate2 {
    width: 700px;
  }
  .eimiPopin .popinTemplate2 .popinDescription {
    width: 449px;
  }
  .eimiPopin .popinTemplate2 .popinDescription h2 {
    margin-top: 30%;
  }
  .eimiPopin .popinTemplate2 .popinDescription .buttons {
    margin-left: -107px;
  }
}
@media only screen and (max-width: 767px) {
  .eimiPopin .popinTemplate2 {
    width: 100%;
    height: 355px;
  }
  .eimiPopin .popinTemplate2 .popinDescription {
    width: 100%;
    height: 100%;
  }
  .eimiPopin .popinTemplate2 .popinDescription .buttons {
    display: block;
    margin-left: -107px;
  }
  .eimiPopin .popinVisual {
    display: none;
  }
}

/*  =PLACEHOLDERS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.tile .mask {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5MTkxOSIgc3RvcC1vcGFjaXR5PSIwLjYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNTFjNGIiIHN0b3Atb3BhY2l0eT0iMC42Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 100%, 100% 0%, color-stop(0%, rgba(25, 25, 25, 0.6)), color-stop(100%, rgba(197, 28, 75, 0.6)));
  background-image: -moz-linear-gradient(left bottom, rgba(25, 25, 25, 0.6) 0%, rgba(197, 28, 75, 0.6) 100%);
  background-image: -webkit-linear-gradient(left bottom, rgba(25, 25, 25, 0.6) 0%, rgba(197, 28, 75, 0.6) 100%);
  background-image: linear-gradient(to right top, rgba(25, 25, 25, 0.6) 0%, rgba(197, 28, 75, 0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5191919', endColorstr='#E5c51c4b',GradientType=1 );
}

.changeVideoEvent button:hover, .desktop-device .filterMenu .item a:hover, .desktop-device .filterMenu .item.active a, .tablet-device .filterMenu .item.active a {
  background-color: #ca255d;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I3MDAzNiIvPjxzdG9wIG9mZnNldD0iMjklIiBzdG9wLWNvbG9yPSIjZDYxZjcxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjcwMDM2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -moz-linear-gradient(45deg, #b70036 0%, #d61f71 29%, #b70036 100%);
  background-image: -webkit-linear-gradient(45deg, #b70036 0%, #d61f71 29%, #b70036 100%);
  background-image: linear-gradient(45deg, #b70036 0%, #d61f71 29%, #b70036 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b70036', endColorstr='#b70036',GradientType=1 );
}

.kolestonPerfect-button {
  background-color: #D89E9B;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViYjg5MiIvPjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjZDg5ZTliIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzQ4MWE2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ebb892), color-stop(11%, #d89e9b), color-stop(100%, #c481a6));
  background-image: -moz-linear-gradient(left, #ebb892 0%, #d89e9b 11%, #c481a6 100%);
  background-image: -webkit-linear-gradient(left, #ebb892 0%, #d89e9b 11%, #c481a6 100%);
  background-image: linear-gradient(to right, #ebb892 0%, #d89e9b 11%, #c481a6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebb892', endColorstr='#c481a6',GradientType=1 );
}

.kolestonPerfect-header-col {
  background-color: #D89E9B;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxNCUiIHN0b3AtY29sb3I9IiNlYmI4OTIiLz48c3RvcCBvZmZzZXQ9IjQzJSIgc3RvcC1jb2xvcj0iI2Q4OWU5YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M0ODFhNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(45deg, #ebb892 14%, #d89e9b 43%, #c481a6 100%);
  background-image: -webkit-linear-gradient(45deg, #ebb892 14%, #d89e9b 43%, #c481a6 100%);
  background-image: linear-gradient(45deg, #ebb892 14%, #d89e9b 43%, #c481a6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebb892', endColorstr='#c481a6',GradientType=1 );
}

.blondorMultiProduct-header-col,
.brandHeader .brandInfo.blondorMultiProduct-brandInfo {
  background-color: #d99da5;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxNCUiIHN0b3AtY29sb3I9IiNkOTlkYTUiLz48c3RvcCBvZmZzZXQ9IjQzJSIgc3RvcC1jb2xvcj0iI2UwYWU5MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UyYWY5MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(45deg, #d99da5 14%, #e0ae93 43%, #e2af92 100%);
  background-image: -webkit-linear-gradient(45deg, #d99da5 14%, #e0ae93 43%, #e2af92 100%);
  background-image: linear-gradient(45deg, #d99da5 14%, #e0ae93 43%, #e2af92 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d99da5', endColorstr='#e2af92',GradientType=1 );
}

.brandHeader
.brandInfo.daisy-brandInfo, .cosmeticAuthor.daisy-color {
  background-color: #8cba76;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjEuMCIgeDI9IjAuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYmE3NiIvPjxzdG9wIG9mZnNldD0iNDMlIiBzdG9wLWNvbG9yPSIjOGNiYTc2Ii8+PHN0b3Agb2Zmc2V0PSI3OCUiIHN0b3AtY29sb3I9IiM3ZWFkNjYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -moz-linear-gradient(135deg, #8cba76 0%, #8cba76 43%, #7ead66 78%);
  background-image: -webkit-linear-gradient(135deg, #8cba76 0%, #8cba76 43%, #7ead66 78%);
  background-image: linear-gradient(-45deg, #8cba76 0%, #8cba76 43%, #7ead66 78%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cba76', endColorstr='#7ead66',GradientType=1 );
}

.lookBookPage .cosmeticAuthor.patina-header {
  background-color: #d76763;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI2MSUiIHN0b3AtY29sb3I9IiNkNzY3NjMiLz48c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iI2I4NTY1OCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(315deg, #d76763 61%, #b85658 81%);
  background-image: -webkit-linear-gradient(315deg, #d76763 61%, #b85658 81%);
  background-image: linear-gradient(135deg, #d76763 61%, #b85658 81%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d76763', endColorstr='#b85658',GradientType=1 );
}

.brandHeader .brandInfo.blondorNew-brandInfo,
.blondorNew-header-col {
  background-color: #7eb1db;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdlYjFkYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E3YjRlNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #7eb1db), color-stop(100%, #a7b4e5));
  background-image: -moz-linear-gradient(left, #7eb1db 0%, #a7b4e5 100%);
  background-image: -webkit-linear-gradient(left, #7eb1db 0%, #a7b4e5 100%);
  background-image: linear-gradient(to right, #7eb1db 0%, #a7b4e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7eb1db', endColorstr='#a7b4e5',GradientType=1 );
}

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

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

.button.pink, .button.default, .button.button--primary, .changeVideoEvent .active, .videoNav .videoNav-bigPlay:hover, .BVRRRootElement .BVRRRatingSummaryLinkRead a,
.BVRRRootElement .BVRRRatingSummaryLinkWrite a,
.BVRRRootElement .BVRRRatingSummaryLinkWriteFirst a {
  background-color: #ca255d;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNjYTI1NWQiLz48c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2Q5MmM2NCIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjZDkyYzY0Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjMzAwM2QiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -moz-linear-gradient(45deg, #ca255d 10%, #d92c64 20%, #d92c64 25%, #c3003d 50%);
  background-image: -webkit-linear-gradient(45deg, #ca255d 10%, #d92c64 20%, #d92c64 25%, #c3003d 50%);
  background-image: linear-gradient(45deg, #ca255d 10%, #d92c64 20%, #d92c64 25%, #c3003d 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca255d', endColorstr='#c3003d',GradientType=1 );
}

.black:hover, .button.button--secondary:hover, .button.button--tertiary:hover, .button.pink:hover, .button.default:hover, .button.button--primary:hover {
  background-color: #d33374;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNkMzMzNzQiLz48c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2UwMzk3ZSIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjZTAzOTdlIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjZTAxNTMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -moz-linear-gradient(45deg, #d33374 10%, #e0397e 20%, #e0397e 25%, #ce0153 50%);
  background-image: -webkit-linear-gradient(45deg, #d33374 10%, #e0397e 20%, #e0397e 25%, #ce0153 50%);
  background-image: linear-gradient(45deg, #d33374 10%, #e0397e 20%, #e0397e 25%, #ce0153 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d33374', endColorstr='#ce0153',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;
}

.play {
  /**
   * to be used over video (inside mask) with triangle
   * size and margins based on em, since no text is inside
   * font size set for placeholder in media querries
   * usage: just extend and add transition
   */
  border-radius: 15% 0;
  background: #000;
  position: relative;
  width: 1em;
  height: 1em;
  cursor: pointer;
  margin: 0.24em auto;
  display: block;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.play:hover {
  background: #c8003c;
}
.play:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1.4em 0 0 -1.2em;
  width: 0;
  height: 0;
  display: block;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 2.6em solid #fff;
  content: '';
  font-size: 12.5%;
  /* myk */
}

.tile .mask, .centeredWrapper {
  display: table;
}

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

.tileInstagram .mask-content,
.tileFacebook .mask-content {
  display: table-cell;
  vertical-align: top;
}

.tile-facePhoto .mask-content, .tileYouTube .mask-content {
  display: table-cell;
  vertical-align: bottom;
}

.tile:before {
  content: "\002B";
  color: #FFFFFF;
  border-bottom: 30px solid #191919;
  border-left: 30px solid transparent;
  display: block;
  font-size: 1.3em;
  height: 0;
  width: 0;
  line-height: 40px;
  text-indent: -16px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  font-family: arial;
}

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

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

.sfinder__title, .sfinder .sfinder-filter, .sfinder-map, .filterSalonList {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.rendered.sfinder__title, .sfinder .rendered.sfinder-filter, .rendered.sfinder-map, .rendered.filterSalonList {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

/*  =TRANSITIONS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.mobileSelectMenu {
  display: none;
  margin-top: 20px;
}

/*  =COMMON
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
header,
footer,
.topMainVisual {
  position: relative;
  width: 100%;
}

.topMainVisual.home .colCenter {
  position: static !important;
}
.topMainVisual.home .colCenter img {
  pointer-events: none;
}

footer {
  overflow: hidden;
}

.topMainVisual .slides-wrap {
  width: 100%;
}

.topMainVisual .slider-pagination {
  left: 0;
  bottom: 2%;
  position: absolute;
  text-align: center;
  width: 100%;
  height: 50%;
}

.slider-pagination .js-paginator {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 100%;
  z-index: 11;
}
.slider-pagination .js-page {
  display: inline-block;
  margin: 0 5px;
}
.slider-pagination .js-page a {
  overflow: hidden;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  font-size: 0;
  text-indent: -9999em;
}
.slider-pagination .js-page.js-page-current a {
  background: #b70036;
}
.slider-pagination .button-prev, .slider-pagination .button-next {
  display: block;
  position: absolute;
  top: 0;
  z-index: 11;
}
.slider-pagination .button-prev {
  background-image: url(../i/sprite/sprite.png);
  background-position: -504px -345px;
  width: 14px;
  height: 39px;
  left: 2%;
}
.slider-pagination .button-next {
  background-image: url(../i/sprite/sprite.png);
  background-position: -504px -306px;
  width: 14px;
  height: 39px;
  right: 2%;
}
.slider-pagination .js-disabled {
  display: none;
}

.slides-wrap .slide {
  width: 100%;
}

.main {
  margin: 0 auto;
  /*background: #FFFFC4;
  border: 1px solid blue; MD UPDATE*/
  position: relative;
  z-index: 100;
}

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

.last {
  border: 0 !important;
  margin: 0 !important;
}

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

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

.collectionDivision .prevBtn, .careDispatchPage .prevBtn {
  display: none;
}

.largeBack {
  position: absolute;
  left: 0;
  top: 50%;
  background: #222 url("../i/sprite/strict/accept-button.png") no-repeat 0 center;
  color: #fff;
  display: block;
  line-height: 48px;
  padding: 0 20px 0 50px;
  font-size: 1.4em;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.largeBack.largeBackFamily {
  top: initial;
  bottom: 10%;
}

.center {
  text-align: center;
}

.plus-ico {
  position: relative;
}

.plus-ico:before {
  content: "+";
  position: absolute;
  bottom: 4px;
  right: 6px;
  font-family: arial;
  font-size: 1em;
  z-index: 2;
}

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

ul.contentList li {
  list-style-type: disc;
  margin-left: 20px;
}

.line {
  height: 4px;
  display: block;
  background: url(../i/sprite/line.png) no-repeat center center;
}

.line.space {
  margin-top: 30px;
}

.play {
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.ie8 .play:after {
  font-size: 100%;
}

.notifications .message {
  display: none;
  text-align: center;
  font-size: 1.7em;
  color: #fcc;
  line-height: 17px;
  padding: 14px 0;
}
.notifications .active {
  display: block;
}

.loader {
  position: absolute;
  left: 0;
  bottom: 0;
  display: none;
  width: 100%;
  height: 31px;
  z-index: 100;
}
.loader .spinningMeat {
  position: absolute;
  background: url(../i/loaders/trending-stories.gif);
  width: 31px;
  height: 31px;
  margin-left: -15.5px;
  margin-top: -15.5px;
  left: 50%;
  bottom: 0;
}
.loader.loaderSFDR {
  height: 100%;
}
.loader.loaderSFDR .spinningMeat {
  bottom: inherit;
  top: 50%;
}

.loader.active {
  display: block;
}
.loader.active.loaderSFDR {
  background: #fff;
}

.sfinder .loader {
  position: relative;
  height: 100%;
  min-height: 300px;
}
.sfinder .loader .spinningMeat {
  bottom: inherit;
  top: 50%;
}
.sfinder .loader.active {
  background: #fff;
}

.filterSalonMap .loader {
  position: absolute;
}

/*  =HEADER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
header {
  height: 110px;
  /* IE filter gradient psuje layout w IE8 i IE9 */
  position: fixed;
  top: 0;
  left: 0;
  z-index: 210;
  -moz-transition: height 0.8s;
  -o-transition: height 0.8s;
  -webkit-transition: height 0.8s;
  transition: height 0.8s;
}

header .logo {
  position: absolute;
  left: 50%;
  margin-left: -48px;
  top: 21px;
  z-index: 2;
}

header .logo img {
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.ie8 header .logo img {
  max-width: inherit;
}

header .search {
  width: 377px;
  line-height: 26px;
  position: absolute;
  top: 50%;
  right: 35px;
  margin-top: -15px;
}

header .searchWrap {
  border: 2px solid #7f7f7f;
  border: 2px solid rgba(127, 127, 127, 0.2);
  width: 284px;
  height: 26px;
  background: #fff;
  background: rgba(255, 255, 255, 0.2);
  float: left;
}

header .search a:last-child {
  margin-left: 10px;
}

header .searchSubmit {
  margin: 4px 15px 4px 10px;
  float: left;
  cursor: pointer;
  background-image: url(../i/sprite/sprite.png);
  background-position: -549px -156px;
  width: 16px;
  height: 17px;
  background-color: transparent;
}

header input[type="search"] {
  color: #7f7f7f;
  width: 233px;
  height: 26px;
  padding: 0 10px 0 0;
  border: 0;
  float: left;
  background: transparent;
  -webkit-appearance: none;
}

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

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

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

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

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

.searchPane input::-webkit-input-placeholder, .salonfinderForm input::-webkit-input-placeholder {
  color: #191919;
}
.searchPane input:-moz-placeholder, .salonfinderForm input:-moz-placeholder {
  color: #191919;
}
.searchPane ::-moz-placeholder, .salonfinderForm ::-moz-placeholder {
  color: #191919;
}
.searchPane input:-ms-input-placeholder, .salonfinderForm input:-ms-input-placeholder {
  color: #191919;
}
.searchPane .placeholder, .salonfinderForm .placeholder {
  color: #191919;
}

/*  =BRADCRUMBS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.breadcrumb {
  font-weight: bold;
  font-size: 1.6em;
  color: #fff;
  -moz-transition: top 0.8s;
  -o-transition: top 0.8s;
  -webkit-transition: top 0.8s;
  transition: top 0.8s;
}

.breadcrumb li {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.breadcrumb.white {
  color: #fff;
}

.breadcrumb.black {
  color: #000;
}

.breadcrumb.pink {
  color: #7c3854;
}

.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: "\2002" "\2022" "\2002";
  font-size: 0.9em;
  font-family: arial;
  color: inherit;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* special styles if breadcrumb is in header */
header .breadcrumb {
  position: absolute;
  bottom: -2.4em;
  left: 1.8em;
}

section .breadcrumb {
  left: 1.8em;
  position: absolute;
  z-index: 15;
}

/*  =TOP MAIN VISUAL
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.topMainVisual {
  position: relative;
}
.topMainVisual .bx-wrapper {
  position: relative;
}
.topMainVisual .bx-wrapper .bx-viewport {
  z-index: 4;
}

.home.topMainVisual {
  overflow: hidden;
}

.visualText {
  display: none;
  position: absolute;
  right: 100px;
  bottom: 100px;
  z-index: 3;
  color: #fff;
  width: 200px;
  height: 200px;
  background: red;
}

.visualText h2 {
  font-family: "ClanNarrow-Bold";
  font-size: 2.7em;
}

.visualText h3 {
  font-family: "ClanNarrow-News";
  font-size: 2.7em;
}

.titleLines {
  padding-top: 5px;
  background: url(../i/visual_line.png) no-repeat center 0;
}

.titleLines span {
  padding-bottom: 5px;
  background: url(../i/visual_line.png) no-repeat center bottom;
}

/*  =MAIN MENU
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/*	=WIKI
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/**
 * nav
 * Main website navigation
 * CSS classes:
	.is-active - add this to active list elem (clicked/tapped/hovered), same styles as with :hover
	.is-current - add this to list elem which coresponds with current webpage
	.is-expanded - add this to list elem which is expanded to show sublvl
	.is-expandable - add this to list elem which can be expanded (contains sublvl)
	.is-lvl2-visible - add this helper class to .nav-lvl1 when lvl2 is visible
 *
 * javascript behavior for mobile:
 * In mobile device, when user activate "hamburger menu", add class ".is-mobile" to ".nav" for easy apply mobile specific features
 * when lvl 2 is expanded, add ".is-lvl2-visible" class to ".nav-lvl1", because when lvl2 shows up, lvl1 is modified by css
 * You can add additional class "is-current" to indicate where the user is is on the site
 */
/*	=DEPENDENCIES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/**
 * Mixins
@import "compass/utilities/general/clearfix";
@import "compass/css3/";
@import "modules/respond-to";
 * mixin respond-to for media querries
 * usage example:
 * to add different color per media-query add inside selector:
 @include respond-to(cellphones) {  }
 @include respond-to(tablets) {  }
 @include respond-to(laptops) {  }
 @include respond-to(widescreens) {  }
 *
 * Partials
@import "partials/fontface";
 *
 */
/*	=VARIABLES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/* media query breakpoints */
.nav-lvl1-link, .nav-lvl2-link, .nav .productFinder {
  display: table-cell;
  vertical-align: middle;
}

body {
  left: 0;
  -moz-transition: left 1s;
  -o-transition: left 1s;
  -webkit-transition: left 1s;
  transition: left 1s;
}
@media only screen and (max-width: 767px) {
  body.js-buttons-fixed .logo {
    background: #fff;
  }
}

.nav-close-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  text-indent: -6666px;
}

header .salon_finder_ico {
  margin: 5px 35px 0 0;
  float: right;
  display: block;
}
header .subscribe_ico {
  margin: 7px 10px 0 0;
  float: right;
  display: block;
}
@media only screen and (max-width: 767px) {
  header {
    height: 50px;
    overflow: visible;
    position: fixed;
    left: 0;
    background: none transparent;
  }
  header .search {
    display: none;
    position: static;
    height: 46px;
    border-color: #767676;
    border-width: 1px 0 0;
    border-style: solid;
    margin-top: 0;
    width: 275px;
  }
  header .search .search_mini_ico {
    width: 33%;
    margin: 0;
    padding: 0;
    border: 0;
    background: url(../i/sprite/search_mini_ico_cellphone.png) 50% 50% no-repeat;
    height: 46px;
    display: block;
  }
  header .search .salon_finder_ico {
    width: 33%;
    margin: 0;
    padding: 0;
    border: 0;
    background: url(../i/sprite/salon_finder_ico_cellphone.png) 50% 50% no-repeat;
    height: 46px;
    float: left;
    display: block;
  }
  header .search .subscribe_ico {
    width: 33%;
    margin: 0;
    padding: 0;
    border: 0;
    background: url(../i/sprite/subscribe_ico_cellphone.png) 50% 50% no-repeat;
    height: 46px;
    float: left;
    display: block;
  }
  header .search .nav-glass {
    display: none;
  }
  header .searchWrap {
    width: 79px;
    height: 46px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
  }
  header .searchAction {
    display: none;
  }
  header .searchSubmit {
    display: none;
  }
  header .searchTrigger {
    overflow: hidden;
    text-indent: -6666px;
    background: transparent url(../i/sprite/search_button_cellphone.png) 50% 50% no-repeat;
    margin: 0;
    width: 33%;
    height: 46px;
    float: left;
    display: block;
  }
  header .header-inner {
    right: 0;
    width: 100%;
    margin: 0 auto;
    position: relative;
    height: auto;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
  }
  header .header-inner .menu-event-catcher {
    width: 42px;
    height: 41px;
    top: 4.5px;
    left: 12px;
    z-index: 2;
  }
  header .header-inner .menuTrigger {
    width: 22px;
    height: 21px;
    padding: 10px;
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
    background-color: #000;
    margin-left: 0;
    display: block;
    background: transparent url("../i/sprite/strict/menu-trigger-cellphone-m.png") center no-repeat;
  }
  header .header-inner .menuTrigger img {
    display: none;
  }
  header .logo {
    /* background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75); */
    width: 320px;
    height: 50px;
    text-align: center;
    margin: auto;
    display: block;
    position: relative;
    top: 0;
    left: 0;
  }
  header .logo a {
    display: inline-block;
    position: relative;
  }
  header .logo img {
    display: inline-block;
    width: 53px;
    margin-top: 7px;
  }
}

.searchTrigger {
  display: none;
}

.nav-title {
  display: none;
}
@media only screen and (max-width: 767px) {
  .nav-title {
    color: #fff;
    text-align: center;
    height: 46px;
    font-size: 2em;
    line-height: 46px;
    border-color: #767676;
    border-width: 1px 0 0;
    border-style: solid;
  }
}

@media only screen and (max-width: 767px) {
  .is-menu-visible {
    left: 100%;
    margin-left: -45px;
    overflow-x: hidden;
    position: relative;
    height: auto;
    min-height: 100%;
    width: 320px;
  }
  .is-menu-visible header {
    height: 50px;
    left: -275px;
    overflow: visible;
    position: absolute;
    width: 275px;
  }
  .is-menu-visible header .header-inner {
    background-color: #191919;
    right: 0;
  }
  .is-menu-visible header .header-inner .menu-event-catcher {
    left: 278px;
  }
  .is-menu-visible header .header-inner .menuTrigger {
    right: auto;
    left: auto;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  .is-menu-visible header .search {
    display: block;
  }
  .is-menu-visible header .logo {
    width: 275px;
    padding-right: 355px;
    left: 0;
  }
  .is-menu-visible .logo:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 50px;
    left: 0;
    position: absolute;
    width: 275px;
  }
  .is-menu-visible .nav-title {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .positionFixed {
    position: fixed !important;
  }
}

/* media-query detection for JS */
/**
 * Access in JS:
var size = window.getComputedStyle(document.body,':before').getPropertyValue('content');
if (size.indexOf("cellphones") !=-1) {
	//content for cellphones
}
 */
.nav {
  -moz-transition: margin-top 0.4s ease-out, top 0.3s ease-out;
  -o-transition: margin-top 0.4s ease-out, top 0.3s ease-out;
  -webkit-transition: margin-top 0.4s ease-out, top 0.3s ease-out;
  transition: margin-top 0.4s ease-out, top 0.3s ease-out;
  background-color: #191919;
  position: absolute;
  margin-top: -200%;
  top: 97%;
  width: 100%;
  text-align: center;
  z-index: 250;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
@media only screen and (max-width: 767px) {
  .nav {
    background-color: transparent;
    top: 97px;
    display: none;
    width: 275px;
  }
}
.nav:after {
  content: "";
  display: table;
  clear: both;
}

/*TODO: please review this, I'm not sure if I can use is-active here, but it fits semantically*/
.nav.is-active {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .nav.is-active {
    display: block;
  }
}

.is-menu-presented .nav {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .is-mobilesearch-expanded .nav {
    top: 143px;
  }
}
@media only screen and (max-width: 767px) {
  .is-mobilesearch-expanded header .searchWrap {
    -moz-transition: top 0.3s ease-out;
    -o-transition: top 0.3s ease-out;
    -webkit-transition: top 0.3s ease-out;
    transition: top 0.3s ease-out;
    position: absolute;
    left: 0;
    top: 97px;
    width: 100%;
    background-color: #191919;
  }
}
@media only screen and (max-width: 767px) {
  .is-mobilesearch-expanded header .searchSubmit {
    display: block;
    margin: 0;
    background-image: url(../i/sprite/sprite.png);
    background-position: -185px -317px;
    width: 41px;
    height: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .is-mobilesearch-expanded header .searchAction {
    display: inline-block;
    width: 203px;
    padding-left: 10px;
    margin-top: 9px;
    border: 1px solid #323232;
  }
}

.nav-glass {
  background: rgba(0, 0, 0, 0.5);
  display: block;
  position: fixed;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
  -moz-transition: opacity 0.4s ease-out;
  -o-transition: opacity 0.4s ease-out;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out;
}
@media only screen and (max-width: 767px) {
  .nav-glass {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav-glass {
    top: 71px;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-glass {
    top: 90px;
  }
}
@media only screen and (min-width: 1400px) {
  .nav-glass {
    top: 110px;
  }
}

.is-menu-visible .nav-glass, .is-menu-presented .nav-glass {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}

.nav-glass-mobile {
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}

@media only screen and (max-width: 767px) {
  .is-menu-visible .nav-glass-mobile {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
  }
}

.nav-lvl1 {
  display: block;
  position: relative;
  margin: 0 auto;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .nav-lvl1 {
    width: 275px;
    background-color: #191919;
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav-lvl1 {
    width: 768px;
    height: 49px;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-lvl1 {
    width: 1025px;
    height: 47.58929px;
  }
}
@media only screen and (min-width: 1400px) {
  .nav-lvl1 {
    width: 1400px;
    /*1400 x Q (wievport width) */
    height: 65px;
    /* menu height, 65 x Q  */
  }
}

.nav-lvl1-elem {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .nav-lvl1-elem {
    display: block;
  }
}

.nav-lvl1-link {
  color: #fff;
  border-style: solid;
  font-weight: bold;
  margin: 0 -1px;
  text-transform: uppercase;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .nav-lvl1-link {
    height: 46px;
    font-size: 1.3em;
    padding-left: 28px;
    font-family: "ClanNarrow-News";
    width: 275px;
    text-align: left;
    color: #f7f7f9;
    border-width: 1px 0 0;
    border-color: #767676;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav-lvl1-link {
    padding: 0 5px;
    font-size: 1em;
    height: 49px;
    border-width: 0 2px;
    border-color: #191919;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-lvl1-link {
    padding: 0 10.98214px;
    font-size: 1.09821em;
    height: 47.58929px;
    border-width: 0 2px;
    border-color: #191919;
  }
}
@media only screen and (min-width: 1400px) {
  .nav-lvl1-link {
    padding: 0 15px;
    font-size: 1.5em;
    height: 65px;
    border-width: 0 2px;
    border-color: #191919;
  }
}

@media only screen and (max-width: 767px) {
  .nav-lvl1-elem.is-expandable .nav-lvl1-link {
    background-image: url(../i/sprite/nav/nav-lvl1-expandable-ico-cellphone.png);
    background-position: 243px 52%;
    background-repeat: no-repeat;
  }
}

@media only screen and (max-width: 767px) {
  .is-lvl2-visible .nav-lvl1-elem.is-expandable .nav-lvl1-link {
    background-position: 103px 56%;
  }
}

@media only screen and (max-width: 767px) {
  .nav-lvl1-elem.is-expandable.is-current .nav-lvl1-link {
    background-image: url(../i/sprite/nav/nav-lvl1-expandable-is-current-ico-cellphone.png);
    background-position: 243px 52%;
    background-repeat: no-repeat;
  }
}

.nav-lvl1-elem.is-expanded .nav-lvl1-link,
.nav-lvl1-elem.is-expanded:hover .nav-lvl1-link,
.nav-lvl1-elem.is-current .nav-lvl1-link,
.nav-lvl1-elem.is-active .nav-lvl1-link {
  background-color: #fff;
  color: #191919;
  border-color: #fff;
  border-color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav-lvl1-elem.is-expanded .nav-lvl1-link,
  .nav-lvl1-elem.is-expanded:hover .nav-lvl1-link,
  .nav-lvl1-elem.is-current .nav-lvl1-link,
  .nav-lvl1-elem.is-active .nav-lvl1-link {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-lvl1-elem.is-expanded .nav-lvl1-link,
  .nav-lvl1-elem.is-expanded:hover .nav-lvl1-link,
  .nav-lvl1-elem.is-current .nav-lvl1-link,
  .nav-lvl1-elem.is-active .nav-lvl1-link {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
  }
}
@media only screen and (min-width: 1400px) {
  .nav-lvl1-elem.is-expanded .nav-lvl1-link,
  .nav-lvl1-elem.is-expanded:hover .nav-lvl1-link,
  .nav-lvl1-elem.is-current .nav-lvl1-link,
  .nav-lvl1-elem.is-active .nav-lvl1-link {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
  }
}

.nav-lvl1-elem:hover .nav-lvl1-link {
  background-color: #262626;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav-lvl1-elem:hover .nav-lvl1-link {
    border-color: #262626;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-lvl1-elem:hover .nav-lvl1-link {
    border-color: #262626;
  }
}
@media only screen and (min-width: 1400px) {
  .nav-lvl1-elem:hover .nav-lvl1-link {
    border-color: #262626;
  }
}

@media only screen and (max-width: 767px) {
  .nav-lvl1-elem.is-expanded .nav-lvl1-link {
    background: url(../i/sprite/nav/nav-lvl1-expanded-ico-cellphone.png) 243px 56% no-repeat #fff;
  }
}

@media only screen and (max-width: 767px) {
  .is-lvl2-visible .nav-lvl1-elem.is-expanded .nav-lvl1-link {
    background-position: 103px 56%;
  }
}

@media only screen and (max-width: 767px) {
  .is-lvl2-visible .nav-lvl1-link {
    width: 122px;
    line-height: 1;
    font-weight: normal;
    padding: 4px 12px 0 10px;
    border-width: 1px 1px 0 0;
    border-color: #333;
  }
}

.nav-lvl2 {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  z-index: 260;
}

.nav-lvl2.trendvision-submenu {
  width: 1008px;
  left: 50%;
  margin-left: -504px;
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-lvl2.trendvision-submenu {
    width: 966px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav-lvl2.trendvision-submenu {
    width: 756px;
    margin-left: -390px;
  }
}
@media only screen and (max-width: 767px) {
  .nav-lvl2.trendvision-submenu {
    margin: 0px;
  }
}

@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-lvl2.trendvision-submenu .nav-lvl2-elem img {
    width: 185px;
  }
}

@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-lvl2.trendvision-submenu .nav-lvl2-elem h2 {
    width: 185px;
  }
}

.nav-lvl2.trendvision-submenu .nav-lvl2-title {
  font-size: 1.4em;
  line-height: 1em;
  height: 50px;
  width: 193px;
  padding-top: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav-lvl2.trendvision-submenu .nav-lvl2-title {
    font-size: 2.4em;
    width: 143px;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-lvl2.trendvision-submenu .nav-lvl2-title {
    font-size: 2.2em;
  }
}
@media only screen and (max-width: 767px) {
  .nav-lvl2.trendvision-submenu .nav-lvl2-title {
    font-size: 1.3em;
    padding-right: 4px;
  }
}

.nav-lvl2.trendvision-submenu .nav-lvl2-tab {
  width: auto;
  padding: 1.5% 0;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav-lvl2.trendvision-submenu .nav-lvl2-tab {
    width: 143px;
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .nav-lvl2.trendvision-submenu .nav-lvl2-tab {
    display: block;
    border-width: 0 1px 1px 1px;
    border-color: #d9d9d9;
    border-style: solid;
    padding: 0;
  }
}

.nav-lvl2.trendvision-submenu .nav-lvl2-elem :hover .nav-lvl2-title {
  background-image: none;
}

.nav-lvl1-elem.is-expanded .nav-lvl2 {
  display: block;
}

.nav-lvl1-elem.is-expanded .nav-lvl2,
.nav-lvl1-elem:hover .nav-lvl2 {
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .nav-lvl1-elem.is-expanded .nav-lvl2,
  .nav-lvl1-elem:hover .nav-lvl2 {
    border-top: 1px solid #767676;
    left: 121px;
    top: 0;
    width: auto;
  }
}

.nav-lvl2-link {
  text-align: left;
  color: #f7f7f9;
  background-color: #3f3f3f;
  border-bottom: 1px solid #7f7f7f;
  font-family: "ClanNarrow-News";
  border-right: 1px solid #3a3a3a;
  text-transform: uppercase;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .nav-lvl2-link {
    width: 249px;
    font-size: 1.5em;
    padding-left: 15px;
    padding-top: 3px;
    height: 46px;
    border-color: #767676;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav-lvl2-link {
    width: 141px;
    font-size: 1.5em;
    padding-left: 11px;
    height: 71px;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-lvl2-link {
    width: 182.30357px;
    font-size: 1.61071em;
    padding-left: 34.41071px;
    height: 46.125px;
  }
}
@media only screen and (min-width: 1400px) {
  .nav-lvl2-link {
    width: 249px;
    font-size: 2.2em;
    padding-left: 47px;
    height: 63px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav-lvl2-elem:first-child .nav-lvl2-link {
    border-top: 1px solid #7f7f7f;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-lvl2-elem:first-child .nav-lvl2-link {
    border-top: 1px solid #7f7f7f;
  }
}
@media only screen and (min-width: 1400px) {
  .nav-lvl2-elem:first-child .nav-lvl2-link {
    border-top: 1px solid #7f7f7f;
  }
}

.nav-lvl2-tab .mask-wrapper {
  position: relative;
  display: block;
}

.nav-lvl2-tab .mask {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5MTkxOSIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNTFjNGIiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 100%, 100% 0%, color-stop(0%, rgba(25, 25, 25, 0.2)), color-stop(100%, rgba(197, 28, 75, 0.2)));
  background-image: -moz-linear-gradient(left bottom, rgba(25, 25, 25, 0.2) 0%, rgba(197, 28, 75, 0.2) 100%);
  background-image: -webkit-linear-gradient(left bottom, rgba(25, 25, 25, 0.2) 0%, rgba(197, 28, 75, 0.2) 100%);
  background-image: linear-gradient(to right top, rgba(25, 25, 25, 0.2) 0%, rgba(197, 28, 75, 0.2) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33191919', endColorstr='#33c51c4b',GradientType=1 );
  opacity: 0;
  visibility: hidden;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.nav-lvl2-tab:hover .mask {
  opacity: 1;
  visibility: visible;
}

.nav-lvl2-tab:first-child {
  margin-left: 7px;
}

.nav-wella-blog .nav-lvl2-tab {
  width: 50%;
  padding: 1.6% 1.4% 1.6% 1.4%;
}
.nav-wella-blog .nav-lvl2-tab:first-child {
  margin-left: 0 !important;
}
@media only screen and (max-width: 767px) {
  .nav-wella-blog .nav-lvl2-tab {
    padding: 0;
  }
}

.nav-lvl2-tab {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .nav-lvl2-tab .mask-wrapper {
    display: none;
  }
  .nav-lvl2-tab .nav-lvl2-title {
    background: #e2e2e2;
    border-color: #d9d9d9;
    font-size: 1.3em;
    height: 42px;
    padding-left: 15px;
    padding-top: 3px;
    width: 249px;
    color: #191919;
    font-weight: normal;
    font-family: "ClanNarrow-News";
    position: relative;
    text-align: left;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
    line-height: 34px;
  }
  .nav-lvl2-tab .nav-lvl2-title:hover {
    background: #fae5eb !important;
    color: #191919 !important;
  }
  .nav-lvl2-tab:first-child {
    margin: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav-lvl2-tab {
    padding: 1.6% 0;
    float: left;
    width: 32.1%;
    font-size: 0.5em;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-lvl2-tab {
    padding: 1.6% 0.6%;
    float: left;
    width: 32.4%;
    font-size: 0.6em;
  }
}
@media only screen and (min-width: 1400px) {
  .nav-lvl2-tab {
    /* padding: 21px 5px; */
    padding: 1.6% 0.6%;
    float: left;
    width: 32.7%;
  }
}

.nav-lvl2-img {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tvp .nav-lvl2-img {
  margin: 0 auto;
}

.nav-lvl2-title {
  color: #191919;
  text-transform: uppercase;
  font-family: Arial;
  font-weight: bold;
  display: table;
  width: 100%;
  height: 67px;
  line-height: 1;
  background-color: #f5f5f5;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.nav-lvl2-title span {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.nav-lvl2-title .subTitle {
  font-family: "ClanNarrow-Thin";
  font-size: 0.7em;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav-lvl2-title {
    font-size: 3em;
  }
  .nav-lvl2-title .subTitle {
    font-size: 0.6em;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-lvl2-title .subTitle {
    font-size: 0.6em;
  }
}
@media only screen and (min-width: 1400px) {
  .nav-lvl2-title {
    font-size: 1.7em;
  }
}
@media only screen and (max-width: 767px) {
  .nav-lvl2-title .subTitle {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav-inside-wella .nav-lvl2-tab {
    width: 18.9%;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-inside-wella .nav-lvl2-tab {
    width: 19.2%;
  }
}
@media only screen and (min-width: 1400px) {
  .nav-inside-wella .nav-lvl2-tab {
    width: 19.4%;
  }
}

.nav-inside-wella .nav-lvl2-title {
  height: 48px;
  line-height: 48px;
  font-size: 2.4em;
}
@media only screen and (min-width: 1400px) {
  .nav-inside-wella .nav-lvl2-title {
    height: 67px;
    line-height: 67px;
    font-size: 1.4em;
  }
}
@media only screen and (max-width: 767px) {
  .nav-inside-wella .nav-lvl2-title {
    font-size: 1.3em;
  }
}

.nav-inside-wella .nav-lvl2-title span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.nav-inside-wella .nav-lvl2-img {
  width: 100%;
  height: auto;
}

.nav-lvl2-tab:hover .nav-lvl2-title {
  color: #fff;
  background: #191919;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .nav-lvl2-tab:hover .nav-lvl2-title {
    background-position: 96% 50%;
    background-image: url(../i/sprite/nav/nav-lvl2-expandable-ico-cellphone.png);
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav-lvl2-tab:hover .nav-lvl2-title {
    background-position: 96% 50%;
    background-image: url(../i/sprite/nav/nav-lvl2-expandable-ico-tablet.png);
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-lvl2-tab:hover .nav-lvl2-title {
    background-position: 96% 50%;
    background-image: url(../i/sprite/nav/nav-lvl2-expandable-ico-laptop.png);
  }
}
@media only screen and (min-width: 1400px) {
  .nav-lvl2-tab:hover .nav-lvl2-title {
    background-position: 96% 50%;
    background-image: url(../i/sprite/nav/nav-lvl2-expandable-ico.png);
  }
}

.nav .productFinder {
  text-align: left;
  color: #f7f7f9;
  background-color: #3f3f3f;
  border-bottom: 1px solid #7f7f7f;
  font-family: "ClanNarrow-News";
  border-right: 1px solid #3a3a3a;
  text-transform: uppercase;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .nav .productFinder {
    width: 249px;
    height: 46px;
    border-color: #767676;
    background-position: 138px 50%;
    background-image: url(../i/sprite/nav/nav-lvl2-expandable-ico-cellphone.png);
    background-repeat: no-repeat;
  }
  .nav .productFinder:hover {
    background: url(../i/sprite/nav/nav-lvl2-expandable-active-ico-cellphone.png) 138px 54% no-repeat #fff;
    color: #191919;
    border-right: 1px solid #ebebeb;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav .productFinder {
    width: 141px;
    font-size: 1.5em;
    height: 70px;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav .productFinder {
    width: 182.30357px;
    font-size: 1.61071em;
    height: 54.91071px;
  }
}
@media only screen and (min-width: 1400px) {
  .nav .productFinder {
    width: 249px;
    font-size: 2.2em;
    height: 75px;
  }
}

.nav .productFinder-btn {
  border: 1px solid #5b5b5b;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  font-weight: bold;
  color: #fff;
  font-family: arial;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .nav .productFinder-btn {
    border: 0 none;
    font-family: "ClanNarrow-News";
    font-weight: normal;
    line-height: 1;
    font-size: 1.5em;
    /*Impossible to break HTML5 placeholder. TODO: change for JS placeholder*/
    height: 46px;
    padding: 9px 20px 0 35px;
    position: relative;
  }
  .nav .productFinder-btn:hover {
    color: #191919;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav .productFinder-btn {
    width: 119px;
    height: 32px;
    padding: 9px;
    margin-top: 3px;
    font-size: 0.5em;
    word-spacing: 1px;
    line-height: 14px;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav .productFinder-btn {
    width: 156.67857px;
    height: 35.14286px;
    padding: 10px 20px;
    font-size: 0.6em;
    line-height: 12px;
  }
}
@media only screen and (min-width: 1400px) {
  .nav .productFinder-btn {
    width: 214px;
    height: 48px;
    padding: 17px 24px;
    font-size: 0.62em;
    line-height: 10px;
  }
}

.nav .productFinder-btn span {
  -moz-appearance: none;
  border: 0 none;
  cursor: pointer;
  line-height: 10px;
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .nav .productFinder-btn span {
    background-image: url(../i/sprite/sprite.png);
    background-position: -216px -148px;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 16px;
    left: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav .productFinder-btn span {
    float: right;
    background-image: url(../i/sprite/sprite.png);
    background-position: -216px -148px;
    width: 13px;
    height: 13px;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav .productFinder-btn span {
    background-image: url(../i/sprite/sprite.png);
    background-position: -216px -148px;
    width: 13px;
    height: 13px;
    margin: -1px 5px 0 0;
  }
}
@media only screen and (min-width: 1400px) {
  .nav .productFinder-btn span {
    background-image: url(../i/sprite/sprite.png);
    background-position: -216px -525px;
    width: 18px;
    height: 18px;
    width: 18px;
    height: 18px;
    margin: -4px 10px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .nav .productFinder-btn:hover span {
    background-image: url(../i/sprite/sprite.png);
    background-position: -376px -297px;
    width: 13px;
    height: 13px;
  }
}

/* expandable lvl2 */
.nav-lvl2-elem.is-expandable .nav-lvl2-link {
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .nav-lvl2-elem.is-expandable .nav-lvl2-link {
    background-position: 138px 50%;
    background-image: url(../i/sprite/nav/nav-lvl2-expandable-ico-cellphone.png);
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav-lvl2-elem.is-expandable .nav-lvl2-link {
    background-position: 223px 50%;
    background-image: url(../i/sprite/nav/nav-lvl2-expandable-ico-tablet.png);
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-lvl2-elem.is-expandable .nav-lvl2-link {
    background-position: 223px 50%;
    background-image: url(../i/sprite/nav/nav-lvl2-expandable-ico-laptop.png);
  }
}
@media only screen and (min-width: 1400px) {
  .nav-lvl2-elem.is-expandable .nav-lvl2-link {
    background-position: 223px 50%;
    background-image: url(../i/sprite/nav/nav-lvl2-expandable-ico.png);
  }
}

/* current or active lvl2 */
.nav-lvl2-elem.is-current .nav-lvl2-link,
.nav-lvl2-elem.is-active .nav-lvl2-link,
.nav-lvl2-elem:hover .nav-lvl2-link {
  background-color: #fff;
  color: #191919;
  border-right: 1px solid #ebebeb;
}

/* active expandable or hover-expandable lvl2 */
.nav-lvl2-elem.is-expandable.is-active .nav-lvl2-link,
.nav-lvl2-elem.is-expandable:hover .nav-lvl2-link {
  color: #191919;
  border-right: 1px solid #ebebeb;
}
@media only screen and (max-width: 767px) {
  .nav-lvl2-elem.is-expandable.is-active .nav-lvl2-link,
  .nav-lvl2-elem.is-expandable:hover .nav-lvl2-link {
    background: url(../i/sprite/nav/nav-lvl2-expandable-active-ico-cellphone.png) 138px 54% no-repeat #fff;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav-lvl2-elem.is-expandable.is-active .nav-lvl2-link,
  .nav-lvl2-elem.is-expandable:hover .nav-lvl2-link {
    background: url(../i/sprite/nav/nav-lvl2-expanded-ico-tablet.png) 123px 50% no-repeat #fff;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-lvl2-elem.is-expandable.is-active .nav-lvl2-link,
  .nav-lvl2-elem.is-expandable:hover .nav-lvl2-link {
    background: url(../i/sprite/nav/nav-lvl2-expanded-ico-laptop.png) 163.26786px 50% no-repeat #fff;
  }
}
@media only screen and (min-width: 1400px) {
  .nav-lvl2-elem.is-expandable.is-active .nav-lvl2-link,
  .nav-lvl2-elem.is-expandable:hover .nav-lvl2-link {
    background: url(../i/sprite/nav/nav-lvl2-expanded-ico.png) 223px 50% no-repeat #fff;
  }
}

/* current expandable or expanded lvl2 */
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav-lvl2-elem.is-expandable.is-current .nav-lvl2-link {
    border-top: 0 none;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-lvl2-elem.is-expandable.is-current .nav-lvl2-link {
    border-top: 0 none;
  }
}
@media only screen and (min-width: 1400px) {
  .nav-lvl2-elem.is-expandable.is-current .nav-lvl2-link {
    border-top: 0 none;
  }
}

.nav-lvl2-elem.is-expandable.is-current .nav-lvl2-link {
  color: #191919;
  border-right: 1px solid #ebebeb;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav-lvl2-elem.is-expandable.is-current .nav-lvl2-link {
    background: url(../i/sprite/nav/nav-lvl2-expanded-ico-tablet.png) 123px 50% no-repeat #fff;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-lvl2-elem.is-expandable.is-current .nav-lvl2-link {
    background: url(../i/sprite/nav/nav-lvl2-expanded-ico-laptop.png) 163.26786px 50% no-repeat #fff;
  }
}
@media only screen and (min-width: 1400px) {
  .nav-lvl2-elem.is-expandable.is-current .nav-lvl2-link {
    background: url(../i/sprite/nav/nav-lvl2-expanded-ico.png) 223px 50% no-repeat #fff;
  }
}

.nav-lvl2-elem.is-expanded .nav-lvl2-link,
.nav-lvl2-elem.is-expanded:hover .nav-lvl2-link,
.nav-lvl2-elem.is-expanded.is-active .nav-lvl2-link {
  color: #191919;
  border-right: 1px solid #ebebeb;
}
@media only screen and (max-width: 767px) {
  .nav-lvl2-elem.is-expanded .nav-lvl2-link,
  .nav-lvl2-elem.is-expanded:hover .nav-lvl2-link,
  .nav-lvl2-elem.is-expanded.is-active .nav-lvl2-link {
    background: url(../i/sprite/nav/nav-lvl2-expanded-ico-cellphone.png) 134px 58% no-repeat #fff;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav-lvl2-elem.is-expanded .nav-lvl2-link,
  .nav-lvl2-elem.is-expanded:hover .nav-lvl2-link,
  .nav-lvl2-elem.is-expanded.is-active .nav-lvl2-link {
    background: url(../i/sprite/nav/nav-lvl2-expanded-ico-tablet.png) 123px 50% no-repeat #fff;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-lvl2-elem.is-expanded .nav-lvl2-link,
  .nav-lvl2-elem.is-expanded:hover .nav-lvl2-link,
  .nav-lvl2-elem.is-expanded.is-active .nav-lvl2-link {
    background: url(../i/sprite/nav/nav-lvl2-expanded-ico-laptop.png) 163.26786px 50% no-repeat #fff;
  }
}
@media only screen and (min-width: 1400px) {
  .nav-lvl2-elem.is-expanded .nav-lvl2-link,
  .nav-lvl2-elem.is-expanded:hover .nav-lvl2-link,
  .nav-lvl2-elem.is-expanded.is-active .nav-lvl2-link {
    background: url(../i/sprite/nav/nav-lvl2-expanded-ico.png) 223px 50% no-repeat #fff;
  }
}

.nav-lvl3 {
  position: absolute;
  top: 0;
  background-color: #fff;
  z-index: 270;
  display: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .nav-lvl3 {
    position: static;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav-lvl3 {
    left: 141px;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-lvl3 {
    left: 182.30357px;
  }
}
@media only screen and (min-width: 1400px) {
  .nav-lvl3 {
    left: 249px;
  }
}
.nav-lvl3:after {
  content: "";
  display: table;
  clear: both;
}

/* show lvl3 when lvl2-elem has "is-expanded" class */
.nav-lvl2-elem.is-expanded .nav-lvl3 {
  display: block;
}

.nav-lvl3-elem {
  float: left;
}
@media only screen and (max-width: 767px) {
  .nav-lvl3-elem {
    float: none;
  }
}

.nav-lvl3-link {
  display: block;
  border-style: solid;
  border-width: 0 1px 1px 0;
  border-color: #ebebeb;
  text-align: left;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .nav-lvl3-link {
    position: relative;
    min-height: 46px;
    background: none;
    border-color: #d9d9d9;
    border-width: 0 1px 1px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav-lvl3-link {
    width: 209px;
    height: 142px;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-lvl3-link {
    width: 210.125px;
    height: 142.76786px;
  }
}
@media only screen and (min-width: 1400px) {
  .nav-lvl3-link {
    width: 287px;
    /* (1400 - $nav-lvl2-width-wide - (border width)*cols - 1)/ cols */
    height: 195px;
    /* lvl2 menu height / rows - border */
  }
}
.nav-lvl3-link:after {
  content: "";
  display: table;
  clear: both;
}

.nav-lvl3-img {
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .nav-lvl3-img {
    display: none;
  }
}

.nav .plus-ico:before {
  font-size: inherit;
}
@media only screen and (max-width: 767px) {
  .nav .plus-ico:before {
    bottom: 5px;
    right: 5px;
    font-size: 1.3em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav .plus-ico:before {
    bottom: 17px;
    right: 19px;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav .plus-ico:before {
    bottom: 22px;
    right: 26px;
  }
}
@media only screen and (min-width: 1400px) {
  .nav .plus-ico:before {
    bottom: 22px;
    right: 26px;
    font-size: 1.3em;
  }
}

/* n = 4 (4 kolumny)
	1, n, n+1 */
@media only screen and (max-width: 767px) {
  .nav-lvl3-elem {
    background: #e2e2e2;
  }
}

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav-lvl3-elem:nth-child(3n) .nav-lvl3-link {
    border-right: 0 none;
  }
}

@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-lvl3-elem:nth-child(4n) .nav-lvl3-link {
    border-right: 0 none;
  }
}
@media only screen and (min-width: 1400px) {
  .nav-lvl3-elem:nth-child(4n) .nav-lvl3-link {
    border-right: 0 none;
  }
}

.nav-lvl3-elem.is-current,
.nav-lvl3-elem.is-active,
.nav-lvl3-elem:hover {
  /* gradient: #c51c4b to #191919, angle -102*, opacity 5% */
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5MTkxOSIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzUxYzRiIiBzdG9wLW9wYWNpdHk9IjAuMDUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 100%, 100% 0%, color-stop(0%, rgba(25, 25, 25, 0.05)), color-stop(100%, rgba(197, 28, 75, 0.05)));
  background-image: -moz-linear-gradient(left bottom, rgba(25, 25, 25, 0.05) 0%, rgba(197, 28, 75, 0.05) 100%);
  background-image: -webkit-linear-gradient(left bottom, rgba(25, 25, 25, 0.05) 0%, rgba(197, 28, 75, 0.05) 100%);
  background-image: linear-gradient(to right top, rgba(25, 25, 25, 0.05) 0%, rgba(197, 28, 75, 0.05) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d191919', endColorstr='#0dc51c4b',GradientType=1 );
  /* IE6-8 fallback on horizontal gradient */
}
@media only screen and (max-width: 767px) {
  .nav-lvl3-elem.is-current,
  .nav-lvl3-elem.is-active,
  .nav-lvl3-elem:hover {
    background: #fae5eb;
  }
}

.nav-lvl3-elem.is-current strong,
.nav-lvl3-elem.is-active strong,
.nav-lvl3-elem:hover strong {
  color: #b70036;
}
@media only screen and (max-width: 767px) {
  .nav-lvl3-elem.is-current strong,
  .nav-lvl3-elem.is-active strong,
  .nav-lvl3-elem:hover strong {
    color: #c03;
  }
}

.nav-lvl3-text {
  position: absolute;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .nav-lvl3-text {
    position: static;
    width: 110px;
    padding: 5px 15px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav-lvl3-text {
    top: 40px;
    left: 87px;
    width: 110px;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-lvl3-text {
    top: 40.26786px;
    left: 82.73214px;
    width: 109.82143px;
  }
}
@media only screen and (min-width: 1400px) {
  .nav-lvl3-text {
    top: 55px;
    left: 113px;
    width: 150px;
  }
}

.nav-lvl3-text strong {
  font-weight: bold;
  text-transform: uppercase;
  color: #323232;
  display: block;
}
.nav-lvl3-text strong small {
  font-size: inherit;
  text-transform: lowercase;
}
@media only screen and (max-width: 767px) {
  .nav-lvl3-text strong {
    font-size: 1.6em;
    line-height: 1.15;
    font-family: "ClanNarrow-News";
    font-weight: normal;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav-lvl3-text strong {
    font-size: 1.4em;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-lvl3-text strong {
    font-size: 1.46429em;
    line-height: 1.1;
  }
}
@media only screen and (min-width: 1400px) {
  .nav-lvl3-text strong {
    font-size: 2.0em;
    line-height: 1.1;
  }
}

.nav-lvl3-text em {
  color: #191919;
  font-style: normal;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .nav-lvl3-text em {
    font-size: 1.3em;
    line-height: 1.65;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav-lvl3-text em {
    font-size: 1.3em;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-lvl3-text em {
    font-size: 1.17143em;
  }
}
@media only screen and (min-width: 1400px) {
  .nav-lvl3-text em {
    font-size: 1.6em;
  }
}

.ie8 .header-inner {
  background: url(../i/bg/bg_white_opacity_07.png) repeat scroll 0 0 !important;
}
.ie8 .is-menu-visible .header-inner {
  background: #fff !important;
}

.ie8 .nav-glass {
  background: url(../i/bg/bg_black_opacity_07.png) repeat scroll 0 0 !important;
  display: none;
}

.header-inner {
  background: rgba(255, 255, 255, 0.75);
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 300;
  -moz-transition: background 0.2s ease-out 0.2s;
  -o-transition: background 0.2s ease-out 0.2s;
  -webkit-transition: background 0.2s ease-out;
  -webkit-transition-delay: 0.2s;
  transition: background 0.2s ease-out 0.2s;
}

.menu-event-catcher {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  cursor: default;
}
.device-show-hamburger .menu-event-catcher:before {
  left: 6%;
  top: 25px;
  right: auto;
  bottom: auto;
  display: block;
  content: "";
  position: absolute;
}
.menu-event-catcher .menuIco {
  background-image: url(../i/sprite/sprite.png);
  background-position: -66px -488px;
  width: 22px;
  height: 21px;
  left: 4%;
  top: 50%;
  margin-top: -11px;
  right: auto;
  bottom: auto;
  display: block;
  content: "";
  position: absolute;
}

.menuTrigger {
  background: transparent url("../i/sprite/menu-trigger.png") left top no-repeat;
  width: 26px;
  height: 15px;
  position: absolute;
  left: 50%;
  bottom: -13px;
  margin-left: -13px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity 0.2s ease-out 0.2s;
  -o-transition: opacity 0.2s ease-out 0.2s;
  -webkit-transition: opacity 0.2s ease-out;
  -webkit-transition-delay: 0.2s;
  transition: opacity 0.2s ease-out 0.2s;
}
@media only screen and (max-width: 767px) {
  .menuTrigger {
    left: 63%;
    bottom: 17px;
  }
}

.js-buttons-fixed .menuTrigger {
  background-position: right top;
}

.is-menu-visible .menuTrigger {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.is-menu-visible .header-inner {
  background: white;
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .is-menu-presented .menuTrigger {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
  }
  .is-menu-presented .header-inner {
    background: white;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
  }
}
@media only screen and (min-width: 1000px) {
  .is-menu-presented .menuTrigger {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
  }
  .is-menu-presented .header-inner {
    background: white;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .is-menu-presented header .header-inner {
    background: #fff;
  }
  .is-menu-presented header .nav {
    margin-top: 0;
  }
  .is-menu-presented header .header-inner .menuTrigger {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

.submenu6options {
  width: 943px;
  left: 245px;
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .submenu6options {
    left: 27px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .submenu6options {
    width: 717px;
    left: 24px;
  }
}
.submenu6options .nav-lvl2-elem:nth-child(3n+1) .nav-lvl2-tab {
  /* border-left: 0 none; */
}
.submenu6options .nav-lvl2-tab {
  padding: 0;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  width: 33.33%;
}
@media only screen and (max-width: 767px) {
  .submenu6options .nav-lvl2-tab {
    border: 0 none;
  }
}
.submenu6options .nav-lvl2-tab:first-child {
  margin: 0;
}
.submenu6options .nav-lvl2-title {
  height: 50px;
  line-height: 50px;
  text-transform: none;
}
@media only screen and (max-width: 767px) {
  .submenu6options .nav-lvl2-title {
    line-height: 1.5;
  }
}

/*  =TOP MAIN VISUAL
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.hideMenu {
  overflow: hidden;
}

.brandsArea {
  width: 100%;
  /*height: 176px;  RESPONSIVE */
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  -moz-box-shadow: #000 0 -20px 50px -25px;
  -webkit-box-shadow: #000 0 -20px 50px -25px;
  box-shadow: #000 0 -20px 50px -25px;
  z-index: 11;
}
.brandsArea .productCarousel {
  width: 100%;
  overflow: hidden;
  -moz-transition: height 0.5s;
  -o-transition: height 0.5s;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}
.brandsArea .productCarousel.hidden {
  height: 0 !important;
}
.brandsArea .productItems-wrap {
  width: 100%;
}
.brandsArea .productItem {
  float: left;
  position: relative;
  width: 12.5%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.brandsArea .productItem:hover {
  background: #fcf3f6;
}
.brandsArea .productItem > a {
  width: 100%;
  display: table;
}
.brandsArea h3 {
  display: table-cell;
  vertical-align: middle;
  width: 60%;
  padding: 0 5% 0 1%;
}
.brandsArea h3 span {
  font-size: 0.8em;
  color: #8e8e8e;
  font-weight: bold;
  display: block;
}
.brandsArea h3 small {
  font-size: inherit;
}
.brandsArea figure {
  width: 40%;
  display: table-cell;
}
.brandsArea img {
  width: 100%;
}
.brandsArea .plus {
  position: absolute;
  bottom: 3%;
  right: 4%;
  font-size: 1.4em;
}
.brandsArea .seeAllProducts {
  display: block;
  width: 84px;
  height: 80px;
  font-size: 1.3em;
  color: #fff;
  background: url("../i/sprite/arrows_up_down_white.png") no-repeat scroll center -15px #000;
  position: absolute;
  left: 0;
  top: -80px;
  text-align: center;
}
.brandsArea .seeAllProducts span {
  padding-top: 28px;
  display: block;
}
.brandsArea .seeAllProducts.close {
  height: 30px;
  top: -30px;
  background-position: center 10px;
}
.brandsArea .seeAllProducts.close span {
  display: none;
}

/*  =BRAND MENU
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.brandsListWrap {
  margin-top: 50px;
}

.negativeBlock {
  display: table;
  margin: 0 auto;
  border: 1px solid #f5f5f5;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}
.negativeBlock ul.brandsList .last a {
  border: 0;
}

ul.brandsList {
  display: table-cell;
}
ul.brandsList:hover a {
  min-height: 169px;
}
ul.brandsList:hover a img {
  display: block;
}
ul.brandsList:hover a h3 {
  margin-top: -30px;
  padding: 0;
}
ul.brandsList:hover a h3.fixMargin {
  margin-top: -43px;
}
ul.brandsList li {
  float: left;
  text-align: center;
  width: 150.6px;
  overflow: hidden;
}
ul.brandsList img {
  display: none;
}
ul.brandsList a {
  text-transform: uppercase;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #f5f5f5;
  display: block;
  position: relative;
  z-index: 1;
  min-height: 40px;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
ul.brandsList a:hover, ul.brandsList a.active {
  background: #fcf3f6;
}
ul.brandsList h3 {
  z-index: 2;
  position: absolute;
  bottom: 10px;
  font-size: 1.4em;
  padding-top: 10px;
  width: 100%;
  text-align: center;
}
ul.brandsList h3.fixMargin {
  padding-top: 6px;
  line-height: 15px;
}

.brandsList.visible a {
  min-height: 169px;
}
.brandsList.visible a img {
  display: block;
}
.brandsList.visible a h3 {
  margin-top: -30px;
  padding: 0;
}
.brandsList.visible a h3.fixMargin {
  margin-top: -43px;
}

/* =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;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: 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;
}

.mfp-content {
  height: inherit;
}

.popup {
  background: #000;
  z-index: 9001;
  color: #fff;
  position: fixed;
  display: none;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}
.popup hgroup {
  margin: 2% 0 3%;
}
.popup .mfp-close {
  position: absolute;
  top: 12px;
  right: 12px;
  color: #fff !important;
  font-size: 2.2em;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.popup .multimedia-wrapper {
  height: 600px;
  overflow: hidden;
  position: relative;
}
.popup .multimedia-wrapper iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.popup.popup--buyitnow {
  width: 1010px;
  margin-left: -505px;
  left: 50%;
  top: 5%;
  background: #fff;
}
.popup.popup--buyitnow .popup__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 38px;
  height: 38px;
  display: block;
  background: #000 url("../i/bin-close-popup.png") center center no-repeat;
}
.popup.popup--buyitnow hgroup {
  background: #be1439;
  padding: 50px 65px 40px 30px;
  margin: 0;
}
.popup.popup--buyitnow hgroup h1 {
  font-family: "ClanNarrow-Bold";
  font-size: 3.9em;
  line-height: 42px;
  text-transform: uppercase;
}
.popup.popup--buyitnow hgroup h2 {
  font-family: "ClanNarrow-Book";
  font-size: 2.3em;
  text-transform: uppercase;
}
.popup.popup--buyitnow p {
  color: #000;
}
.popup.popup--buyitnow .popup__container {
  padding: 20px;
}
.popup.popup--buyitnow .chooseProduct {
  width: 100%;
  display: inline-block;
}
.popup.popup--buyitnow .chooseProduct label {
  font-family: "ClanNarrow-Book";
  font-size: 2.2em;
  color: #000;
  line-height: 38px;
  float: left;
  margin-right: 10px;
}
.popup.popup--buyitnow .chooseProduct + p {
  font-size: 1.7em;
  margin-top: 25px;
}
.popup.popup--buyitnow .selectBox {
  float: left;
  font-size: 1.8em;
  width: 260px !important;
}
.popup.popup--buyitnow .dealers {
  height: 450px;
  overflow: auto;
  margin-top: 28px;
}
.popup.popup--buyitnow .dealers.dealers--loader {
  background: url("../i/loaders/trending-stories.gif") no-repeat center center;
}
.popup.popup--buyitnow .item {
  display: table;
  width: 100%;
  padding: 28px 0;
  border-bottom: 1px solid #ccc;
}
.popup.popup--buyitnow .item:first-child {
  padding-top: 0;
  border-top: 0;
}
.popup.popup--buyitnow .item > p {
  font-size: 1.7em;
}
.popup.popup--buyitnow .item > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.popup.popup--buyitnow .item .logo {
  width: 20%;
}
.popup.popup--buyitnow .item .price {
  width: 55%;
  line-height: 16px;
  font-size: 1.8em;
  font-family: "ClanNarrow-Book";
  text-transform: uppercase;
}
.popup.popup--buyitnow .item .link {
  width: 25%;
}
.popup.popup--buyitnow .item .link .button {
  font-weight: 700;
  font-size: 1.6em;
  padding: 0;
  width: 170px;
}
.popup.popup--buyitnow .popup__footer {
  text-align: right;
  margin: 20px 35px 0 0;
}
.popup.popup--buyitnow .popup__footer p {
  text-indent: -9999px;
  background: url("../i/poweredbyblack.png") no-repeat scroll transparent;
  width: 158px;
  height: 35px;
  display: inline-block;
}

.popup.js-popup-opened {
  display: block;
  visibility: visible;
  opacity: 1;
}

.popupContent img {
  max-height: 100%;
}

.changeYearNav li {
  position: absolute;
  top: 45%;
  z-index: 1;
}
.changeYearNav li a {
  width: 37px;
  height: 56px;
  background: url("../i/sprite/arrows_left_right_white.png") no-repeat scroll #191919;
  display: block;
}
.changeYearNav .prev {
  left: 0;
}
.changeYearNav .prev a {
  background-position: 10px 18px;
}
.changeYearNav .next {
  right: 0;
}
.changeYearNav .next a {
  background-position: -26px 18px;
}

.mfp-wrap {
  overflow-y: auto;
  overflow-x: hidden;
}

/*  =CARE COLLECTIONS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.united.centered {
  text-align: center;
  display: block;
}

.united li {
  float: left;
  text-align: center;
  /* width: 11.11111111111111%; */
}

.united.centered li {
  float: none;
  display: inline-block;
}

.united li > a {
  text-transform: uppercase;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  z-index: 1;
  /*min-height: 169px;
  border-right: 1px solid #f5f5f5;*/
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.united li > a:hover {
  background: #fcf3f6;
}

.recommendation .united li > a:hover {
  background: none;
}

.recommendation .united {
  display: table;
  margin: 0 auto;
}

.united h3 {
  z-index: 2;
  font-size: 1.5em;
  line-height: 20px;
  font-family: "ClanNarrow-Bold";
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  bottom: 0;
  position: absolute;
  padding: 0 10px 10px;
  text-align: center;
  width: 100%;
}

.discoverTitle {
  font-family: "ClanNarrow-Thin";
  font-size: 4.7em;
  margin-top: 50px;
}

/*  =careCollections   */
.careCollections {
  opacity: 1;
  transition: opacity 1s ease;
}
.careCollections li a {
  box-shadow: none;
  transition: all 3s ease;
}

.js-buttons-fixed .careCollections {
  padding-top: 48px;
}

.careCollections.highlight {
  opacity: 0.5;
  transition: none;
}

.careCollections.blondorNew.highlight li a {
  box-shadow: 0 0 5px #82beda;
  transition: none;
  border-color: #82beda;
}

.careCollections h3 {
  margin-top: -43px;
  font-size: 1.8em;
}

.careCollections li {
  min-width: 24.99226804123711%;
}

.careCollections li > a {
  min-height: 206px;
  border: 1px solid #ededf0;
  margin: 0 2px 2px 0;
}

.careCollections > h1 {
  font-size: 6.4em;
  line-height: 52px;
  margin-bottom: 50px;
  margin-top: 14px;
  font-family: "ClanNarrow-Thin";
}

.careDispatchPage .buttons {
  margin-bottom: 35px;
}

.careDispatchPage .panels {
  margin-top: 48px;
}

.careDispatchPage .panels > h2 {
  margin-bottom: 35px;
  margin-top: 0;
}

.popup.ready {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.25s;
}
.popup.discover {
  width: 70%;
  left: 50%;
  top: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: -35%;
  min-width: 510px;
  position: absolute;
}
.popup.discover h3 {
  font-family: "ClanNarrow-Thin";
  font-size: 3em;
  text-align: center;
  line-height: 1;
  padding: 0 35px;
}
.popup.discover .galleryPopInBottom {
  margin: 2% 0 3%;
  padding: 0 20px;
}
.popup.discover .galleryPopInBottom .buttons {
  padding: 20px 0;
}
.popup.discover figure {
  position: relative;
  text-align: center;
  width: 96%;
  margin-left: 2%;
}
.popup.discover p {
  text-align: center;
  color: #909090;
  font-size: 1.2em;
  padding: 15px 0 0;
}
.popup.discover p span {
  font-size: 0.83em;
  font-style: italic;
  display: block;
  margin-top: 10px;
}
.popup.discover .buttons {
  margin: 15px 0;
  position: initial;
}
.popup.discover .button {
  border: 1px solid #464646;
  font-size: 1.1em;
  line-height: 38px;
}
.popup.discover .socialBox {
  margin: 0 -20px;
}

/*  =TAB MENU
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.tabMenu:after {
  content: "";
  display: table;
  clear: both;
}

.tabMenu li {
  float: left;
  width: 134.8px;
  /*display: table;
  box-sizing: border-box; */
  /*width: 9.926362297496318%;  135.8px - 1px margin */
  border-left: 1px solid transparent;
  position: relative;
}

.tabMenu a {
  height: 62px;
  width: 134.8px;
  color: #fff;
  background: #cc1c6c;
  font-size: 1.2em;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.tabMenu a.active,
.tabMenu a:hover {
  background: #b61a60;
}

.tabMenu li:first-child {
  width: 135.8px;
  border-left: 0px;
}

.chooseLook h2 {
  margin: 40px 0 28px;
}

.lookVisuals > img {
  display: none;
  width: 100%;
}

.lookVisuals img:first-child {
  display: block;
}

/*  =FILTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.filterMenu {
  padding: 70px 0 50px;
  text-align: center;
  position: relative;
}
.filterMenu li {
  display: inline-block;
  font-size: 1.5em;
}
.filterMenu .filterText {
  line-height: 2.1;
}
.filterMenu .filterTextMob {
  display: none;
  font-size: 1.1em;
  line-height: 2.1;
}
.filterMenu .filterTextMob span {
  color: #c8003c;
}
.filterMenu .viewMoreBrands a {
  line-height: 2.1em;
  color: #c8003c;
  text-decoration: underline;
  display: block;
}
.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;
}
.filterMenu .dropdown.down {
  background-position: 0 -13px;
}

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

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

.filter {
  text-align: center;
  padding: 40px 0 25px 0;
}
.filter:after {
  content: "";
  display: table;
  clear: both;
}

.filter ul.filter-list {
  display: inline-block;
  /* fix na centrowanie */
}

.filter .filter-list li {
  font-size: 1.4em;
  line-height: 26px;
  font-weight: bold;
  float: left;
}

.filter .filter-list a {
  min-width: 150px;
  margin: 0 0 5px 10px;
  color: #7c7c7c;
  text-align: center;
  border: 1px solid #e3e3e3;
  border-radius: 5px 0 5px 0;
  float: left;
  -moz-transition: color 0.2s, background-color 0.2s;
  -o-transition: color 0.2s, background-color 0.2s;
  -webkit-transition: color 0.2s, background-color 0.2s;
  transition: color 0.2s, background-color 0.2s;
}

.filter .filter-list .title {
  float: left;
  padding-right: 10px;
}

.filter .filter-list li:first-child a {
  margin: 0 0 10px;
}

.filter .filter-list a:hover {
  border-color: #c51c4b;
}
.filter .filter-list .active a {
  background: #c51c4b;
  border-color: #c51c4b;
  color: #fff;
}

.filter .filter-list a span {
  padding-left: 5px;
}

.tablet-device .filter .filter-list a:hover {
  border-color: #e3e3e3;
}

/*  =BRAND HEADER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.brandHeader {
  height: 566px;
}

.brandHeader .brandInfo {
  width: 50%;
  float: left;
  color: #fff;
  text-align: center;
  height: inherit;
  background-color: #c11c3c;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIzOSUiIHN0b3AtY29sb3I9IiNjMTFjM2MiLz48c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iI2Q4NTM1NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(45deg, #c11c3c 39%, #d85356 69%);
  background-image: -webkit-linear-gradient(45deg, #c11c3c 39%, #d85356 69%);
  background-image: linear-gradient(45deg, #c11c3c 39%, #d85356 69%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c11c3c', endColorstr='#d85356',GradientType=1 );
}

.brandHeader .brandPackshot {
  width: 50%;
  float: right;
}
.brandHeader .brandPackshot img {
  width: 100%;
}

.brandHeader .brandInfo h1 {
  font-family: "ClanNarrow-Bold";
  text-transform: uppercase;
  line-height: 75px;
}

.brandHeader .brandInfo hgroup {
  padding: 30px 0 40px 0;
}

.brandHeader .brandInfo strong {
  font-family: "ClanNarrow-Bold";
  font-size: 2.2em;
  width: 580px;
  display: block;
  margin: 0 auto;
  line-height: 35px;
  font-weight: normal;
  margin-top: 20px;
}

.brandHeader .brandInfo .colInfo {
  padding: 60px 0 17px 0;
  display: block;
  font-size: 1.6em;
}

/*  =PRODUCT PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.product {
  margin-bottom: 100px;
}

.productSubMenu {
  width: 215px;
  float: left;
  display: table;
}
.productSubMenu li {
  background: #fafafa;
  border-bottom: 1px solid #fff;
}
.productSubMenu a {
  height: 50px;
  width: 180px;
  padding-left: 36px;
  display: table-cell;
  margin-bottom: 1px;
  position: relative;
  font-family: "ClanNarrow-News";
  font-size: 1.7em;
  line-height: 15px;
  vertical-align: middle;
  text-transform: uppercase;
}
.productSubMenu a.active, .productSubMenu a:hover {
  color: #fff;
  background: #be1439 url(../i/sprite/prod-menu-arrow.gif) no-repeat 0 center;
}

.productInformation > div {
  float: left;
}

.productInformation .packshot {
  width: 458px;
  text-align: center;
}

.productInformation .packshot img {
  height: inherit;
}

.productInformation .description {
  width: 685px;
  font-size: 1.6em;
  line-height: 25px;
  margin-top: 35px;
}
.productInformation .description h1 {
  font-size: 2.6em;
  line-height: 35px;
  margin-bottom: 4%;
}
.productInformation .description h3 {
  font-size: 1.7em;
}
.productInformation .description input + h3 {
  margin-top: 4.09367%;
}

.productInformation .description .extended {
  /*margin: 23px 0 30px 0;*/
  margin: 4.09367% 0 4.20913% 0;
}

.productInformation .description .info {
  margin-bottom: 20px;
}

.productInformation .description .info p {
  margin: 5px 0 15px 0;
}

.productInformation .description .info a {
  text-decoration: underline;
}
.productInformation .description .info a:hover {
  text-decoration: none;
}

.productInformation .description .contentList {
  margin-bottom: 20px;
}

.ratingSection {
  float: none;
  text-transform: uppercase;
  line-height: 46px;
  position: relative;
  border-bottom: 1px solid #ededed;
  border-top: 1px solid #ededed;
}

.ratingSection .wrap {
  margin: 9px 0;
  float: none;
  overflow: hidden;
}

.ratingSection .wrap > div {
  float: left;
}

.ratingSection a.more {
  padding-right: 10px;
}

.ratingSection a.more span {
  display: inline-block;
  padding: 0;
  float: right;
  margin-top: 12px;
  background-image: url(../i/sprite/sprite.png);
  background-position: -549px -300px;
  width: 15px;
  height: 15px;
}

.ratingSection .starRating {
  margin-top: 13px;
  margin-right: 15px;
}

.ratingSection .col-1 > * {
  float: left;
}

.ratingSection .col-2 {
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed;
  margin: 0 41px 0 31px;
  padding: 0 41px 0 37px;
}

.starRating a {
  display: block;
  background-image: url(../i/sprite/sprite.png);
  background-position: -549px -508px;
  width: 14px;
  height: 13px;
  text-indent: -9000em;
  outline: none;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

.starRating li {
  float: left;
  padding-right: 3px;
}

.starRating a.active,
.starRating a:hover {
  background-image: url(../i/sprite/sprite.png);
  background-position: -549px -521px;
  width: 14px;
  height: 13px;
}

.recommendation li {
  float: left;
  width: 338px;
  height: 411px;
  margin-right: 1px;
  text-align: center;
  background-color: #ece9e4;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VjZTllNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(45deg, #ffffff 0%, #ece9e4 100%);
  background-image: -webkit-linear-gradient(45deg, #ffffff 0%, #ece9e4 100%);
  background-image: linear-gradient(45deg, #ffffff 0%, #ece9e4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ece9e4',GradientType=1 );
}
.recommendation li:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1MWM0YiIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(197, 28, 75, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background-image: -moz-linear-gradient(rgba(197, 28, 75, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: -webkit-linear-gradient(rgba(197, 28, 75, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: linear-gradient(rgba(197, 28, 75, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ac51c4b', endColorstr='#1a000000',GradientType=0 );
  /* IE6-9 */
}

.recommendation h3 {
  text-transform: uppercase;
  font-size: 2.1em;
  font-family: "ClanNarrow-Bold";
  position: absolute;
  z-index: 1;
}

.recommendation img {
  position: relative;
  z-index: 1;
}

.productPackshot {
  padding: 70px 0;
}

.panels {
  opacity: 1;
  transition: opacity 1s ease;
}
.panels h2 {
  margin-top: 1em;
}

.panels.highlight {
  opacity: 0.5;
  transition: none;
}

.panels .block {
  width: 670px;
  height: 389px;
  position: relative;
  float: left;
  color: #fff;
  font-family: "ClanNarrow-Thin";
  font-size: 2.8em;
  overflow: hidden;
}

.panels .block-1 {
  margin-right: 18px;
}

.panels .block-1 .content {
  float: left;
  width: 252px;
  height: 100%;
  text-align: left;
  display: table;
  position: relative;
  z-index: 101;
}

.panels .block .content a {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
}

.panels .block .content span {
  padding: 0 20px;
  display: block;
}

.panels .block-1 .packshot {
  float: left;
  position: absolute;
  right: 0;
  top: 0;
}

.panels .nextBtn {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -28px;
}

.panels .block-2 .prevBtn {
  display: none;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -28px;
  z-index: 3;
}

.panels .block-2 .buttonRight {
  position: absolute;
  top: 50%;
  right: 252px;
  height: 56px;
  width: 38px;
  z-index: 3;
  margin-top: -28px;
  display: block;
  cursor: pointer;
  background-image: url(../i/sprite/sprite.png);
  background-position: -290px -158px;
  width: 38px;
  height: 56px;
}

.panels .block-2 .content {
  float: right;
  width: 252px;
  height: 100%;
  text-align: right;
  display: table;
  position: relative;
  z-index: 101;
}

.panels .block-2 .packshot {
  float: right;
  position: absolute;
  left: 0;
  top: 0;
}

.searchPane {
  position: absolute;
  top: 133.5px;
  left: 60px;
  width: 290px;
  box-shadow: 0 0 35px 5px rgba(0, 0, 0, 0.6);
  z-index: 100;
}
.searchPane .selectBox {
  margin-bottom: 10px;
}
.searchPane .selectBox .styled-select-wrapper {
  height: 56px;
  border: none;
}
.searchPane .selectBox .styled-select-text {
  font-family: Arial, sans-serif;
  font-size: 0.65em;
  padding: 0 47px 0 10px;
  letter-spacing: 0.5px;
}
.searchPane input[type='text'] {
  color: #191919;
  width: 232px;
  height: 56px;
  float: left;
  font-size: 0.65em;
  padding: 0 10px;
}
.searchPane input[type='submit'] {
  float: left;
  cursor: pointer;
  background-image: url(../i/sprite/sprite.png);
  background-position: -433px -112px;
  width: 28px;
  height: 41px;
}

.errorContent input[type='text'] {
  height: 54px;
}

hgroup.special {
  margin: 56px auto;
  display: table;
  text-align: center;
}

hgroup.special h1 {
  font-family: "ClanNarrow-Medium";
  font-size: 8.4em;
  line-height: 66px;
  position: relative;
  /*float: left; - wywala nagłówek pod IE na stronie "/en-EN/product/appliances/hairspa" */
  background: url(../i/headline-shadow-left.png) no-repeat 0 100%;
  padding-left: 185px;
  display: inline-block;
}

hgroup.special h1 span {
  background: url(../i/headline-shadow-right.png) no-repeat 100% 100%;
  padding-right: 185px;
  display: inline-block;
}

hgroup.special h2 {
  font-size: 4.2em;
  font-family: "ClanNarrow-Thin";
}

.reviews {
  margin-top: 84px;
}
.reviews h2 {
  text-transform: uppercase;
}

.BVRRRootElement .BVRRRatingSummaryLinkRead a,
.BVRRRootElement .BVRRRatingSummaryLinkWrite a,
.BVRRRootElement .BVRRRatingSummaryLinkWriteFirst a {
  color: #fff;
  padding: 0 15px;
  font-family: "ClanNarrow-News";
  font-size: 0.7em;
  border-radius: 8px 0;
  display: inline-block;
  height: 30px;
  line-height: 30px;
}
.BVRRRootElement .BVRRRatingSummaryLinkRead a:hover, .BVRRRootElement .BVRRRatingSummaryLinkRead a:visited, .BVRRRootElement .BVRRRatingSummaryLinkRead a:active,
.BVRRRootElement .BVRRRatingSummaryLinkWrite a:hover,
.BVRRRootElement .BVRRRatingSummaryLinkWrite a:visited,
.BVRRRootElement .BVRRRatingSummaryLinkWrite a:active,
.BVRRRootElement .BVRRRatingSummaryLinkWriteFirst a:hover,
.BVRRRootElement .BVRRRatingSummaryLinkWriteFirst a:visited,
.BVRRRootElement .BVRRRatingSummaryLinkWriteFirst a:active {
  color: #fff;
  text-decoration: none;
}
.BVRRRootElement .BVRRRatingSummaryNoReviewsWriteImageLink img {
  position: relative;
  top: 5px;
}

.BVRROverallRatingContainer .BVRRRatingContainerStar {
  margin-top: 5px;
}

.BVRRRatingsHistogramButton {
  padding-top: 14px !important;
}

/*  =FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
footer {
  margin-top: 60px;
  margin-bottom: 25px;
}
footer:after {
  content: "";
  display: table;
  clear: both;
}

footer .col {
  float: left;
}

footer .col h3 {
  font-size: 2.0em;
  text-align: center;
  margin-bottom: 30px;
  font-family: "ClanNarrow-Thin";
}

footer ul {
  text-align: center;
}

footer ul li {
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  font-size: 1.5em;
  padding-right: 2.357142857142857%;
  /* 33 */
}

footer .col-1 {
  width: 431px;
  /* 30.99971428571429% */
}

footer .col-2 {
  width: 555px;
  /* 40.89571428571429% + 2border */
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

footer .col-3 {
  width: 370px;
  /* 27.92857142857143% */
}

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

footer .col-2 h3 {
  margin-bottom: 18px;
}

footer .col-3 h3 {
  margin-bottom: 25px;
}

footer, footer a, .footerRow a {
  color: #757575;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

footer a:hover {
  color: #aeaeae;
}

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

.footerRowWrap {
  width: 100%;
  height: 36px;
  background: #000;
}

.footerRow {
  margin: 0 auto;
  line-height: 36px;
  color: #757575;
  font-size: 1.2em;
  font-weight: bold;
}

.footerRow .left {
  float: left;
}

.footerRow .center {
  float: left;
  margin-left: 213px;
}

.footerRow .center li {
  float: left;
}

.footerRow .center a {
  position: relative;
  padding: 0 20px 0 0;
  margin-left: 20px;
}

.footerRow .center li a:before {
  content: "";
  border-top: 1px solid #757575;
  width: 4px;
  height: 1px;
  display: block;
  position: absolute;
  left: -20px;
  top: 50%;
}

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

.footerRow .right {
  float: right;
}

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

.ie8 .countryMenu {
  background: url(../i/bg/bg_white_opacity_035.png) 0 0 repeat;
}

.countryMenu {
  background: rgba(255, 255, 255, 0.35);
  width: 100%;
}

.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.png) no-repeat 0 center;
}

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

.followUs a, .otherBrands a {
  display: block;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.followUs a:hover, .otherBrands a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

/*  =DETAILS LIST
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.detailsList {
  margin-bottom: 60px;
}
.detailsList:after {
  content: "";
  display: table;
  clear: both;
}
.detailsList hr {
  border: 0 !important;
}

.detailsList hr,
.detailsList .line {
  width: 168px;
  height: 2px;
  background: #c6c6c6;
  display: block;
  margin: 20px 0;
  float: right;
}

.detailsList h3, .detailsList p {
  clear: both;
}

.detailsList h3 {
  font-size: 2em;
  margin-bottom: 10px;
}

.detailsList h2 {
  color: #9d9cb8;
  font-size: 5.8em;
  font-family: "ClanNarrow-Medium";
}

.detailsList h2 span {
  font-size: 0.333em;
  color: #000;
  text-transform: none;
  display: block;
}

.detailsList .row:after {
  content: "";
  display: table;
  clear: both;
}

.detailsList .row img {
  width: 100%;
  display: block;
}

.detailsList .row .packshot {
  float: right;
  width: 50%;
}

.detailsList .row .description {
  float: right;
  width: 50%;
  text-align: right;
}
.detailsList .row .description ul {
  font-size: 1.6em;
  padding-left: 20px;
  list-style: disc;
}
.detailsList .row .description p {
  font-size: 1.6em;
}
.detailsList .row .description p span {
  font-size: 0.75em;
  font-style: italic;
  display: block;
  margin-top: 20px;
}
.detailsList .row .description p a {
  text-decoration: underline;
}
.detailsList .row .description p a:hover {
  text-decoration: none;
}
.detailsList .row .description .inner {
  padding: 42px 54px 54px 70px;
}

.detailsList .rowLeft .packshot {
  float: left;
}

.detailsList .rowLeft .description {
  text-align: left;
}

.detailsList .rowLeft hr,
.detailsList .rowLeft .line {
  float: left;
}

/* jScrollPane */
.scrollPane {
  width: 100%;
  overflow: auto;
}

.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 8px;
}

.jspTrack {
  background: #d5d5d5;
  position: relative;
}

.jspDrag {
  background: #191919;
  cursor: pointer;
  left: 0;
  position: relative;
  top: 0;
}

.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0;
}

.jspCap {
  display: none;
}

/*  =ERROR 404 PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.centerTitle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-family: "ClanNarrow-Bold";
  z-index: 2;
  opacity: 0.8;
  filter: alpha(opacity=80);
  padding-top: 16%;
}

.errorContent {
  text-align: center;
  font-size: 2.2em;
  margin: 30px 30px 0;
}
.errorContent p {
  font-family: "ClanNarrow-News";
}
.errorContent .searchPane {
  position: relative;
  box-shadow: none;
  left: auto;
  top: auto;
  margin: 20px auto 0;
}
.errorContent .searchPane .inputTextWrapper {
  border: 1px solid #ebeaea;
  background: #fefcfc;
  float: left;
  height: 54px;
}
.errorContent .searchPane .searchAction {
  font-family: "ClanNarrow-Thin";
  color: #191919;
  font-size: 0.8em;
  background: none;
  float: none;
  height: auto;
  margin-top: 5%;
}

/*  =PRODUCT FRAME
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.productFrame {
  text-align: center;
}

.productFrame .packshot {
  display: inline-block;
}

.productFrame .description {
  display: inline-block;
  width: 635px;
  vertical-align: top;
  text-align: left;
  padding: 56px 0 0 68px;
}

.productFrame .text {
  text-transform: uppercase;
  font-size: 2.2em;
  line-height: 40px;
  text-align: left;
  font-family: "ClanNarrow-Book";
}

.productFrame .small {
  color: #919191;
  font-size: 1.4em;
  margin: 30px 0;
  display: block;
}

.productFrame .ratingSection {
  font-size: 1.6em;
}

.productFrame .ratingSection .col-2 {
  margin: 0 27px 0 16px;
  padding: 0 27px 0 26px;
}

/*  =SHADE FRAME
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.shadeFrame {
  margin-bottom: 30px;
  position: relative;
}

.shadeContent {
  position: relative;
}

.shadeBg {
  margin: 0 auto;
  position: relative;
  display: table;
}
.shadeBg .shadeScale {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.shadeBg .shadeMaskLeft, .shadeBg .shadeMaskRight {
  position: absolute;
  top: 0;
  height: 103%;
}
.shadeBg .shadeMaskLeft {
  left: 0;
}
.shadeBg .shadeMaskRight {
  right: 0;
}
.shadeBg .shadePinsWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.shadeBg .shadePins {
  position: relative;
  margin: 0 auto;
  z-index: 1;
  display: block;
  height: inherit;
  max-height: 108px;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .shadeBg {
    left: 0 !important;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .shadeBg {
    left: 0 !important;
  }
}
@media only screen and (min-width: 1400px) {
  .shadeBg {
    left: 0 !important;
  }
}

.pinItem {
  position: absolute;
  width: 0;
  height: 100%;
}
.pinItem .pin {
  background: url("../i/sprite/shade_pin.png") no-repeat scroll 0 0;
  background-size: 100%;
  position: relative;
  display: block;
}
.pinItem .hover {
  display: none;
  position: absolute;
  background: white;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.pinItem.active .hover {
  display: block;
}
.pinItem.active .shadePrompt {
  display: block;
}

.shadePrompt {
  width: 252px;
  height: 108px;
  position: absolute;
  bottom: 180%;
  left: -160px;
  background: white;
  border-radius: 22%/45%  0 0 50%;
  z-index: 1;
  display: none;
}
.shadePrompt:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 75%;
  height: 100%;
  box-shadow: 8px 14px 18px rgba(0, 0, 0, 0.3);
}
.shadePrompt .visualHair {
  width: 39%;
  margin: 2%;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.shadePrompt .triangle {
  display: block;
  width: 18px;
  height: 8px;
  position: absolute;
  background-image: url(../i/sprite/sprite.png);
  background-position: -192px -197px;
  width: 18px;
  height: 8px;
  left: 63%;
  bottom: -7%;
}
.shadePrompt article {
  position: relative;
  width: 55%;
  margin: 2% 0;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
}
.shadePrompt h5 {
  font-family: "ClanNarrow-Medium";
  font-size: 1.3em;
}
.shadePrompt p {
  font-family: "ClanNarrow-News";
  font-size: 1.5em;
}

.shadeFrameColorSunset .shadePrompt p {
  font-size: 1.3em;
}

.shadeSliderWrapper {
  display: none;
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  height: 22px;
}
.shadeSliderWrapper .shadeStrip {
  width: 275px;
  height: 7px;
  margin: 6px auto 0;
  border: 1px solid #cdcdcd;
  background: #f8f8f8;
  box-shadow: inset 0 11px 3px -9px #c4c4c4;
  border-radius: 3px;
}
.shadeSliderWrapper .shadeStripDone {
  height: 100%;
  background: #da97bf;
  box-shadow: inset 0 11px 3px -9px #a55484;
  border-radius: 3px 0 0 3px;
}
.shadeSliderWrapper .shadeButton {
  width: 22px;
  height: 22px;
  background: url("../i/sprite/drag_button.png") no-repeat scroll 0 0;
  position: absolute;
  top: 0;
  margin-left: -11px;
}

.shadeRollover {
  display: none;
  top: 0;
  left: 0;
  height: 77px;
  width: 930px;
}
.shadeRollover .active.shadePrompt {
  display: block;
}
.shadeRollover.mobile {
  display: block;
}

/*  =CREATIVE PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.creative {
  padding-top: 70px;
}
.creative:after {
  content: "";
  display: table;
  clear: both;
}
.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;
}

.maskLink {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  z-index: 10;
  color: #fff;
  font-size: 1.2em;
}

.creative .tile .mask-content {
  padding: 0;
}

.downloadPdf {
  margin: 15px 0;
  display: block;
  text-align: right;
}

.downloadPdf img {
  display: inline !important;
  width: 50% !important;
}

.collectionDivision {
  text-align: center;
}

.collectionDivision h1 {
  font-size: 6.8em;
  line-height: 60px;
  color: #3c456d;
  font-family: "ClanNarrow-Thin";
  text-transform: uppercase;
  margin: 115px 0 40px 0;
}

.collectionDivision p {
  font-size: 2em;
  color: #4c4a5d;
}

/*  =TRENDING STORIES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.tilesTrendings {
  position: relative;
  padding-bottom: 31px;
}
.tilesTrendings .description span:hover {
  text-decoration: underline;
}
.tilesTrendings .movieDescription {
  position: absolute;
  bottom: 4%;
  left: 0;
  text-align: center;
  width: 100%;
}
.tilesTrendings .movieDescription h3 {
  font-size: 2.2em;
  font-family: "ClanNarrow-Medium";
}
.tilesTrendings .movieDescription p {
  font-size: 1.6em;
  font-family: "ClanNarrow-Thin";
}
.tilesTrendings .twitHeader {
  font-family: "ClanNarrow-Thin";
  font-size: 2.2em;
  line-height: 1.2em;
  text-transform: uppercase;
  color: #191919;
  margin: 70px 5% 5%;
  max-height: 59%;
  overflow: hidden;
}
.tilesTrendings .twitTitle {
  font-size: 1.6em;
  display: block;
  color: #cc0033;
  text-transform: uppercase;
  font-family: "ClanNarrow-Medium";
  padding-top: 3%;
}
.tilesTrendings .twitNick {
  font-size: 1.6em;
  display: block;
  color: #191919;
  text-transform: lowercase;
  font-family: "ClanNarrow-Thin";
  padding-bottom: 3%;
}
.tilesTrendings .line {
  width: 30%;
  margin: 0 auto;
  border-top: 1px solid #d0d0d0;
}
.tilesTrendings .tile:before {
  border: 0 none;
  width: 18px;
  height: 18px;
  content: '';
  top: 2%;
  right: 2%;
}
.tilesTrendings .tile-video:before {
  background-image: url(../i/sprite/sprite.png);
  background-position: -126px -525px;
  width: 18px;
  height: 18px;
}

.tileFacebook:before {
  background-image: url(../i/sprite/sprite.png);
  background-position: -144px -525px;
  width: 18px;
  height: 18px;
}

.tileInstagram:before {
  background-image: url(../i/sprite/sprite.png);
  background-position: -180px -525px;
  width: 18px;
  height: 18px;
}

.tileTwitter:before {
  background-image: url(../i/sprite/sprite.png);
  background-position: -110px -488px;
  width: 22px;
  height: 21px;
}

.tileYouTube:before {
  background-image: url(../i/sprite/sprite.png);
  background-position: -126px -525px;
  width: 18px;
  height: 18px;
}

.tileTwitter {
  color: #000;
  border: 1px solid #f1f1f1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fdfdfd;
}
.tileTwitter a {
  display: block;
  height: 100%;
}
.tileTwitter .logoBig {
  visibility: hidden;
}
.tileTwitter:hover .logoBig {
  visibility: visible;
}

/*  =SITEMAP
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.sitemap {
  text-transform: uppercase;
}
.sitemap .colLeft {
  width: 45.9%;
  float: left;
  border-right: 1px solid #e5e5e5;
  padding: 0 2%;
}
.sitemap .colRight {
  width: 45.9%;
  float: right;
  padding: 0 2%;
}

.mapNesting1 > li {
  font-family: "ClanNarrow-Thin";
  padding: 4% 0;
  border-top: 1px solid #e5e5e5;
}
.mapNesting1 > li:first-child {
  border: 0 none;
}
.mapNesting1 > li h4 {
  text-transform: uppercase;
}
.mapNesting1 > li .boldFix a {
  font-family: "ClanNarrow-Thin";
}

.mapNesting2 > li {
  font-size: 0.45em;
  font-family: "ClanNarrow-Medium";
  line-height: 1.6;
}

.mapNesting2.column2rows > li {
  float: left;
  width: 50%;
}
.mapNesting2.column2rows > li.space {
  margin-bottom: 30px;
}

.mapNesting3 > li {
  font-size: 1em;
  font-family: "ClanNarrow-Thin";
}

/* =INSPIRATION PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.centerText h1 {
  font-family: "ClanNarrow-Medium";
  font-size: 13.3em;
  color: #c51c4b;
  line-height: 0.7;
}
.centerText .line {
  width: 50%;
  background: none;
  border-top: 1px solid #e9e7e5;
  display: inline-block;
}

.cosmeticAuthor {
  background-color: #892C53;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5MmM1MyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjYzI0NDc4Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjODkyYzUzIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -moz-linear-gradient(45deg, #892c53 0%, #c24478 50%, #892c53 100%);
  background-image: -webkit-linear-gradient(45deg, #892c53 0%, #c24478 50%, #892c53 100%);
  background-image: linear-gradient(45deg, #892c53 0%, #c24478 50%, #892c53 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#892c53', endColorstr='#892c53',GradientType=1 );
  position: relative;
  margin-top: -4px;
  color: #dec8d0;
}
.cosmeticAuthor figure, .cosmeticAuthor article {
  float: left;
}
.cosmeticAuthor article {
  width: 61%;
}
.cosmeticAuthor article:before {
  content: "";
  width: 1px;
  height: 100%;
  background: #fff;
  background: rgba(255, 255, 255, 0.1);
  position: absolute;
  top: 0;
  right: 23%;
}
.cosmeticAuthor img {
  width: 100%;
  display: block;
}
.cosmeticAuthor h3 {
  font-size: 5.3em;
  font-family: "ClanNarrow-Thin";
  line-height: 1.1;
  margin: 4% 2%;
}
.cosmeticAuthor p {
  font-size: 1.6em;
  line-height: 1.3;
  margin: 5% 10% 5% 2%;
}
.cosmeticAuthor .buttons {
  margin: 0;
  text-align: left;
}
.cosmeticAuthor .button {
  margin-left: 2%;
}
.cosmeticAuthor .authorVisual {
  width: 13%;
  margin: 0 1.5%;
}
.cosmeticAuthor .authorImg {
  display: block;
}
.cosmeticAuthor .packshot {
  width: 20%;
  margin: 0 1.5%;
  position: absolute;
  right: 0;
  bottom: 5%;
  text-align: center;
  font-style: italic;
  font-size: 1.6em;
}

.socialBox {
  text-align: center;
  margin: 30px 0;
}
.socialBox .shadow {
  display: inline-block;
  height: 2px;
  width: 125px;
  margin-bottom: 23px;
}
.socialBox .shadow.left {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #cccccc));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #cccccc);
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #cccccc);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #cccccc);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FFCCCCCC');
}
.socialBox .shadow.right {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #cccccc), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(left, #cccccc, rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(left, #cccccc, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to right, #cccccc, rgba(255, 255, 255, 0));
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFCCCCCC', endColorstr='#00FFFFFF');
}
.socialBox .facebook, .socialBox .tweeter, .socialBox .pinterest, .socialBox .youtube, .socialBox .instagram {
  display: inline-block;
  margin: 3px 20px;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.socialBox .facebook:hover, .socialBox .tweeter:hover, .socialBox .pinterest:hover, .socialBox .youtube:hover, .socialBox .instagram:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.socialBox .facebookButton {
  background-image: url(../i/sprite/sprite.png);
  background-position: -391px 0px;
  width: 42px;
  height: 41px;
  float: left;
}
.socialBox .tweetButton {
  background-image: url(../i/sprite/sprite.png);
  background-position: -391px -82px;
  width: 42px;
  height: 41px;
  float: left;
}
.socialBox .pinItButton {
  background-image: url(../i/sprite/sprite.png);
  background-position: -391px -41px;
  width: 42px;
  height: 41px;
  float: left;
}
.socialBox .socialCount {
  background: #edf3f2;
  border: 1px solid #D7D7D7;
  height: 24px;
  margin-left: 6px;
  min-width: 34px;
  padding: 1px 2px;
  text-align: center;
  white-space: nowrap;
  float: left;
  font-size: 1.9em;
  color: #585858;
}
.socialBox .spout {
  height: 0;
  left: -8px;
  position: relative;
  top: -16px;
  width: 5px;
  z-index: 2;
}
.socialBox .spout1, .socialBox .spout2 {
  border-color: transparent #D7D7D7;
  border-style: solid;
  border-width: 4px 5px 4px 0;
  display: block;
  position: relative;
  top: 1px;
}
.socialBox .spout2 {
  border-right-color: #edf3f2;
  left: 2px;
  top: -7px;
}
.socialBox .tweeter .socialCount {
  border-radius: 10%;
  border-color: #dcecf6;
  color: #2a718f;
  background: #fff;
}
.socialBox .tweeter .spout1, .socialBox .tweeter .spout2 {
  border-color: transparent #dcecf6;
}
.socialBox .tweeter .spout2 {
  border-right-color: #fff;
}
.socialBox.alignLeft {
  text-align: left;
}

.tredingStories .socialBox {
  margin: 30px 0 0 0;
}
.tredingStories .socialBox .shadow {
  width: 33px;
  margin-bottom: 16px;
}
.tredingStories .socialBox .shadow.left, .tredingStories .socialBox .shadow.right {
  background: #fff;
  background: rgba(255, 255, 255, 0.2);
}
.tredingStories .socialBox .facebook, .tredingStories .socialBox .tweeter, .tredingStories .socialBox .pinterest, .tredingStories .socialBox .youtube, .tredingStories .socialBox .instagram {
  display: inline-block;
  margin: 3px 12px;
}
.tredingStories .socialBox .facebookButton {
  background-image: url(../i/sprite/sprite.png);
  background-position: -528px -89px;
  width: 14px;
  height: 30px;
  float: left;
}
.tredingStories .socialBox .tweetButton {
  background-image: url(../i/sprite/sprite.png);
  background-position: -354px -267px;
  width: 31px;
  height: 30px;
  float: left;
}
.tredingStories .socialBox .pinItButton {
  background-image: url(../i/sprite/sprite.png);
  background-position: -433px -327px;
  width: 25px;
  height: 32px;
  float: left;
}
.tredingStories .socialBox .youtubeButton {
  background-image: url(../i/sprite/sprite.png);
  background-position: -462px -366px;
  width: 35px;
  height: 33px;
  float: left;
}
.tredingStories .socialBox .instagramButton {
  background-image: url(../i/sprite/sprite.png);
  background-position: 0px -433px;
  width: 30px;
  height: 31px;
  float: left;
}

.pushes3 {
  margin: -20px auto 46px;
  display: table;
}
.pushes3 li {
  overflow: hidden;
  float: left;
  position: relative;
  text-align: center;
}
.pushes3 .visual {
  width: 100%;
}
.pushes3 p, .pushes3 .buttons {
  position: absolute;
  left: 0;
  width: 100%;
}
.pushes3 p {
  top: 5%;
  display: block;
  color: #fff;
  font-family: "ClanNarrow-Medium";
  text-shadow: 0 0 20px #222;
}
.pushes3 .buttons {
  bottom: 0;
}
.pushes3 .button {
  margin-right: 0;
}

.pinkTitle {
  text-align: center;
  color: #c3053a;
  line-height: 0.75;
  font-family: "ClanNarrow-Medium";
  margin: 6% 0 3%;
}

.buttonDashed {
  border-radius: 8px 0 8px 0;
  border: 1px dashed #bababa;
  font-size: 1.9em;
  font-family: "ClanNarrow-Thin";
  display: inline-block;
  text-align: left;
  line-height: 0.6;
  overflow: hidden;
  margin: 0 10px;
}
.buttonDashed span {
  font-family: "ClanNarrow-Medium";
  font-size: 0.6em;
}

.pdf {
  background: url("../i/sprite/icon_pdf.png") no-repeat scroll 10px center;
  height: 50px;
  width: 188px;
  padding: 20px 0 0 60px;
}

.print {
  background: url("../i/sprite/icon_print.png") no-repeat scroll 40px center;
  height: 42px;
  padding: 28px 0 0 90px;
  width: 158px;
}

/* =WELLA FAMILY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.creativeDirectors {
  padding-top: 20px;
}

.inspirationGallery .filterMenuWrap:after,
.creativeDirectors:after,
.familyArtistPage:after {
  content: "";
  display: table;
  clear: both;
}

.familyArtist h2 {
  font-size: 7em;
  margin: 30px 0;
}

.familyArtistPage {
  padding-top: 20px;
}

.inspirationGallery h2 {
  font-family: "ClanNarrow-Thin" !important;
  font-size: 4.4em;
  margin: 35px 0 30px 0;
}

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

.productFinderPage .filter {
  padding: 40px 0 25px 0;
  text-align: center;
  margin-bottom: 0;
}

.tile.quotation:hover img {
  width: 100%;
  height: 100%;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.tile.quotation:before {
  content: none;
}

/* =WELLA HISTORY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.tile.black {
  background: #000;
  font-family: "ClanNarrow-Book";
  color: #fff;
  text-align: center;
}
.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 .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;
}

.historySlider {
  position: absolute;
  text-align: center;
  margin: 0;
  padding: 2% 0;
  width: 1358px;
}
.historySlider li {
  display: inline-block;
  font-family: "ClanNarrow-Medium";
  width: 75px;
  cursor: pointer;
}
.historySlider li.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;
}

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

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

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

.contactForm {
  margin-bottom: 30px;
}
.contactForm dl {
  margin-top: 25px;
}
.contactForm dt {
  float: left;
  width: 30%;
  padding: 0;
  margin-bottom: 10px;
  line-height: 40px;
}
.contactForm dd {
  float: left;
  clear: 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;
  color: #868686;
  border: 1px solid #e5e5e5;
  width: 96%;
  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;
  display: block;
  overflow: hidden;
  line-height: 40px;
}
.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 .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;
}

.contactSudios h2 {
  padding-top: 20px;
  border-top: 1px solid #e5e5e5;
}
.contactSudios h3 {
  font-weight: 700;
}
.contactSudios h3, .contactSudios p {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.contactSudios article {
  margin-top: 20px;
}
.contactSudios article:first-child {
  margin-top: 0;
}

.contactAdresses article {
  margin-bottom: 20px;
}
.contactAdresses p {
  line-height: 1.4;
}

.contactPageError {
  display: block;
  color: #006100;
  line-height: 50px;
  text-align: center;
  background: #c6efce;
  border: 1px solid #e5e5e5;
}

.verticalWrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.verticalAlign {
  display: table-cell;
  vertical-align: middle;
  height: auto !important;
  padding: 0 5%;
}

.colorInformation .pictureFrame .verticalAlign .icLogo {
  padding: 0 !important;
  margin-bottom: 20px;
}

.pictureFrame .colRight h1, .pictureFrame .colRight h2 {
  margin-left: 5% !important;
  margin-right: 5% !important;
}

.pictureFrame .colRight .h2_fixSize {
  font-size: 2em;
}

.colorInformation .pictureFrame .colRight .h2_fixSize {
  font-size: 2.2em;
  margin-left: 20% !important;
  margin-right: 20% !important;
}

.field-validation-error {
  color: #b70036;
}

.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;
  font-family: arial !important;
}

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

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

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

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

.landingPage {
  position: relative;
  width: 100%;
  min-height: 100%;
}
.landingPage * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.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 {
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -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: 110px;
  left: 0;
  background-color: rgba(255, 255, 255, 0.7);
  color: #ca003a;
  text-align: center;
  z-index: 209;
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .geolocationPopup {
    top: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .geolocationPopup {
    top: 71px;
  }
}
@media only screen and (max-width: 767px) {
  .geolocationPopup {
    top: 50px;
  }
}
.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: 999px) {
  .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;
}

/*  =SALONFINDER PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.salonfinderForm {
  margin: 0 auto;
}
.salonfinderForm .selectBox {
  margin-bottom: 21px;
}
.salonfinderForm .selectBox .styled-select-wrapper {
  border: none;
  height: 46px;
}
.salonfinderForm .selectBox .styled-select-text {
  font-size: 1.8em;
  padding: 0 42px 0 20px;
  letter-spacing: 0.5px;
}
.salonfinderForm input.address {
  color: #191919;
  width: 166px;
  margin-left: 0;
  margin-right: 0;
  float: left;
}
.salonfinderForm input.button {
  margin-left: 7px;
  margin-right: 0;
  padding: 0 0.7em;
  float: right;
}

@-moz-document url-prefix() {
  .salonfinderForm input.button {
    letter-spacing: -0.5px;
  }
}
.filterSalonMap .cluster {
  background-color: #c51c4b;
  border-radius: 50%;
  display: table;
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}
.filterSalonMap .cluster img {
  display: none;
}
.filterSalonMap .cluster div {
  color: #fff !important;
  font-size: 1.4em !important;
}

.filterSalonMap .cluster.small {
  width: 54px;
  height: 54px;
  margin-left: -17px;
  margin-top: -15px;
}

.filterSalonMap .cluster.medium {
  width: 70px;
  height: 70px;
  margin-left: -25px;
  margin-top: -22px;
}

.filterSalonMap .cluster.large {
  width: 90px;
  height: 90px;
  margin-left: -34px;
  margin-top: -31px;
}

.filterSalonMap .cluster.hidden {
  display: none;
}

.cluster .label {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: white;
  font-weight: bold;
  font-size: 1.6em;
}

.sfinder-result .iScrollVerticalScrollbar {
  background-color: #d5d5d5;
  right: 0;
}
.sfinder-result .iScrollIndicator {
  background: #ececec;
}
.sfinder-result .scrollWrapper {
  width: 100%;
  top: 0;
  left: 0;
  bottom: auto;
  right: auto;
  position: relative;
}
.sfinder-result .scroller {
  width: auto;
}

/*  =FAQ PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.faqPage {
  margin-top: 50px;
}
.faqPage p {
  font-family: arial;
  color: #191919;
}
.faqPage .intro {
  font-size: 1.8em;
  margin-bottom: 45px;
}
.faqPage .item {
  border-bottom: 1px solid #dcdcdc;
  padding: 25px 0;
}
.faqPage .item:first-child {
  border-top: 1px solid #dcdcdc;
}
.faqPage .item h4 {
  font-family: "ClanNarrow-Medium";
  font-size: 2.4em;
  color: #c8003c;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  padding-right: 100px;
}
.faqPage .item h4:before {
  content: "";
  background: transparent url(../i/sprite/single_arrow_up.png) center center no-repeat;
  width: 15px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 50px;
}
.faqPage .item .wrap {
  display: none;
}
.faqPage .item p {
  font-size: 1.6em;
  margin-top: 20px;
  width: 75%;
}
.faqPage .item.active h4:before {
  background: transparent url(../i/sprite/single_arrow_down.png) center center no-repeat;
}
.faqPage .item.active .wrap {
  display: block;
}
.faqPage .legal {
  margin-top: 40px;
  font-size: 1.4em;
  width: 75%;
}
.faqPage .legal p {
  color: #a6a6a6;
}

/*  =SALON SUPPORT PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.salonSupportTop .pictureFrame .colRight h1.large {
  margin-bottom: 3%;
  font-family: "ClanNarrow-Medium";
}

.salonSupportBottom .tiles .mask {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5MTkxOSIgc3RvcC1vcGFjaXR5PSIwLjkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNTFjNGIiIHN0b3Atb3BhY2l0eT0iMC45Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 100%, 100% 0%, color-stop(0%, rgba(25, 25, 25, 0.9)), color-stop(100%, rgba(197, 28, 75, 0.9)));
  background-image: -moz-linear-gradient(left bottom, rgba(25, 25, 25, 0.9) 0%, rgba(197, 28, 75, 0.9) 100%);
  background-image: -webkit-linear-gradient(left bottom, rgba(25, 25, 25, 0.9) 0%, rgba(197, 28, 75, 0.9) 100%);
  background-image: linear-gradient(to right top, rgba(25, 25, 25, 0.9) 0%, rgba(197, 28, 75, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5191919', endColorstr='#E5c51c4b',GradientType=1 );
}
.salonSupportBottom .tiles .mask h2 {
  font-size: 5em;
  font-family: "ClanNarrow-News";
  text-transform: none;
}
.salonSupportBottom .tiles .mask .button {
  text-transform: none;
}
.salonSupportBottom .tiles .mask p {
  font-size: 2.3em;
  margin: 0 auto 5% auto;
  max-width: 80%;
}

.button_flag {
  vertical-align: text-bottom;
  margin-left: 10px;
}

/*  = CBB INITIATIVE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.colRight .short {
  padding: 1% 15% 1%;
}

.cbbButton {
  background-color: #a5836d;
}

.tipGallery .buttonsWrapper {
  margin-bottom: 40px;
}

.tipPage .buttonsWrapper {
  margin-bottom: 40px;
}

.cbbButton.active, .cbbButton:hover {
  background-color: #cc0033;
}

.cbbPanels .-block-left {
  background-color: #a5836d;
}

.cbbPanels .-block-right {
  background-color: #c03;
}

.pillarsWrapper {
  margin: 60px 0 20px;
}

/* OUR ACTIONS page */
.pillarsWrapper h2 {
  color: #cc0b1c;
  font-family: "ClanNarrow-News";
  font-size: 5.8em;
  text-align: center;
  margin-bottom: 30px;
}

.pillarsMobileMenu {
  display: none;
}

.pillarsMenu {
  display: table;
  margin: 0 auto;
}

.pillarsMenu li {
  border: 1px solid #ccc;
  border-left: 0;
  float: left;
  width: 149px;
  height: 169px;
  display: block;
  cursor: pointer;
}

.pillarsMenu .pos1 {
  background: url(../i/initiatives/CBB/pillars-pos1.png) no-repeat 0 0;
  border-left: 1px solid #ccc;
}

.pillarsMenu .pos1:hover, .pillarsMenu .pos1.active {
  background: url(../i/initiatives/CBB/pillars-pos1-active.png) no-repeat 0 0;
}

.pillarsMenu .pos2 {
  background: url(../i/initiatives/CBB/pillars-pos2.png) no-repeat 0 0;
}

.pillarsMenu .pos2:hover, .pillarsMenu .pos2.active {
  background: url(../i/initiatives/CBB/pillars-pos2-active.png) no-repeat 0 0;
}

.pillarsMenu .pos3 {
  background: url(../i/initiatives/CBB/pillars-pos3.png) no-repeat 0 0;
}

.pillarsMenu .pos3:hover, .pillarsMenu .pos3.active {
  background: url(../i/initiatives/CBB/pillars-pos3-active.png) no-repeat 0 0;
}

.pillarsMenu .pos4 {
  background: url(../i/initiatives/CBB/pillars-pos4.png) no-repeat 0 0;
}

.pillarsMenu .pos4:hover, .pillarsMenu .pos4.active {
  background: url(../i/initiatives/CBB/pillars-pos4-active.png) no-repeat 0 0;
}

.pillarsMenu .pos5 {
  background: url(../i/initiatives/CBB/pillars-pos5.png) no-repeat 0 0;
}

.pillarsMenu .pos5:hover, .pillarsMenu .pos5.active {
  background: url(../i/initiatives/CBB/pillars-pos5-active.png) no-repeat 0 0;
}

.pillarsContent {
  clear: both;
  padding-top: 40px;
  font-family: "ClanNarrow-News";
  width: 100%;
  margin: 0 auto;
}

.pillarsContent h3 {
  color: #cc0b1c;
  font-size: 3.8em;
  padding-bottom: 30px;
}

.pillarsContent ul {
  background: url(../i/initiatives/CBB/pillars-line.png) no-repeat 50px bottom;
}

.pillarsContent li {
  color: #333333;
  font-size: 1.7em;
  line-height: 1.3em;
  min-height: 80px;
  background: url(../i/initiatives/CBB/pillars-line.png) no-repeat 50px 0;
  text-transform: uppercase;
  padding-bottom: 2%;
  position: relative;
}

.pillarsContent li div {
  width: 62px;
  height: 62px;
  position: absolute;
  top: 30%;
}

.pillarsContent li p {
  margin-left: 92px;
  padding-top: 3%;
}

.pillarsContent .point1 {
  background: url(../i/initiatives/CBB/pillars-point1.png) no-repeat 0 0;
}

.pillarsContent .point2 {
  background: url(../i/initiatives/CBB/pillars-point2.png) no-repeat 0 0;
}

.pillarsContent .point3 {
  background: url(../i/initiatives/CBB/pillars-point3.png) no-repeat 0 0;
}

.pillarsContent .point4 {
  background: url(../i/initiatives/CBB/pillars-point4.png) no-repeat 0 0;
}

.pillarsContent .point5 {
  background: url(../i/initiatives/CBB/pillars-point5.png) no-repeat 0 0;
}

.smallerPillarText {
  font-size: 0.7em;
}

/* TIP PAGE */
.categoryFrame h2 {
  font-family: "ClanNarrow-Book";
  color: #cc0b1c;
  margin: 60px auto;
  /*background: url(../i/initiatives/CBB/title_box.png) no-repeat 0 10px; */
  border-left: 12px solid #cc0b1c;
  padding-left: 20px;
  text-transform: uppercase;
  display: table;
  line-height: 0.9em;
}

.category-tip h3 {
  font-family: "ClanNarrow-News";
  font-size: 3.2em;
  color: #a5836d;
  text-transform: uppercase;
}

.category-tip > p {
  font-family: "ClanNarrow-Book";
  font-size: 1.9em;
  color: #333;
  margin: 10px 0 15px;
}

.categoryFrame .social {
  margin-bottom: 120px;
  font-family: "ClanNarrow-News";
}

.categoryFrame .social .separator {
  display: block;
  height: 18px;
  width: 0;
  color: #c03;
  border: 1px solid;
  float: left;
  margin-top: 2px;
}

.categoryFrame a {
  display: block;
  width: 75px;
  height: 28px;
  float: left;
  font-size: 1.3em;
  color: #666;
  padding-top: 4px;
}

.categoryFrame .share {
  width: 65px;
  height: 28px;
  float: left;
  padding-left: 40px;
  color: #c03;
  font-size: 1.6em;
  background: url(../i/initiatives/CBB/tips_ico_share.png) no-repeat 7px -3px;
}

.social .email {
  background: url(../i/initiatives/CBB/tips_ico_email.png) no-repeat 0 -5px;
  padding-left: 40px;
  width: 60px;
}

.social .facebook {
  background: url(../i/initiatives/CBB/tips_ico_fb.png) no-repeat 7px -1px;
  padding-left: 40px;
}

.social .twitter {
  background: url(../i/initiatives/CBB/tips_ico_twitter.png) no-repeat 7px -1px;
  padding-left: 40px;
}

.buttonFrame p {
  font-size: 1.6em;
  font-family: "ClanNarrow-News";
  font-style: italic;
  color: #333;
  margin-top: 15px;
}

/* STYLISTS PAGE */
.stylistsWrap {
  margin-top: 20px;
}

.stylistsWrap .stylistsBlock {
  display: table;
  margin: 0 auto 50px;
}

.stylistsWrap .stylistsList li {
  float: left;
  overflow: hidden;
  text-align: center;
  border: 1px solid #e9e9e9;
}

.stylistsWrap .stylistsList .first {
  border-right: 0;
}

.stylistsWrap .stylistsList .last {
  border: 1px solid #e9e9e9 !important;
  border-left: 0 !important;
}

.stylistsList h3 {
  font-size: 1.7em;
  color: #c03;
  color: #000;
  font-family: "ClanNarrow-News";
}

.stylistsList li:hover h3,
.stylistsList a.active h3 {
  color: #c03;
}

/* FILTR GRAYSCALE
.stylistsList li img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url('../i/initiatives/CBB/grayscale.svg#greyscale');
    filter: gray;
}
*/
.stylistsList p {
  font-size: 1.6em;
  color: #a5836d;
  font-family: "ClanNarrow-Medium";
}

.stylistInfo {
  margin: 0 auto;
}

.stylistInfo h2 {
  font-size: 4.7em;
  color: #cc0b1c;
  font-family: "ClanNarrow-Book";
  background: url(../i/initiatives/CBB/title_box.png) no-repeat 0 10px;
  padding-left: 32px;
  text-transform: uppercase;
  margin: 0 auto;
  width: 55%;
}

.stylistInfo .stylistlocalisation {
  font-size: 2.4em;
  font-family: "ClanNarrow-News";
  color: #a5836d;
  padding-left: 30px;
  margin: 0 auto;
  width: 55%;
}

.stylistInfo .stylistQuote {
  font-size: 2.2em;
  font-family: "ClanNarrow-Book";
  color: #333;
  text-align: center;
  background: url(../i/initiatives/CBB/stylists_quote_bg_d.png) no-repeat 0 0;
  height: 120px;
  width: 975px;
  padding: 63px 73px 0 51px;
  margin: -20px auto 0;
}

.stylistInterview h2 {
  font-size: 2.7em;
  font-family: "ClanNarrow-News";
  color: #a5836d;
  clear: both;
  line-height: 1em;
}

.stylistInterview .stylistAnswer {
  font-size: 2em;
  color: #191919;
  padding-top: 20px;
}

.stylistInterview .hr {
  width: 170px;
  height: 0;
  border-top: 1px solid #c5c5c5;
  float: right;
  margin: 25px 0;
}

.detailsList .rowLeft.hr {
  float: left;
}

.stylistInterview .row .description .inner {
  padding: 10px 54px 10px 70px;
}

.stylistInterview .socialButtons {
  padding-right: 54px;
}

.stylistInterview .socialButtons .firstBtn {
  background: url(../i/initiatives/CBB/fb_ico.png) #cc0033 no-repeat 8px 10px;
  padding-left: 40px;
}

.stylistInterview .socialButtons .secondBtn {
  background: url(../i/initiatives/CBB/instragam_ico.png) #cc0033 no-repeat 8px 10px;
  margin-left: 10px;
  padding-left: 40px;
}

/* MANIFESTO PAGE */
.manifestoIntro {
  margin: 10px 0 50px;
}

.manifestoText {
  font-size: 1.9em;
  font-family: "ClanNarrow-Book";
  color: #191919;
  margin-bottom: 20px;
  text-align: justify;
}

.manifestoHeading {
  font-size: 1.1em;
  font-family: "ClanNarrow-News";
  color: #a5836d;
}

.manifestoBio {
  height: 290px;
}

.bioBox {
  border: 1px solid #e2d1c7;
  float: left;
  width: 320px;
  font-family: "ClanNarrow-News";
  margin-right: 30px;
}

.bioBox img {
  float: left;
}

.bioBox h2 {
  border-left: 7px solid #c03;
  font-size: 2.4em;
  line-height: 1em;
  color: #c03;
  float: left;
  padding-left: 10px;
  margin: 40px 20px 5px 20px;
  font-family: "ClanNarrow-News";
}

.bioBox p {
  color: #a5836d;
  font-size: 2.1em;
  margin-left: 166px;
}

.bioInfo {
  float: right;
  width: 960px;
}

.bioInfo a {
  float: right;
}

/* VIRTUAL SALON PAGE */
.cbbPage #virtualSalon #pano {
  height: 780px;
}

.cbbPage .cbbButton {
  min-width: 250px !important;
}

/*  =MAKING WAVES INICJATYWA
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.making-waves .filterMenu li a {
  font-weight: normal;
}

.making-waves .filterMenu .item.active a,
.making-waves .filterMenu .item a:hover {
  background: #CC0033 !important;
}

.popup.redPopin {
  top: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 1% 1% 0;
  position: relative;
}
.popup.redPopin hgroup {
  margin-bottom: 0;
}
.popup.redPopin h3 {
  color: #cc0033;
  line-height: 1;
  padding: 0 3%;
}
.popup.redPopin .galleryPopInText {
  margin: 1% 3% 2%;
}
.popup.redPopin .galleryPopInText .scrollPane {
  height: auto;
}
.popup.redPopin figure {
  position: relative;
  text-align: center;
  padding: 1% 0;
}
.popup.redPopin p {
  color: #fffefe;
  padding: 15px 0 0;
  font-family: "ClanNarrow-Book";
}
.popup.redPopin.video .multimedia-wrapper {
  height: 0;
  padding-bottom: 56.25%;
}
.popup.redPopin.video .close {
  z-index: 2;
  background-color: #000;
  padding: 1%;
  top: 0.5%;
  right: 0.5%;
}
.popup.redPopin.vertical {
  padding-bottom: 0.5%;
}
.popup.redPopin.vertical2 figure {
  width: 49%;
  overflow: hidden;
  display: inline-block;
}
.popup.redPopin.vertical2 .galleryPopInText {
  width: 44%;
  display: inline-block;
}
.popup.redPopin .galleryNav {
  width: 100%;
  height: 97px;
  padding-bottom: 1.3%;
  position: relative;
}
.popup.redPopin .changeThumbList li {
  position: absolute;
  bottom: 30%;
}
.popup.redPopin .changeThumbList .prev {
  background-image: url(../i/sprite/sprite.png);
  background-position: -433px -56px;
  width: 29px;
  height: 56px;
  left: 1%;
}
.popup.redPopin .changeThumbList .next {
  background-image: url(../i/sprite/sprite.png);
  background-position: -433px 0px;
  width: 29px;
  height: 56px;
  right: 1%;
}
.popup.redPopin .changeThumbList a {
  display: block;
  width: 100%;
  height: 100%;
}
.popup.redPopin .thumbList {
  height: 100%;
  width: 87%;
  overflow: hidden;
  position: relative;
  left: 50%;
  margin-left: -44%;
}
.popup.redPopin .thumbList ul {
  width: 1000%;
  position: absolute;
  left: 0;
  top: 0;
}
.popup.redPopin .thumbList li {
  float: left;
  margin: 0 6px;
  position: relative;
}
.popup.redPopin .thumbList a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #330000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}
.popup.redPopin .thumbList .active a:before,
.popup.redPopin .thumbList a:hover:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.popup.redPopin .jspDrag {
  background: #434242;
}
.popup.redPopin .jspTrack {
  background: #2a2a2a;
}

.making-waves-mentor .tile:before {
  content: "";
  border: none;
}
.making-waves-mentor .tile:hover img,
.making-waves-mentor .tile.effect-on img {
  transform: none;
}
.making-waves-mentor .tile .mask {
  background-image: none;
}
.making-waves-mentor .tile-video:hover img,
.making-waves-mentor .tile-video.effect-on img {
  transform: scale(1.1, 1.1) !important;
}
.making-waves-mentor .tile-video .mask {
  background-image: linear-gradient(to right top, rgba(25, 25, 25, 0.6) 0%, rgba(197, 28, 75, 0.6) 100%) !important;
}

.making-waves .making-waves__title {
  font-size: 2.4em;
  text-align: center;
  line-height: 29px;
  font-family: "ClanNarrow-News";
  margin: 60px 0;
}
.making-waves .making-waves__info {
  font-size: 2.4em;
  text-align: center;
  line-height: 29px;
  font-family: "ClanNarrow-News";
  margin-bottom: 70px;
  margin-top: 70px;
}
.making-waves .making-waves__info h2 {
  font-family: "ClanNarrow-Medium";
  font-size: 2em;
  margin-bottom: 20px;
}
.making-waves .making-waves__foot {
  font-size: 1.7em;
  font-family: arial;
  margin-top: 30px;
}
.making-waves.whoWeHelp .tile {
  line-height: 40px;
}
.making-waves .description .inner {
  padding-bottom: 0 !important;
}
.making-waves .description .descriptionTitle {
  color: #cc0033;
  line-height: 55px;
  text-transform: uppercase;
}
.making-waves .description .wrap {
  font-size: 2em;
}
@media only screen and (min-width: 1400px) {
  .making-waves .description .wrap .buttonDashed {
    font-size: 1.3em;
  }
}
.making-waves .description .upperDesc {
  text-transform: uppercase;
  color: #666;
  padding-bottom: 22px;
  display: block;
  clear: both;
}
.making-waves .description p {
  font-size: inherit !important;
}
.making-waves .description .button {
  padding: 0 20px;
  font-size: 0.8em;
  font-family: "ClanNarrow-News";
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.making-waves .panels {
  text-transform: uppercase;
  margin-top: 50px;
}
.making-waves .panels h2 {
  margin-bottom: 50px;
}
.making-waves .panels .block-2 .nextBtn {
  right: 252px;
}
.making-waves .row hr {
  width: 170px;
  margin: 45px 0 0 auto;
  border: 2px solid #d0d0d0 !important;
  height: 0;
  /* resetuje style główne */
  float: none;
  background: none;
}
.making-waves .row .hr-line-bottom {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}
.making-waves .row .hr-line-top {
  margin-bottom: 35px !important;
}
.making-waves .row.rowLeft .hr-line-bottom {
  margin: 35px auto 35px 0;
}
.making-waves .row.rowLeft .hr-line-top {
  margin: 35px auto 0 0;
}
.making-waves .marginFix {
  margin: 0;
}
.making-waves.mentor__gallery #TvpLookGalleryDocument .filterMenuWrap {
  padding-left: 400px;
}
.making-waves.mentor__gallery .filterMenuWrap {
  margin: 0 0 77px 0;
  position: relative;
  padding-left: 340px;
}
.making-waves.mentor__gallery .filterMenuWrap .applyMentor {
  position: absolute;
  bottom: -70px;
  right: 0;
}
.making-waves.mentor__gallery .tile .mask-content h2 {
  font-family: "ClanNarrow-Thin" !important;
}
.making-waves.mentor__gallery .tile .mask-content p.mask-text {
  font-size: 1.9em;
  font-family: "ClanNarrow-Thin" !important;
}
.making-waves.mentor__gallery .tile:hover .mentorName {
  display: none;
}
.making-waves.mentor__gallery .tile:hover .position {
  display: none;
}
.making-waves.mentor__gallery .mentorName {
  background: #000;
  position: absolute;
  bottom: 40px;
  left: 0;
  height: 34px;
  line-height: 34px;
  font-size: 1.5em;
  padding: 0 15px;
  font-family: "ClanNarrow-News";
}
.making-waves .mentor__page--header {
  height: 674px !important;
  margin-bottom: 10px;
  overflow: hidden;
}
.making-waves .mentor__page--header .brandInfo {
  padding: 20px 70px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  float: right;
  height: inherit;
  background: #191919 !important;
}
.making-waves .mentor__page--header .brandInfo hgroup {
  padding-bottom: 20px;
}
.making-waves .mentor__page--header .brandInfo h2 {
  font-family: "ClanNarrow-Medium";
  font-size: 2.5em;
  padding: 10px 0;
}
.making-waves .mentor__page--header .brandInfo .mentor__desc {
  font-family: arial;
  text-align: left;
  color: #fff;
  font-size: 1.9em;
}
.making-waves .mentor__page--header .brandPackshot {
  float: left;
}
.making-waves .mentor__page--header .mentor__buttons {
  margin-top: 20px;
}
.making-waves .mentor__page--header .mentor__buttons .button {
  min-width: 200px !important;
}
.making-waves .mentor__page--header .mentor__buttons .button:first-child {
  margin-right: 20px;
}

#JoinTheWavePopupContainer .popupTemplate {
  left: inherit;
  margin: 0 auto;
}

/* making waves */
.mentorPopUpOverlay {
  width: 100%;
  height: 100%;
  background: #000;
  left: 0;
  opacity: 0.8;
  position: fixed;
  top: 0;
  z-index: 300;
}

.mentorPopUpContent {
  width: 300px;
  height: 235px;
  background: #000;
  position: fixed;
  top: 35%;
  left: 50%;
  margin-left: -150px;
  z-index: 300;
  color: #fff;
}
.mentorPopUpContent h3 {
  font-family: "ClanNarrow-Medium";
  font-size: 2.5em;
  line-height: 1em;
  text-align: center;
  margin-top: 20px;
}
.mentorPopUpContent p {
  font-size: 1.2em;
  text-align: center;
  margin-top: 15px;
  padding: 0 10px;
}
.mentorPopUpContent .close {
  display: block;
  position: absolute;
  width: 9px;
  height: 9px;
  top: 9px;
  right: 9px;
  background: url(../i/sprite/icon_close.png) #000 no-repeat 0 0;
}
.mentorPopUpContent .button {
  min-width: 70px;
  height: 48px;
}
.mentorPopUpContent input[type="email"] {
  height: 47px;
  width: 190px;
  margin: 10px 10px 0;
  padding: 5px;
}
.mentorPopUpContent .vex-close:before {
  content: "";
}

/*  =VIDEO
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.small-video {
  margin: 20px -5px 95px -5px;
  overflow: hidden;
}
.small-video .small-video--item {
  width: 330px;
  height: 225px;
  margin: 6px;
}
.small-video .small-video--item:before {
  border: 0;
  content: '';
}
.small-video .small-video--item h2 {
  font-size: 2em;
}

/*  =UNSUBSCRIBE PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.unsubscribe {
  font-size: 1.6em;
  margin-top: 30px;
  font-family: "ClanNarrow-Book";
  border-bottom: 1px solid #dfdfdf;
}
.unsubscribe .colLeft {
  width: 35.58615611192931%;
  float: right;
  padding: 0 40px 0 0;
  box-sizing: border-box;
  margin-bottom: 40px;
}
.unsubscribe .colRight {
  width: 63.43298969072165%;
  float: right;
  border-left: 1px solid #dfdfdf;
  padding: 0 0 0 60px;
  box-sizing: border-box;
  margin-bottom: 40px;
}
.unsubscribe h2 {
  font-family: "ClanNarrow-Bold";
  font-size: 2.3em;
  margin-bottom: 10px;
}
.unsubscribe .text {
  margin-bottom: 20px;
  line-height: 28px;
  clear: both;
}
.unsubscribe label {
  margin-bottom: 5px;
}
.unsubscribe a {
  text-decoration: underline;
}
.unsubscribe input[type="text"] {
  width: 435px;
}
.unsubscribe .textWrap {
  display: block;
  font-weight: bold;
}
.unsubscribe .chechWrap {
  padding: 10px 0;
}
.unsubscribe #email-errors {
  padding: 10px 0;
}
.unsubscribe .button input {
  font-size: 0.7em;
}
.unsubscribe .popupTemplate {
  width: 400px;
  min-height: 180px;
  height: auto;
  z-index: 9002;
}
.unsubscribe .popupTemplate .close {
  font-family: "ClanNarrow-Thin";
}
.unsubscribe .popupTemplate .content h2 {
  color: #ca255d;
}
.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;
}
.subscribe i {
  font-size: 0.8em;
  display: block;
  margin-top: 8px;
}
.subscribe h2 {
  font-family: "ClanNarrow-Book";
  font-size: 2.3em;
  margin-bottom: 10px;
  line-height: 1em;
  text-transform: uppercase;
}
.subscribe input[type="text"], .subscribe input[type="email"] {
  float: right;
  width: 600px;
}
.subscribe .styled-select-wrapper {
  float: right;
}
.subscribe .contactForm .selectComboWrap {
  display: inline-block;
  float: right;
}
.subscribe .contactForm .selectBox {
  float: right;
  width: 299px;
}
.subscribe .contactForm .selectBox + .selectBox {
  margin-right: 33px;
}
.subscribe .contactForm .left .selectBox {
  margin: 0 333px 0 0;
}
.subscribe .clearfix.m-b {
  margin-bottom: 20px;
}
.subscribe .clearfix.m-b-xl {
  margin-bottom: 30px;
}
.subscribe .textWrap {
  display: inline-block;
  float: left;
  margin-top: 4px;
  margin-bottom: 0;
  font-weight: normal;
}
.subscribe .extTextWrap {
  margin-right: 10px;
  position: relative;
  top: -4px;
}
.subscribe .clearfix {
  margin: 10px 0;
}
.subscribe .clear-rwd {
  display: inline-block;
  margin: 0 25px 0 0;
}
.subscribe .contactForm .validation-error-message {
  height: auto;
  clear: both;
}
.subscribe input + .validation-error-message {
  width: 600px;
  float: right;
  padding: 5px 4% 0 0;
}
.subscribe .popupTemplate {
  width: 400px;
  min-height: 180px;
  height: auto;
}
.subscribe .popupTemplate .close {
  font-family: "ClanNarrow-Thin";
}
.subscribe .popupTemplate .content h2 {
  color: #ca255d;
}
.subscribe .popupTemplate .content p.text {
  font-family: "ClanNarrow-Book";
  margin: 0 !important;
}

/*  =BLOG
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.innerBlog {
  position: relative;
}

.blogHeader {
  margin: 0 auto;
  padding: 30px 10px;
  font-size: 20px;
  font-weight: 600;
  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: 999px) {
  .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;
}
@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 (max-width: 767px) {
  .blogBack.blogBackTop {
    top: -122px;
  }
}
.blogBack.blogBackBottom {
  bottom: 0;
  top: inherit;
}
@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: 999px) {
  .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 {
  display: inline-block;
}
.socialBox.socialBlog .socialLinks > div {
  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;
    font-size: 12px !important;
    text-align: left !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .tinyMC__block {
    width: 480px;
    font-size: 13px !important;
  }
}
.tinyMC__block em {
  font-style: italic !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;
}
.tinyMC__block h1 {
  font-size: 28px;
  font-weight: bold;
}
.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%;
}

/*  =HOLIDAY GLOSSING
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.holidayGlossing .innerWrap {
  max-width: 964px;
  margin: 60px auto 0;
}
.holidayGlossing .tier.whole {
  width: 100%;
  margin-bottom: 70px;
  display: table;
}
.holidayGlossing .tier.whole div {
  display: table-cell;
  vertical-align: middle;
}
.holidayGlossing .tier.whole .buttons {
  margin-top: 30px;
}
.holidayGlossing .tier.whole .photo {
  width: 57%;
}
.holidayGlossing .tier.whole .text {
  width: 43%;
}
.holidayGlossing .tier.half {
  max-width: 420px;
  margin-bottom: 25px;
}
.holidayGlossing .tier.half:last-child {
  margin-bottom: 0;
}
.holidayGlossing .tier.half .text {
  padding: 0 15px;
}
.holidayGlossing .tier.half .text p {
  margin: 0 0 30px;
}
.holidayGlossing .tier.left {
  float: left;
}
.holidayGlossing .tier.right {
  float: right;
}
.holidayGlossing .text {
  text-align: center;
}
.holidayGlossing .text p {
  font-family: "ClanNarrow-News";
  font-size: 2em;
  color: #424142;
}
.holidayGlossing .buttons {
  margin: 0;
}
.holidayGlossing .button {
  font-family: "ClanNarrow-Medium";
  font-size: 2em;
  line-height: 68px;
  width: 100%;
  max-width: 360px;
}

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

.popupTemplate {
  width: 500px;
  height: 190px;
  background: #fff;
  display: inline-block;
  position: relative;
  /* small */
}
.popupTemplate .close {
  font-size: 3.3em;
  line-height: 23px;
  font-family: "ClanNarrow-News";
  color: #000;
}
.popupTemplate .content {
  padding: 30px;
  position: relative;
  height: inherit;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
  display: table;
  width: 100%;
}
.popupTemplate .content h2 {
  color: #434343;
  font-family: "ClanNarrow-Medium";
  font-size: 2.1em;
  margin: 10px 0 20px 0;
}
.popupTemplate .content p.text {
  font-size: 1.4em;
  font-family: arial;
}
.popupTemplate.small {
  width: 430px;
  height: 190px;
}
.popupTemplate.small .content h2 {
  font-size: 3em;
  line-height: 1.1em;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

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

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

.popinTemplate2 {
  background: #fff;
  margin: 20px;
  display: inline-block;
  position: relative;
  min-height: 606px;
}
.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 .popinVisual:hover .changeYearNav {
  opacity: 1;
}
.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 .imgDescription__label {
  bottom: 50px;
  background: #c8013c;
  text-transform: uppercase;
}
.popinTemplate2 .imgDescription__label .award {
  font-family: "ClanNarrow-News";
}
.popinTemplate2 .changeYearNav {
  opacity: 0;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.popinTemplate2 .changeYearNav a {
  background-color: transparent;
}
.popinTemplate2 .changeYearNav .next a {
  background-image: url(../i/sprite/sprite.png);
  background-position: -354px 0px;
  width: 37px;
  height: 56px;
}
.popinTemplate2 .changeYearNav .prev a {
  background-image: url(../i/sprite/sprite.png);
  background-position: -354px -56px;
  width: 37px;
  height: 56px;
}
.popinTemplate2 .popinDescription {
  width: 460px;
  height: 100%;
  text-align: left;
  position: relative;
  overflow: hidden;
}
.popinTemplate2 .popinDescription h2 {
  font-family: "ClanNarrow-Thin";
  font-size: 3.9em;
  line-height: 1;
  color: #434343;
  margin: 10px 0 30px 0;
  word-wrap: normal;
  letter-spacing: -3px;
}
.popinTemplate2 .popinDescription p {
  font-size: 1.4em;
  line-height: 1.4;
}
.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: 1000px) and (max-width: 1399px) {
  .popinTemplate2 .popinDescription h2 {
    font-size: 3.9em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .popinTemplate2 {
    min-height: 400px;
  }
  .popinTemplate2 .imgDescription {
    font-size: 1.6em;
  }
  .popinTemplate2 .name {
    bottom: 96px;
  }
  .popinTemplate2 .popinDescription {
    width: 320px;
  }
  .popinTemplate2 .popinDescription h2 {
    font-size: 3em;
  }
  .popinTemplate2 .popinDescription p {
    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: -504px -52px;
    width: 24px;
    height: 26px;
  }
  .popinTemplate2 .socialBox .tweetButton {
    background-image: url(../i/sprite/sprite.png);
    background-position: -504px 0px;
    width: 24px;
    height: 26px;
  }
  .popinTemplate2 .socialBox .pinItButton {
    background-image: url(../i/sprite/sprite.png);
    background-position: -504px -156px;
    width: 24px;
    height: 26px;
  }
  .popinTemplate2 .scrollWrapper {
    left: 40px;
    top: 40px;
    right: 40px;
    bottom: 152px;
  }
}
@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 .imgDescription__label {
    bottom: 0;
  }
  .popinTemplate2 .popinDescription {
    width: 100%;
    height: 160px;
    overflow: visible;
    margin-top: 10px;
  }
  .popinTemplate2 .popinDescription h2 {
    font-size: 2em;
    margin: 10px 0;
  }
  .popinTemplate2 .popinDescription p {
    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: 0;
    left: 50%;
    margin: 3px 0 3px -102px;
  }
  .popinTemplate2 .socialBox .facebookButton {
    background-image: url(../i/sprite/sprite.png);
    background-position: -391px 0px;
    width: 42px;
    height: 41px;
  }
  .popinTemplate2 .socialBox .tweetButton {
    background-image: url(../i/sprite/sprite.png);
    background-position: -391px -82px;
    width: 42px;
    height: 41px;
  }
  .popinTemplate2 .socialBox .pinItButton {
    background-image: url(../i/sprite/sprite.png);
    background-position: -391px -41px;
    width: 42px;
    height: 41px;
  }
  .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 li {
    top: 35%;
  }
  .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 */
/*  =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: 15% 0;
  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;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 9001;
  display: table;
  visibility: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: all 0.5s 0;
  -o-transition: all 0.5s 0;
  -webkit-transition: all 0.5s 0;
  transition: all 0.5s 0;
}
.extensilePopin.open {
  visibility: visible;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.extensilePopin .close {
  position: absolute;
  top: 15px;
  right: 15px;
  display: block;
  width: 12px;
  height: 12px;
  background-image: url(../i/sprite/sprite.png);
  background-position: -433px -387px;
  width: 23px;
  height: 22px;
  background-repeat: no-repeat;
}

.extensileContent {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .extensileContent {
    vertical-align: top;
  }
}
.extensileContent .extensileContentWrap {
  max-width: 980px;
  margin: auto;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .extensileContent .extensileContentWrap {
    max-width: 768px;
  }
}
@media only screen and (max-width: 767px) {
  .extensileContent .extensileContentWrap {
    max-width: 320px;
  }
}
.extensileContent img {
  width: 100%;
  display: block;
}
.extensileContent .button {
  position: absolute;
  bottom: 67px;
  left: 64px;
  border-radius: 0 8px 0 8px;
  min-width: 170px;
  font-size: 2em;
  line-height: 54px;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .extensileContent .button {
    font-size: 1.5em;
    min-width: 130px;
    left: 47px;
    bottom: 50px;
    line-height: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .extensileContent .button {
    bottom: 10px;
    left: 11px;
    min-width: 80px;
    font-size: 1.2em;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .extensileContent {
    width: 100%;
  }
}

.extensileDescription {
  height: 100%;
  width: 43%;
  right: -43%;
  background: #fff;
  text-align: center;
  display: block;
  position: absolute;
  top: 0;
  right: -43%;
}
@media only screen and (max-width: 767px) {
  .extensileDescription {
    position: static;
    width: 100%;
  }
}
.extensileDescription h4 {
  font-family: "ClanNarrow-Medium", Arial, sans-serif;
  font-size: 11em;
  line-height: 0.5;
  margin-top: 1em;
}
.extensileDescription h4 .smaller {
  font-size: 0.3em;
}
@media only screen and (min-width: 1400px) {
  .extensileDescription h4 {
    font-size: 11em;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .extensileDescription h4 {
    font-size: 6em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .extensileDescription h4 {
    font-size: 5em;
  }
}
@media only screen and (max-width: 767px) {
  .extensileDescription h4 {
    font-size: 5em;
    margin-top: 0.5em;
  }
}
.extensileDescription p {
  font-family: "ClanNarrow-Thin", Arial, sans-serif;
  margin: 1em 0;
}
@media only screen and (min-width: 1400px) {
  .extensileDescription p {
    font-size: 3em;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .extensileDescription p {
    font-size: 1.6em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .extensileDescription p {
    font-size: 1.2em;
  }
}
@media only screen and (max-width: 767px) {
  .extensileDescription p {
    font-size: 1.6em;
  }
}
.extensileDescription .buttons .button {
  min-width: 0;
  margin-bottom: 0;
}

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

.centered
.checkbox-style-wrap input[type="checkbox"] {
  display: none;
}
.centered
.checkbox-style-wrap input[type="checkbox"] + label {
  display: block;
  height: 13px;
  margin: 0;
  width: 13px;
  border: 1px solid #fff;
  cursor: pointer;
  background: none;
}
.centered
.checkbox-style-wrap #legal:checked + label,
.centered
.checkbox-style-wrap #privacy:checked + label {
  background: #fff;
}

/*  ------SELECT------  */
.js-select-wrapper {
  background: none;
  border: 1px solid #fff;
  display: block;
  float: left;
  font-weight: bold;
  height: 20px;
  margin-right: 2px;
  position: relative;
  width: 50px;
}
.js-select-wrapper.large {
  width: 60px;
}
.js-select-wrapper .js-select-text {
  color: #fff;
  float: left;
  font-size: 1em;
  font-family: "ClanNarrow-Thin";
  height: inherit;
  line-height: normal;
  overflow: hidden;
  padding: 2px 2px 0 3px;
  width: inferit;
  word-break: break-all;
}
.js-select-wrapper .js-select-button {
  background: #fff;
  float: right;
  height: inherit;
  width: 20px;
  color: #000;
  text-align: center;
}
.js-select-wrapper select {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/*  ------FOOTER DOWNLOAD PANEL------  */
.footerDownloadPanel .verticalWrapper {
  display: table-cell;
  vertical-align: middle;
}

.footerDownloadPanel .pdfIcoPosition,
.searchPane ~ .pdfIcoPosition {
  display: block;
  position: absolute;
  bottom: 0;
  height: 90px;
  left: 328px;
  width: 90px;
  z-index: 10;
}

.searchPane ~ .pdfIcoPosition {
  z-index: 1;
}

/*------ SALON MARKETING PAGE ------*/
.customizeBox {
  text-align: center;
  padding: 60px 0;
}
.customizeBox h3 {
  font-size: 3.4em;
  font-family: "ClanNarrow-News";
  padding-bottom: 20px;
}
.customizeBox dl {
  width: 50%;
  margin: 0 auto;
}
.customizeBox dt {
  float: left;
  clear: both;
  font-size: 2.6em;
  font-family: "ClanNarrow-News";
  text-align: right;
  width: 48%;
  padding-top: 20px;
  line-height: 2;
}
.customizeBox dd {
  float: right;
  text-align: left;
  width: 48%;
  padding-top: 20px;
}
.customizeBox .button {
  min-width: 40%;
}

/*------ STYLE VISION PAGE ------*/
.styleVision {
  margin-top: 4.5em;
}
.styleVision.making-waves .row hr {
  border: 1px solid #d0d0d0 !important;
}
.styleVision .socialBox .shadow {
  width: 65px;
  height: 1px;
  margin-bottom: 15px;
}
.styleVision .socialBox .facebook, .styleVision .socialBox .tweeter, .styleVision .socialBox .pinterest, .styleVision .socialBox .youtube, .styleVision .socialBox .instagram {
  margin: 3px 12px;
}
.styleVision .socialBox .facebookButton {
  background-image: url(../i/sprite/sprite.png);
  background-position: -504px -52px;
  width: 24px;
  height: 26px;
}
.styleVision .socialBox .tweetButton {
  background-image: url(../i/sprite/sprite.png);
  background-position: -504px 0px;
  width: 24px;
  height: 26px;
}
.styleVision .socialBox .pinItButton {
  background-image: url(../i/sprite/sprite.png);
  background-position: -504px -156px;
  width: 24px;
  height: 26px;
}
.styleVision .socialBox .socialCount {
  background: #fff;
  color: #585858;
}
.styleVision .socialBox .spout1, .styleVision .socialBox .spout2 {
  border-color: transparent #D7D7D7;
}
.styleVision .socialBox .spout2 {
  border-right-color: #fff;
}
.styleVision .socialBox .tweeter .socialCount {
  border-radius: 0;
  border-color: #D7D7D7;
  color: #585858;
  background: #fff;
}
.styleVision .socialBox .tweeter .spout1, .styleVision .socialBox .tweeter .spout2 {
  border-color: transparent #D7D7D7;
}
.styleVision .socialBox .tweeter .spout2 {
  border-right-color: #fff;
}

.pinkLink {
  color: #c8003c;
  text-decoration: underline;
}

.smartAppLinkBig {
  display: inline-block;
  margin: 10px;
}

.smartAppLinkSmall {
  display: inline-block;
  margin: -10px 5px;
}

@media only screen and (min-width: 1000px) {
  .appStoreBig {
    background: url("../i/initiatives/stylevision/logo_app_store_big.png") no-repeat;
    height: 60px;
    width: 179px;
  }

  .appStoreSmall {
    background: url("../i/initiatives/stylevision/logo_app_store_small.png") no-repeat;
    height: 37px;
    width: 110px;
  }

  .googlePlayBig {
    background: url("../i/initiatives/stylevision/logo_google_play_big.png") no-repeat;
    height: 60px;
    width: 182px;
  }

  .googlePlaySmall {
    background: url("../i/initiatives/stylevision/logo_google_play_small.png") no-repeat;
    height: 37px;
    width: 111px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .appStoreBig {
    background: url("../i/initiatives/stylevision/logo_app_store_big_t.png") no-repeat;
    height: 34px;
    width: 102px;
  }

  .appStoreSmall {
    background: url("../i/initiatives/stylevision/logo_app_store_small_t.png") no-repeat;
    height: 27px;
    width: 80px;
  }

  .googlePlayBig {
    background: url("../i/initiatives/stylevision/logo_google_play_big_t.png") no-repeat;
    height: 34px;
    width: 104px;
  }

  .googlePlaySmall {
    background: url("../i/initiatives/stylevision/logo_google_play_small_t.png") no-repeat;
    height: 27px;
    width: 82px;
  }
}
@media only screen and (max-width: 767px) {
  .appStoreBig {
    background: url("../i/initiatives/stylevision/logo_app_store_big_m.png") no-repeat;
    height: 44px;
    width: 131px;
  }

  .appStoreSmall {
    background: url("../i/initiatives/stylevision/logo_app_store_small_m.png") no-repeat;
    height: 25px;
    width: 74px;
  }

  .googlePlayBig {
    background: url("../i/initiatives/stylevision/logo_google_play_big_m.png") no-repeat;
    height: 44px;
    width: 133px;
  }

  .googlePlaySmall {
    background: url("../i/initiatives/stylevision/logo_google_play_small_m.png") no-repeat;
    height: 25px;
    width: 75px;
  }
}
/*  =IE8 POPUP
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.ie8infoPopup {
  display: none;
  position: fixed !important;
}

.ie8infoPopup.popup {
  background: #fff;
  width: 400px !important;
  padding: 25px;
}

.ie8infoPopup.popup .wrap {
  position: relative;
}

.ie8infoPopup.popup h1 {
  color: #989898;
  font-size: 2em;
  line-height: 25px;
  font-family: "ClanNarrow-News";
  padding: 10px 10px 10px 115px;
  background: url(../i/ie8-wella-logo.jpg) no-repeat 0 0;
}

.ie8infoPopup.popup p {
  font-size: 1.2em;
  color: #000;
  font-family: arial;
  text-align: left;
  padding: 0 0 0 115px;
}

.ie8infoPopup.popup p a {
  color: #000;
  text-decoration: underline;
}

.ie8infoPopup.popup a.close {
  position: absolute;
  top: -10px;
  right: -5px;
  width: 12px;
  height: 12px;
  background: url(../i/ie8-close-popup.jpg) no-repeat 0 0;
}

.ThankYouDE {
  border-bottom: 1px solid #e3e3e3;
  text-align: center;
  padding: 100px 0;
  margin-bottom: 100px;
  text-transform: uppercase;
}
.ThankYouDE h2 {
  font-family: "ClanNarrow-Medium";
  font-size: 3em;
}
.ThankYouDE p {
  font-size: 1.8em;
  line-height: 30px;
  padding-top: 20px;
}

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

.faqItem {
  border-top: 1px solid #ddd;
  padding: 25px 15% 25px 0;
  width: 85%;
  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 {
  color: #c9003b;
  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;
}

.blog-tile .mask-content {
  vertical-align: bottom;
  padding-bottom: 4.5em;
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .blog-tile .mask-content {
    padding-bottom: 3em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .blog-tile .mask-content {
    padding-bottom: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .blog-tile .mask-content {
    padding-bottom: 1em;
  }
}
.blog-tile .mask-content .mask-headline {
  font-size: 28px;
  margin-bottom: 0.5em;
  font-family: 'ClanNarrow-Medium';
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .blog-tile .mask-content .mask-headline {
    font-size: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .blog-tile .mask-content .mask-headline {
    font-size: 21px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-tile .mask-content .mask-headline {
    font-size: 12px;
  }
}
.blog-tile .mask-content .mask-description {
  font-size: 20px;
  font-family: 'ClanNarrow-Book';
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .blog-tile .mask-content .mask-description {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .blog-tile .mask-content .mask-description {
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-tile .mask-content .mask-description {
    font-size: 11px;
  }
}

/*  =COOKIES POPUP
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
#bt-privacy-header {
  min-width: inherit !important;
  width: 100% !important;
  position: fixed !important;
  top: inherit !important;
  bottom: 0 !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000 !important;
}

#BiguineResponsivePopupContainer .popupTemplate {
  left: inherit;
  margin: 0 auto;
}
#BiguineResponsivePopupContainer .popupTemplate h2 {
  font-size: 1.7em;
}

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a, a:visited {
    text-decoration: underline;
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }

  pre, blockquote {
    page-break-inside: avoid;
  }

  header {
    position: static;
  }

  .topMainVisual {
    width: 75%;
    margin: 0 auto;
  }

  header .logo img {
    width: auto;
  }

  .filterSalonTitle h2 {
    margin: 0.3cm 0;
  }

  .salonFinderTop {
    display: none;
  }

  .buttons a {
    display: none;
  }

  header .search, .menu-event-catcher, footer, .footerRowWrap, nav {
    display: none;
  }

  thead {
    display: table-header-group;
  }

  tr, img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: .5cm;
  }
  .item.tile.isotope-item {
    display: block;
    float: left;
    position: static !important;
    width: 220px !important;
    height: 220px !important;
    transform: translate3d(0px, 0px, 0px) !important;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
  }

  section .breadcrumb {
    top: 10px !important;
    left: 15px !important;
  }

  body.no-print {
    overflow: visible;
  }

  body.no-print > * {
    display: none;
  }

  .no-print .mfp-wrap {
    display: block !important;
    position: static;
  }

  .no-print #distributorsPopupID table {
    width: 100%;
    min-width: 100%;
  }

  .distributorsPopup__header {
    font-size: 2.6em;
  }

  table {
    page-break-inside: auto;
  }

  tr {
    page-break-inside: avoid;
    page-break-after: auto;
  }

  thead {
    display: table-header-group;
  }

  tfoot {
    display: table-footer-group;
  }
}
/*  STYLE FOR DEVICES
.tablet-device .nav-lvl3-img {
  height: auto !important;
}
.displayTree .itemName {
    cursor: pointer;
    color: red;
}
.isMultimediaMovePopup {
    background: red;
}
*/
/*  BIDON   */
/*  =RWD
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
@media screen and (max-width: 767px) {
  .media-viewport {
    font-family: "media-mobile";
  }

  /*	=PLACEHOLDERS
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .play {
    font-size: 5.9em;
  }

  /*	=COMMON
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .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 */
  .nextBtn {
    background-image: url(../i/sprite/sprite.png);
    background-position: -433px -267px;
    width: 28px;
    height: 30px;
  }

  .prevBtn {
    background-image: url(../i/sprite/sprite.png);
    background-position: -433px -297px;
    width: 28px;
    height: 30px;
  }

  .buttons .prevBtn {
    left: 0;
    top: 0;
    background-image: url(../i/sprite/sprite.png);
    background-position: -433px -153px;
    width: 28px;
    height: 40px;
  }

  sup.small {
    font-size: 0.6em;
  }

  header .search a:last-child {
    margin-left: 6px;
  }

  .familyArtist {
    padding-top: 10px;
  }

  .familyArtist h2 {
    display: none;
  }

  .main {
    width: 300px;
    /* DYNAMIC BOXES ISOTOPE */
  }
  .main.fixWidth.dynamicBox {
    width: 320px;
    /* RESPONSIVE */
  }

  .notification {
    font-size: 1.1em;
  }

  /* DYNAMIC BOXES ISOTOPE */
  .tiles {
    margin: 0;
  }

  .tile {
    margin: 5px !important;
  }
  .tile h2 {
    display: block;
    font-size: 1.4em;
  }
  .tile .button {
    min-width: 65%;
    max-width: 95%;
  }
  .tile .socialButtons {
    display: none;
  }

  .tile:hover .mask-headline {
    top: 0;
  }
  .tile:hover .buttonWrap {
    top: 0;
  }

  .block-1x1 h2,
  .block-1x2 h2,
  .block-2x1 h2 {
    font-size: 1.2em;
  }
  .block-1x1 .button,
  .block-1x2 .button,
  .block-2x1 .button {
    font-size: 1em;
    line-height: 30px;
    border-radius: 4px 0 4px 0;
  }

  .block-1x1 .mask-content {
    /*vertical-align: bottom;*/
    padding-bottom: 0.6em;
  }
  .block-1x1 .mask-content h2 {
    margin-bottom: 0.5em;
  }

  .block-1x1.tile-video .mask-content {
    vertical-align: middle;
  }

  .block-2x1 .mask-content h2,
  .block-2x2 .mask-content h2 {
    font-size: 1.8em;
    margin-bottom: 0.5em;
  }

  .block-2x2.tile-video .mask-content {
    vertical-align: middle;
  }
  .block-2x2.tile-video .mask-headline {
    font-size: 1.2em;
  }

  .familyArtist .tile .mask-headline {
    font-size: 1.2em;
  }
  .familyArtist .tile .mask-text {
    font-size: 1.1em;
  }

  .familyArtistPage .tile .mask-headline,
  .inspirationPage .tile .mask-headline {
    font-size: 1.2em;
  }
  .familyArtistPage .tile .mask-text,
  .inspirationPage .tile .mask-text {
    font-size: 1.1em;
  }
  .familyArtistPage .tile .pdf,
  .inspirationPage .tile .pdf {
    margin-bottom: 18px;
  }

  .socialBox .shadow {
    width: 65px;
    height: 1px;
    margin-bottom: 15px;
  }
  .socialBox .facebook, .socialBox .tweeter, .socialBox .pinterest, .socialBox .youtube, .socialBox .instagram {
    margin: 3px 12px;
  }
  .socialBox .facebookButton {
    background-image: url(../i/sprite/sprite.png);
    background-position: -504px -52px;
    width: 24px;
    height: 26px;
  }
  .socialBox .tweetButton {
    background-image: url(../i/sprite/sprite.png);
    background-position: -504px 0px;
    width: 24px;
    height: 26px;
  }
  .socialBox .pinItButton {
    background-image: url(../i/sprite/sprite.png);
    background-position: -504px -156px;
    width: 24px;
    height: 26px;
  }
  .socialBox .socialCount {
    background: #fff;
    color: #585858;
  }
  .socialBox .spout1, .socialBox .spout2 {
    border-color: transparent #D7D7D7;
  }
  .socialBox .spout2 {
    border-right-color: #fff;
  }
  .socialBox .tweeter .socialCount {
    border-radius: 0;
    border-color: #D7D7D7;
    color: #585858;
    background: #fff;
  }
  .socialBox .tweeter .spout1, .socialBox .tweeter .spout2 {
    border-color: transparent #D7D7D7;
  }
  .socialBox .tweeter .spout2 {
    border-right-color: #fff;
  }

  .tredingStories .socialBox .facebook, .tredingStories .socialBox .tweeter, .tredingStories .socialBox .pinterest, .tredingStories .socialBox .youtube, .tredingStories .socialBox .instagram {
    margin: 3px 5px;
  }

  .block-1x1 {
    width: 140px;
    height: 140px;
  }

  .block-1x2, .block-2x1, .block-3x1 {
    width: 290px;
    height: 290px;
  }

  .block-2x2, .home .block-1x1, .home .block-2x1 {
    width: 290px;
    height: 290px;
  }

  .historyContent .block-1x1, .historyContent .block-2x1 {
    width: 290px;
    height: 290px;
  }

  .block-2x2,
  .home .block-1x1 h2,
  .home .block-2x1 h2 {
    font-size: 1.8em;
  }

  .cite {
    width: 290px;
    height: 290px;
  }

  .cite.cite-standalone {
    width: 290px;
    height: auto;
    min-height: 90px;
  }
  .cite.cite-standalone blockquote {
    padding: 20px 20px;
  }

  .largeBack {
    top: 30%;
    line-height: 38px;
    padding: 0 20px 0 50px;
    font-size: 1.2em;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  .largeBack.largeBackFamily {
    top: 45%;
    bottom: initial;
  }

  .familyArtistPage {
    padding-top: 10px;
  }

  .tileInstagram .mask-content,
  .tileFacebook .mask-content {
    padding-left: 1em;
    padding-right: 1em;
  }
  .tileInstagram .socialLogo,
  .tileFacebook .socialLogo {
    width: 2em;
    height: 2em;
    margin: 1.5em;
  }
  .tileInstagram .description,
  .tileFacebook .description {
    margin-bottom: 1em;
  }

  .tileTwitter .socialLogo {
    width: 3em;
    height: 3em;
    margin: 2em auto;
  }

  .tileYouTube .play {
    margin: -30px 0 0 -30px;
  }
  .tileYouTube .socialLogo {
    width: 3em;
    height: 3em;
    margin: 2em;
    margin-left: -1.5em;
  }
  .tileYouTube .mask-headline {
    font-size: 1.8em;
  }
  .tileYouTube .mask-text {
    font-size: 1.4em;
  }
  .tileYouTube img {
    margin-top: 36px;
  }

  .tilesTrendings .twitHeader {
    margin-top: 0;
  }

  .salonMarketing .tiles {
    margin: 0;
  }
  .salonMarketing .tile {
    margin: 5px !important;
  }
  .salonMarketing .block-1x1 {
    width: 290px;
    height: 290px;
  }
  .salonMarketing .mask-headline {
    font-size: 1.6em;
  }
  .salonMarketing .dotsDescriptionContent {
    font-size: 1.3em;
  }

  /* DYNAMIC BOXES ISOTOPE */
  .tile .buttonWrap .button {
    margin: 2px 7px;
  }

  blockquote {
    font-size: 1.3em;
    line-height: 13px;
  }

  .cite {
    font-size: 1em;
  }
  .cite .title {
    font-size: 2.5em;
    line-height: 1;
  }
  .cite .title .font-1 {
    font-size: 0.6em !important;
  }
  .cite .title .font-2 {
    font-size: 1em !important;
  }
  .cite .title .font-3 {
    font-size: 1.3em !important;
  }
  .cite .info {
    padding: 10px;
    margin-top: 15px;
  }
  .cite .info .short {
    font-size: 1.3em;
  }
  .cite .info .author {
    font-size: 1.8em;
  }
  .cite .info:before {
    width: 100px;
    margin-left: -50px;
  }
  .cite .info:after {
    width: 100px;
    margin-left: -50px;
  }

  .tile.cite:after,
  blockquote:after {
    width: 20px;
    height: 42px;
  }

  .tile.cite:before,
  blockquote:before {
    width: 20px;
    height: 42px;
  }

  h2 {
    font-size: 2.4em;
  }

  h3 {
    font-size: 1.1em;
  }

  /*  DISPLAY NONE ELEMENTS ON PAGE */
  .breadcrumb,
  .countrySelector > a:after,
  .ratingSection .reviews h2,
  .productSubMenu,
  ul.brandsList {
    display: none;
  }

  .countrySelector > a {
    display: inline;
    padding: 5px 20px 5px 25px;
  }

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

  .mobile-device .button.saveThisLook {
    display: none;
  }

  .home .buttons .button {
    min-width: inherit;
  }

  .panels h2 {
    line-height: 21px;
  }

  .panels .block {
    height: auto;
    position: relative;
    width: 300px;
    float: left;
    overflow: visible;
  }

  .panels .block-1 {
    margin-right: 0;
    margin-top: 140px;
  }

  .panels .block-2 {
    margin-top: 140px;
  }

  .panels .block-2 .content,
  .panels .block-1 .content {
    width: 100%;
    height: 140px;
    position: absolute;
    top: -140px;
    left: 0;
    float: none;
    font-size: 0.8em;
  }

  .panels .packshot {
    position: relative !important;
    float: none !important;
    width: 100%;
  }

  .panels .block-1 .content span {
    padding: 0 15px;
    line-height: 22px;
  }

  .panels .block-2 .content span {
    padding: 0 15px;
    text-align: left;
    line-height: 22px;
  }

  .recommendation {
    margin-bottom: 20px;
  }

  .recommendation li {
    width: 148px;
    height: 189px;
    margin: 0 1px 1px 0;
  }

  .recommendation h3 {
    font-size: 1.2em;
    margin-top: -30px;
    line-height: 12px;
    padding: 0 10px;
  }

  .productInformation {
    margin-top: 25px;
  }

  .productInformation > div {
    float: none;
  }

  .productInformation .packshot {
    width: auto;
  }

  .productInformation .packshot img {
    max-width: 100%;
  }

  .productInformation .description {
    width: auto;
    font-size: 1.1em;
    line-height: 17px;
    margin-top: 10px;
  }
  .productInformation .description h3 {
    font-size: 1em;
  }

  .productInformation .description .info p {
    margin: 0 0 15px;
  }

  .productInformation .description h1 {
    font-family: "ClanNarrow-Bold";
    text-align: center;
    font-size: 2.2em;
    line-height: 22px;
  }

  .pictureFrame .colRight h1.large {
    font-size: 5em;
  }

  .trendingStories .pictureFrame .colRight h1.large {
    font-size: 4.5em;
  }

  hgroup.special {
    margin: 30px auto;
  }

  hgroup.special h1 {
    font-size: 3.0em;
    line-height: 25px;
    padding-left: 65px;
    background: url("../i/headline-shadow-left-mobile.png") no-repeat 0 100%;
    float: none;
  }

  hgroup.special h2 {
    font-size: 2.0em;
  }

  hgroup.special h1 span {
    padding-right: 65px;
    background: url("../i/headline-shadow-right-mobile.png") no-repeat 100% 100%;
  }

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

  .filterButton .arrowLink {
    position: absolute;
    top: 14px;
    right: 10px;
    display: block;
    width: 15px;
    height: 9px;
    background: url("../i/sprite/arrows_up_down_white.png") no-repeat scroll 0 0;
  }

  .active .filterButton .arrowLink {
    background-position: 0 -29px;
  }

  .filterButton.down {
    background: url("../i/sprite/arrows_up_down_white.png") no-repeat scroll 272px 14px #ca1c6a;
  }

  .filterButton.up {
    background: url("../i/sprite/arrows_up_down_white.png") no-repeat scroll 272px -14px #ca1c6a;
  }

  .negativeBlock {
    display: block;
    margin: auto;
    margin-bottom: 20px;
    border: 0 !important;
  }

  .brandsListWrap {
    margin: 0;
  }

  .mobileSelectMenu {
    display: block;
  }

  .mobileSelectMenu ul {
    display: block;
    /*  UKRYCIE MENU  */
  }

  .mobileSelectMenu ul li a {
    text-align: center;
    display: block;
    padding: 12px 0;
    font-size: 1.4em;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    color: #6d6d6c;
  }

  .mobileSelectMenu ul li.active a,
  .mobileSelectMenu ul li a:hover {
    color: #c51c4b;
  }

  .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;
  }
  .mobileSelectMenu .styled-select-text {
    padding-right: 18px;
  }
  .mobileSelectMenu select {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .js-history-fixed .mobileSelectMenu {
    background: rgba(255, 255, 255, 0.75);
    width: 100%;
    position: fixed;
    top: 30px;
    left: 0;
    z-index: 100;
    padding-bottom: 10px;
  }
  .js-history-fixed .mobileSelectMenu .wrap {
    background: #fff;
  }

  .productFrame .ratingSection,
  .ratingSection {
    border-top: 1px solid #EDEDED;
    border-bottom: 0;
    padding: 0;
    line-height: 25px;
  }

  .productFrame .ratingSection .wrap > div,
  .ratingSection .wrap > div {
    border-bottom: 1px solid #EDEDED;
  }

  .productFrame .ratingSection a.more,
  .ratingSection a.more {
    display: inline-block;
    width: 100%;
  }

  .productFrame .ratingSection a.more span,
  .ratingSection a.more span {
    display: inline-block;
    padding: 0;
    width: 15px;
    height: 15px;
    float: right;
    margin-top: 5px;
  }

  .productFrame .ratingSection .col-2,
  .ratingSection .col-2 {
    padding: 0;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #EDEDED;
  }

  .productFrame .ratingSection .col-3,
  .ratingSection .col-3 {
    border: 0;
  }

  .productFrame .ratingSection .wrap > div,
  .ratingSection .wrap > div {
    float: none;
  }

  .productFrame .ratingSection .wrap,
  .ratingSection .wrap {
    margin: 0;
  }

  .productFrame .ratingSection ul.starRating,
  .ratingSection ul.starRating {
    margin: 0;
  }

  .productFrame .ratingSection .col-1,
  .ratingSection .col-1 {
    line-height: 20px;
    padding: 10px 0 5px 80px;
  }

  .productFrame .ratingSection {
    font-size: 1.1em;
  }

  .careCollections > h1 {
    font-size: 2.4em;
    margin-bottom: 20px;
    line-height: 20px;
    margin-top: 0;
  }

  .careDispatchPage .buttons {
    margin-bottom: 0;
  }

  .careDispatchPage .panels {
    margin-top: 45px;
  }

  .careDispatchPage .panels > h2 {
    margin-bottom: 20px;
  }

  footer {
    margin-top: 25px;
  }

  footer ul li {
    font-size: 1.1em;
  }

  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-1 a {
    background: none;
  }

  footer .col-2 {
    border: 0;
  }

  footer .col-3 {
    padding-bottom: 0;
  }

  footer .col h3 {
    margin-bottom: 5px;
    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: -108px -525px;
    width: 18px;
    height: 18px;
  }

  .followUs .ico_tweet {
    background-image: url(../i/sprite/sprite.png);
    background-position: -36px -525px;
    width: 18px;
    height: 18px;
  }

  .followUs .ico_pint {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -525px;
    width: 18px;
    height: 18px;
  }

  .followUs .ico_youtube {
    background-image: url(../i/sprite/sprite.png);
    background-position: -54px -525px;
    width: 18px;
    height: 18px;
  }

  .followUs .ico_istagram {
    background-image: url(../i/sprite/sprite.png);
    background-position: -162px -525px;
    width: 18px;
    height: 18px;
  }

  .followUs .ico_wellablog {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -543px;
    width: 17px;
    height: 18px;
  }

  /* sprites for each icons in element .otherBrands */
  .otherBrands .ico_nioxin {
    background-image: url(../i/sprite/sprite.png);
    background-position: -422px -409px;
    width: 38px;
    height: 24px;
  }

  .otherBrands .ico_clairol {
    background-image: url(../i/sprite/sprite.png);
    background-position: -64px -409px;
    width: 50px;
    height: 24px;
  }

  .otherBrands .ico_sp {
    background-image: url(../i/sprite/sprite.png);
    background-position: -380px -433px;
    width: 30px;
    height: 24px;
  }

  .otherBrands .ico_sassoon {
    background-image: url(../i/sprite/sprite.png);
    background-position: -252px -409px;
    width: 44px;
    height: 24px;
  }

  .otherBrands .ico_sebastian {
    background-image: url(../i/sprite/sprite.png);
    background-position: -280px -317px;
    width: 64px;
    height: 24px;
  }

  .otherBrands .ico_londa {
    background-image: url(../i/sprite/sprite.png);
    background-position: -164px -409px;
    width: 44px;
    height: 24px;
  }

  .otherBrands .ico_kadus {
    background-image: url(../i/sprite/sprite.png);
    background-position: -296px -409px;
    width: 44px;
    height: 24px;
  }

  .footerRowWrap {
    height: auto;
  }

  .footerRow {
    background: #000;
    line-height: normal;
    text-align: center;
    width: 290px;
    padding: 0 12px;
  }
  .footerRow .BBB a {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -288px;
    width: 75px;
    height: 29px;
    margin-left: 108px;
  }

  .footerRow .center li,
  .footerRow > div {
    float: none !important;
    line-height: 40px;
  }

  .footerRow .left {
    width: 100%;
    border-bottom: 1px solid #232323;
  }

  .footerRow .center {
    margin: 0;
  }

  .footerRow .center li {
    border-bottom: 1px solid #232323;
  }

  .footerRow .center li a:before {
    content: "";
    display: none;
  }

  .footerRow .right {
    font-size: 0.9em;
  }

  .searchPane {
    width: 207px;
    height: 40px;
    z-index: 2;
    top: 98.5px;
    left: 51px;
    box-shadow: 0 25px 40px 10px rgba(0, 0, 0, 0.5);
  }
  .searchPane .selectBox .styled-select-wrapper {
    height: 40px;
  }
  .searchPane .selectBox .styled-select-text {
    font-size: 0.6em;
    padding: 0 32px 0 10px;
  }
  .searchPane .selectBox .styled-select-button {
    width: 28px;
  }
  .searchPane input[type="text"] {
    width: 159px;
    height: 40px;
    font-size: 0.6em;
  }

  .product {
    margin-bottom: 20px;
  }

  .reviews {
    margin-top: 0px;
  }

  .ratingSection .col-1 > * {
    float: none;
  }

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

  /*	=careCollections   */
  .careCollections h3 {
    margin-top: -20px;
    font-size: 1.1em;
    line-height: 1;
  }

  .careCollections li {
    width: 148px;
  }

  .productFinderPage .careCollections li {
    height: 183px;
  }

  .careCollections li > a {
    min-height: 181px;
    border: 1px solid #ededf0;
    margin: 0 2px 2px 0;
  }

  .careCollections h3.fixMargin {
    margin-top: -28px;
    line-height: 11px;
  }

  input[type="checkbox"],
  input[type="radio"] {
    height: 30px;
    width: 30px;
  }

  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 {
    padding-left: 40px;
    margin-top: 5px;
  }
  .css-label:before {
    height: 30px;
    width: 30px;
    top: -7px;
  }

  /*	=COLOR COLLECTIONS
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .colorInformation .pictureFrame .icLogo img {
    width: 65% !important;
  }
  .colorInformation .shadeFrame {
    margin-bottom: 2px;
  }

  .brandHeader {
    height: auto;
    margin: 0 -10px 20px -10px;
    overflow: hidden;
  }

  .brandHeader .brandPackshot {
    width: 100%;
  }

  .brandHeader .brandPackshot img {
    display: block;
  }

  .brandHeader .brandInfo {
    width: 100%;
    height: auto;
    padding: 15px 0 20px 0;
  }

  .brandHeader .brandInfo .colInfo {
    padding: 0 0 10px 0;
    font-size: 1.1em;
  }

  .brandHeader .brandInfo strong {
    width: 285px;
    line-height: 18px;
    font-size: 1.4em;
    margin-top: 13px;
  }

  .brandHeader .brandInfo hgroup {
    padding: 10px 0 10px 0;
  }

  .brandHeader .brandInfo h1 {
    line-height: 25px;
    font-size: 3em;
  }

  .brandHeader .brandInfo h2 {
    font-size: 2em;
  }

  .productFrame .packshot {
    width: 50%;
  }

  .mobile-device .productFrame .packshot {
    width: 100%;
  }

  .productFrame .description {
    padding: 0;
    text-align: left;
    vertical-align: top;
    width: 100%;
    display: block;
  }

  .productFrame .description .text {
    font-size: 1.1em;
    line-height: 11px;
    text-align: center;
  }

  .productFrame .description .small {
    font-size: 1em;
    margin: 10px 0;
    text-align: center;
    line-height: 10px;
  }

  .detailsList {
    margin-bottom: 30px;
  }
  .detailsList .row {
    border-bottom: 1px solid #ebe9ee;
  }
  .detailsList .row:first-child {
    border-top: 1px solid #ebe9ee;
  }

  .detailsList h2 {
    font-size: 3em;
    line-height: 25px;
    padding: 14px 0 5px 0;
    cursor: pointer;
    background: url(../i/sprite/product_arrow_down.png) no-repeat 92% center;
  }

  .descriptionWrapper.active .descriptionTitle {
    background: url(../i/sprite/product_arrow_up.png) no-repeat 92% center;
  }

  .detailsList h3 {
    font-size: 1.1em;
    margin-bottom: 5px;
  }

  .detailsList .row .description {
    width: 100%;
    text-align: left;
  }

  .detailsList .row .description ul,
  .detailsList .row .description p {
    font-size: 1.1em;
    margin-bottom: 15px;
  }

  .detailsList .line {
    margin: 0 0 10px;
    float: left;
    height: 1px;
    width: 120px;
  }

  .detailsList .row .description .inner {
    padding: 0;
  }

  .detailsList .row .description .inner.active {
    padding-bottom: 19px;
  }

  .detailsList .row .packshot {
    display: none;
  }

  .detailsList .row.border {
    border-top: 1px solid #ebe9ee;
    border-bottom: 1px solid #ebe9ee;
    margin: 15px -10px;
    padding: 15px 10px;
  }

  .topMainVisual .pictureFrame .centerPack {
    display: none;
  }

  .pictureFrame .colLeft {
    width: 100%;
  }

  .pictureFrame .colRight {
    width: 100%;
    padding-top: 20px;
    position: relative;
  }

  .pictureFrame.colCentered .col {
    right: 0;
  }

  .pictureFrame.colReversed .colLeft {
    left: auto;
    position: static;
  }

  /*  buttony w slajderze na głównej  */
  .topMainVisual.home .pictureFrame .colRight {
    width: 50%;
    position: absolute;
  }

  .topMainVisual.home .pictureFrame .colLeft {
    width: 50%;
  }

  .topMainVisual.home .pictureFrame.colReversed .colRight {
    left: 0;
    width: 50%;
  }

  .topMainVisual.home .buttons .button {
    margin-bottom: 0;
  }

  .pictureFrame .icLogo {
    padding: 20px 0 10px;
  }

  .pictureFrame .prodInfo {
    font-size: 1.1em;
  }

  .discoverTitle {
    font-family: "ClanNarrow-Thin";
    font-size: 2em;
    margin-top: 30px;
  }

  .pictureFrame .prodDescription {
    font-size: 1.2em;
    padding: 4% 15% 1%;
  }
  .pictureFrame .prodNote {
    font-size: 1.1em;
    padding: 4% 8% 0;
  }

  .pictureFrame .colRight h1 {
    font-size: 2.5em;
    margin: 10px 0;
  }

  .pictureFrame .colRight .inner {
    padding-bottom: 20px;
  }

  .pictureFrame .colRight h2 {
    font-size: 3em;
  }

  .pictureFrame .colRight.bgPink h2 {
    padding: 10% 0 5% 0;
    font-size: 4em;
  }

  .pictureFrame input[type="text"] {
    width: 180px;
    height: 34px;
    line-height: 100%;
    padding: 0 15px;
    font-size: 1.4em;
  }

  .pictureFrame input[type="submit"] {
    height: 34px;
    padding: 0 20px;
    font-size: 1.1em;
    line-height: 34px;
  }

  .buttons .button {
    margin-bottom: 20px;
  }

  .downloadPdf img {
    display: inline !important;
    width: 100% !important;
  }

  .coutureColorbuttons .collectionDivision {
    margin-top: 20px;
  }

  .collectionDivision h1 {
    font-size: 2.4em;
    line-height: 24px;
    margin: 25px 0 10px 0;
  }

  .collectionDivision p {
    font-size: 1.2em;
  }
  .collectionDivision p br {
    display: none;
  }

  .pictureFrame .col .subtitle {
    font-size: 1.2em;
  }

  .pictureFrame .col img.packshot {
    display: none;
  }

  .pictureFrame .col img.logo {
    /*width: 68.56330014224751%;
    margin-top: 38.92793931731985%;*/
    margin-top: 7.928%;
    width: 100%;
  }

  .pictureFrame .col h1 {
    margin-bottom: 10px;
  }

  .pictureFrame .colRight .subtitle,
  .pictureFrame .colLeft .subtitle {
    padding: 2px 0;
  }

  .colorDispatchFrame.pictureFrame .colRight .inner {
    padding-top: 0;
  }

  .filterMenu {
    padding: 5px;
    margin: 0 -5px 20px;
    border: 1px solid #ededf0;
  }
  .filterMenu li {
    display: block;
  }
  .filterMenu .viewMoreBrands a {
    font-size: 0.8em;
  }

  .tablet-device .inspirationGallery .filterMenu li a:hover {
    color: #777777;
  }

  .scrollPane {
    height: auto;
  }

  .pictureFrame .founder h2 {
    font-size: 3em !important;
    line-height: 30px !important;
    margin: 0 0 10px 0;
  }

  .pictureFrame .founder .founderInfo {
    font-size: 1.1em !important;
    line-height: 12px;
  }

  .pictureFrame .founder .line {
    padding: 20px 0;
    display: none;
  }

  .pictureFrame .founder .inner {
    padding: 5%;
  }

  body.trendingStories {
    padding-top: 0;
  }
  body .trendingStories {
    padding-top: 10px;
  }

  .trendingStories .item {
    margin: 0 0 10px 0;
  }

  .trendingStories .item.last {
    margin-bottom: 10px !important;
  }

  .trendingStories .item.tweet {
    padding: 40px;
  }

  .trendingStories .item.tweet h2 {
    font-family: "ClanNarrow-Thin";
    font-size: 2.6em;
    line-height: 20px;
    margin-bottom: 10px;
  }

  .trendingStories .item.tweet .title {
    font-size: 1.4em;
  }

  .trendingStories .item.tweet .nick {
    font-size: 1.4em;
  }

  .mapNesting1 > li {
    font-size: 2.5em;
  }

  .sitemap .colLeft {
    width: 96%;
    border-right: 0 none;
  }
  .sitemap .colRight {
    width: 96%;
  }

  .pictureFrame .colRight.removeSpace {
    padding: 0;
    margin: 0;
  }

  .centerText h1 {
    margin-top: 35%;
    font-size: 3em;
  }

  .cosmeticAuthor figure, .cosmeticAuthor article {
    float: none;
  }
  .cosmeticAuthor article {
    width: 100%;
  }
  .cosmeticAuthor article:before {
    display: none;
  }
  .cosmeticAuthor h3 {
    font-size: 2.5em;
    margin: 75px 2% 2% 100px;
  }
  .cosmeticAuthor p {
    font-size: 1.2em;
    margin: 2% 2% 2% 100px;
  }
  .cosmeticAuthor .buttons {
    margin-top: 3%;
    text-align: center;
  }
  .cosmeticAuthor .buttons .button {
    min-width: 160px;
  }
  .cosmeticAuthor .authorVisual {
    height: auto;
    width: 90px;
    float: left;
  }
  .cosmeticAuthor .packshot {
    font-size: 1.1em;
    bottom: auto;
    top: -100px;
    width: 70%;
    text-align: right;
  }
  .cosmeticAuthor .packshot span {
    display: block;
    clear: right;
  }
  .cosmeticAuthor .packshot img {
    width: 75px;
    float: right;
  }

  .blocks li {
    width: 140px;
    height: 140px;
    margin: 5px;
  }
  .blocks .plus {
    width: 28px;
    height: 28px;
  }
  .blocks .wide {
    width: 290px;
    height: 290px;
  }
  .blocks .wide .visual {
    height: 100%;
    width: auto;
    max-width: none;
  }

  .rollover {
    font-size: 0.6em;
  }
  .rollover h4 {
    margin-top: 25%;
  }

  .pinkTitle {
    font-size: 5.5em;
  }

  .creative {
    padding-top: 50px;
  }
  .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;
  }

  .pictureFrame.fullFrame .colRight .inner {
    padding: 20px 0;
  }

  .pictureFrame.fullFrame .colRight h1 {
    font-size: 2.7em;
    line-height: 22px;
  }

  .pictureFrame.fullFrame .short {
    font-size: 1.1em;
    font-family: arial;
    margin: 10px 10px 0;
  }

  .shadeContent {
    overflow: hidden;
    height: 117px;
  }

  .shadeBg {
    position: absolute;
    top: 0;
    left: 0;
  }
  .shadeBg .shadeMaskLeft, .shadeBg .shadeMaskRight {
    display: none;
  }
  .shadeBg .shadeScale {
    max-width: initial;
    width: auto;
    height: 77px;
  }

  .pinItem .pin {
    width: 16px;
    height: 16px;
    margin-left: -8px;
    background: url("../i/sprite/strict/shade-pin-l.png") 0 0 no-repeat;
  }
  .pinItem .hover {
    width: 24px;
    height: 100%;
    margin-left: -12px;
  }
  .pinItem.active .pin {
    background: url("../i/sprite/strict/shade-pin-hover-l.png") 0 0 no-repeat;
  }
  .pinItem.active .shadePrompt {
    display: none;
  }

  .shadeSliderWrapper, .shadeRollover {
    display: block;
    height: auto !important;
  }

  .shadeRollover .shadePrompt {
    z-index: 203;
    width: 180px;
    height: 76px;
    bottom: 100%;
    left: 173px;
    margin: -88px 0 0 -121px;
  }
  .shadeRollover .shadePrompt .triangle {
    width: 11px;
    height: 6px;
    left: 63%;
    bottom: -7%;
    display: none;
  }
  .shadeRollover .shadePrompt h5 {
    font-size: 1.6em;
  }
  .shadeRollover .shadePrompt p {
    font-size: 1.2em;
  }

  .shadeFrameColorSunset .shadePrompt h5 {
    font-size: 1.3em;
  }
  .shadeFrameColorSunset .shadePrompt p {
    font-size: 1em;
  }

  .shadeOverlay {
    background: transparent;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 202;
    display: none;
  }
  .shadeOverlay.active {
    display: block;
  }

  .centerTitle {
    font-size: 12em;
  }

  .errorContent {
    font-size: 1.3em;
  }
  .errorContent .searchPane {
    width: 210px;
  }
  .errorContent .searchPane .inputTextWrapper {
    height: 40px;
  }

  /*  INSPIRATION AND PRODUCT FINDER GALLERY MOBILE MENU */
  .making-waves.mentor__gallery {
    		/* .filterMenuWrap {
    			padding-left: 0 !important;
    			.mobileSelectMenu { display: none; }
    			.filterMenu {
    				width: 100%;
    				border: 0 none;
    				text-align: center;
    				&.first {
    					border-top: 0 none;
    	    			border-bottom: 0 none;
    	    			.item {
    						//float: left;
    						width: 120px;
    						display: inline-block;
    					}
    	    		}
    	    		li.filterText { border-bottom: 0 none; }
    			}
    
    			.together {
    				border-top: 0 none;
    	    		border-bottom: 0 none;
    			}
    		} */
  }
  .making-waves.mentor__gallery #tvp-judges .filterMenu a {
    min-width: inherit;
    width: auto;
  }

  .finalists h2,
  .inspirationGallery h2,
  .productFinderPage h2 {
    font-size: 1.4em;
    margin: 14px 0;
    line-height: 25px;
  }
  .finalists .lastItem,
  .inspirationGallery .lastItem,
  .productFinderPage .lastItem {
    border: 0 !important;
  }
  .finalists .filterMenuWrap,
  .inspirationGallery .filterMenuWrap,
  .productFinderPage .filterMenuWrap {
    padding-left: 0;
    margin-bottom: 10px;
  }
  .finalists .mobileSelectMenu,
  .inspirationGallery .mobileSelectMenu,
  .productFinderPage .mobileSelectMenu {
    margin: 0 5px;
  }
  .finalists .filterMenu,
  .inspirationGallery .filterMenu,
  .productFinderPage .filterMenu {
    margin: 0;
    border: 0;
  }
  .finalists .filterMenu.all,
  .inspirationGallery .filterMenu.all,
  .productFinderPage .filterMenu.all {
    margin: 3px 0;
  }
  .finalists .filterMenu.all li,
  .inspirationGallery .filterMenu.all li,
  .productFinderPage .filterMenu.all li {
    float: none;
    background: none;
    border: 0;
  }
  .finalists .filterMenu.all li a,
  .inspirationGallery .filterMenu.all li a,
  .productFinderPage .filterMenu.all li a {
    background: none;
    color: #ccc;
  }
  .finalists .filterMenu li,
  .inspirationGallery .filterMenu li,
  .productFinderPage .filterMenu li {
    font-size: 1.3em;
    line-height: normal;
    float: none;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
  }
  .finalists .filterMenu li a,
  .inspirationGallery .filterMenu li a,
  .productFinderPage .filterMenu li a {
    padding: 0;
    border: 0;
    width: 100%;
    line-height: 36px;
  }
  .finalists .filterMenu li a:hover,
  .inspirationGallery .filterMenu li a:hover,
  .productFinderPage .filterMenu li a:hover {
    background: none;
    color: #777777;
  }
  .finalists .filterMenu li:last-child,
  .inspirationGallery .filterMenu li:last-child,
  .productFinderPage .filterMenu li:last-child {
    border-bottom: 0;
  }
  .finalists .filterMenu li.item,
  .inspirationGallery .filterMenu li.item,
  .productFinderPage .filterMenu li.item {
    margin: 0 8px 0 0;
  }
  .finalists .filterMenu li.active a,
  .inspirationGallery .filterMenu li.active a,
  .productFinderPage .filterMenu li.active a {
    background: none;
    color: #c51c4b;
  }
  .finalists .filterMenu li.filterText,
  .inspirationGallery .filterMenu li.filterText,
  .productFinderPage .filterMenu li.filterText {
    line-height: 33px;
    margin-left: 0;
  }
  .finalists .together,
  .inspirationGallery .together,
  .productFinderPage .together {
    margin: 0 5px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 11px 0 5px 0;
    position: relative;
  }
  .finalists .together:after,
  .inspirationGallery .together:after,
  .productFinderPage .together:after {
    content: "";
    display: table;
    clear: both;
  }
  .finalists .together .first,
  .inspirationGallery .together .first,
  .productFinderPage .together .first {
    float: left;
    width: 144px;
    border-right: 1px solid #ccc;
  }
  .finalists .together .second,
  .inspirationGallery .together .second,
  .productFinderPage .together .second {
    float: left;
    width: 145px;
  }
  .finalists .together .second:before,
  .inspirationGallery .together .second:before,
  .productFinderPage .together .second:before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    height: 100%;
    border-left: 1px solid #ccc;
  }
  .finalists .together .second .item,
  .inspirationGallery .together .second .item,
  .productFinderPage .together .second .item {
    margin: 0 0 0 8px;
  }

  .productFinderPage .mobileSelectMenu {
    margin: 20px 0 0;
  }
  .productFinderPage .filter {
    padding: 0;
  }
  .productFinderPage .filterMenu {
    padding: 0;
  }
  .productFinderPage .filterMenu li.item {
    margin: 0;
  }
  .productFinderPage .filterMenu li.item a {
    font-size: 1em;
  }
  .productFinderPage .together {
    padding: 0;
  }

  /* END INSPIRATION AND PRODUCT FINDER GALLERY MOBILE MENU */
  .tilesTrendings .description {
    font-size: 1.6em;
  }
  .tilesTrendings .tileTwitter {
    font-size: 0.8em;
  }
  .tilesTrendings .tile {
    width: 290px;
    height: 290px;
  }

  .tile .textBetweenLines {
    font-size: 0.8em;
  }

  /* =WELLA HISTORY
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  .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%;
  }

  /* =SEARCH RESLUTS PAGE
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  .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%;
  }

  .popup.discover {
    width: 96%;
    min-width: 320px;
  }
  .popup.discover hgroup {
    font-size: 0.7em;
  }
  .popup.discover .facebookButton {
    background-image: url(../i/sprite/sprite.png);
    background-position: -504px -52px;
    width: 24px;
    height: 26px;
    margin-top: 6px;
  }
  .popup.discover .tweetButton {
    background-image: url(../i/sprite/sprite.png);
    background-position: -504px 0px;
    width: 24px;
    height: 26px;
    margin-top: 6px;
  }
  .popup.discover .pinItButton {
    background-image: url(../i/sprite/sprite.png);
    background-position: -504px -156px;
    width: 24px;
    height: 26px;
    margin-top: 6px;
  }
  .popup.discover .socialCount {
    background: #000;
    color: #fff;
    border-color: #fff;
    height: 26px;
    min-width: 50px;
    padding: 6px 3px;
  }
  .popup.discover .spout1, .popup.discover .spout2 {
    border-color: transparent #fff;
  }
  .popup.discover .spout2 {
    border-right-color: #000;
  }
  .popup.discover .tweeter .socialCount {
    border-radius: 0;
    border-color: #fff;
    color: #fff;
    background: #000;
  }
  .popup.discover .tweeter .spout1, .popup.discover .tweeter .spout2 {
    border-color: transparent #fff;
  }
  .popup.discover .tweeter .spout2 {
    border-right-color: #000;
  }

  /* =CONTACT US PAGE
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  .contactContent {
    font-size: 1.4em;
  }
  .contactContent .active h2:before {
    background-position: 0 top;
  }
  .contactContent h2 {
    margin: 0 0 10px;
    padding: 0 15% 0 2%;
    position: relative;
    border: none;
  }
  .contactContent h2:before {
    content: "";
    display: block;
    background: transparent url("../i/sprite/arrows_up_down.png") 0 bottom no-repeat;
    width: 15px;
    height: 9px;
    position: absolute;
    top: 50%;
    margin-top: -4.5px;
    right: 5%;
  }
  .contactContent li {
    margin-bottom: 15px;
  }
  .contactContent .colLeft, .contactContent .colRight {
    width: 100%;
    padding: 0;
    border-right: none;
    border-left: none;
    float: none;
    left: 0;
  }
  .contactContent .tabContainer {
    padding: 0 2%;
    overflow: hidden;
  }

  .contactForm {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #a2a2a2;
  }
  .contactForm dl {
    margin-top: 15px;
  }
  .contactForm dt, .contactForm dd {
    float: none;
    width: 100%;
  }
  .contactForm dt {
    line-height: 1;
    margin-bottom: 5px;
  }
  .contactForm input[type="submit"] {
    font-size: 1.28em;
    min-width: 100%;
    margin: 20px 0 15px;
    line-height: 38px;
  }
  .contactForm .tabContainer {
    margin-top: 10px;
  }
  .contactForm .contactFormInner:before {
    display: none;
  }

  .contactSudios {
    margin-top: 10px;
  }
  .contactSudios p {
    margin: 0 0 10px;
  }

  .contactAdresses {
    margin-top: 10px;
  }

  .is-loaded .contactSudios, .is-loaded .contactAdresses {
    border-bottom: 1px solid #a2a2a2;
  }

  /*	=LANDING PAGE
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .landingPage .visualWrapper {
    position: relative;
    height: auto;
  }
  .landingPage .colRight {
    width: 100%;
    left: 28.5%;
    position: relative;
    padding: 0;
    top: 0;
    left: 0;
  }
  .landingPage .inner {
    padding: 0;
  }
  .landingPage .title {
    padding: 0;
    margin-bottom: 0;
    position: absolute;
    bottom: 100%;
    left: 0;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    width: 100%;
  }
  .landingPage .titleText {
    background-color: #9a0553;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlhMDU1MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhMTU4NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9a0553), color-stop(100%, #ea1584));
    background-image: -moz-linear-gradient(#9a0553 0%, #ea1584 100%);
    background-image: -webkit-linear-gradient(#9a0553 0%, #ea1584 100%);
    background-image: linear-gradient(#9a0553 0%, #ea1584 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a0553', endColorstr='#ea1584',GradientType=0 );
    color: #fff;
    font-size: 3.3em;
    display: block;
    font-family: "ClanNarrow-Medium";
    padding: 10px 0 15px;
  }
  .landingPage .titleText span {
    display: block;
    line-height: 0.9;
  }
  .landingPage .subtitle {
    font-size: 2.5em;
    display: block;
    padding-top: 20px;
  }
  .landingPage .landingContryInfo p {
    width: 47%;
    font-size: 1.2em;
  }
  .landingPage .footerRowWrap {
    position: relative;
    top: auto;
    bottom: auto;
  }

  .landingContryWrapper {
    background-color: #fff;
    margin-top: 13px;
    border-radius: 0;
  }
  .landingContryWrapper .landingContinent {
    height: auto;
    position: relative;
  }
  .landingContryWrapper .landingContinentCombo {
    height: 70px;
  }
  .landingContryWrapper .landingAccordion {
    overflow: hidden;
    height: 35px;
    border-top: 1px solid #d8d1d2;
    position: relative;
  }
  .landingContryWrapper .landingAccordion.active {
    display: block;
    height: auto;
  }
  .landingContryWrapper .landingAreaName {
    font-size: 1.5em;
    padding: 0 15px;
    cursor: pointer;
    line-height: 36px;
  }
  .landingContryWrapper .landingAreaName:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 36px;
    width: 37px;
    background: #c80038 url(../i/sprite/select_arrow_right.png) 50% 50% no-repeat;
    color: #fff;
    font-family: Arial;
    display: block;
    text-align: center;
    line-height: 36px;
  }
  .landingContryWrapper .landingAreaNameSingle {
    background: none;
  }
  .landingContryWrapper .landingAreaNameSingle:before {
    content: none;
    display: none;
  }
  .landingContryWrapper .landingAreaNameSingle a {
    width: 100%;
    display: block;
    line-height: 36px;
    font-size: 1.1em;
  }
  .landingContryWrapper .landingAreaNameSingle a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 36px;
    width: 37px;
    background: #c80038 url(../i/sprite/select_arrow_right.png) 50% 50% no-repeat;
    display: block;
  }
  .landingContryWrapper .landingAccordion.active .landingAreaName:before {
    background-image: url(../i/sprite/select_arrow.png);
    height: 36px;
  }
  .landingContryWrapper .landingAccordion.active .landingAreaNameSingle {
    background: none;
  }
  .landingContryWrapper .landingCountryList {
    overflow: hidden;
    padding: 0;
  }
  .landingContryWrapper .landingCountryList li {
    float: none;
    width: 100%;
    border-top: 1px solid #d8d1d2;
  }
  .landingContryWrapper .landingCountryList li {
    text-align: left;
  }
  .landingContryWrapper .landingCountryList a {
    padding: 0 15px;
    font-size: 1.3em;
    line-height: 28px;
    position: relative;
  }
  .landingContryWrapper .landingCountryList a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 28px;
    width: 31px;
    background: url(../i/sprite/nav/nav-lvl1-expanded-ico-cellphone.png) center center no-repeat transparent;
    display: block;
  }

  /*  =GENERAL ACCORDION MECHANISM
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .js-accordionItemWrapper .wrap {
    display: none;
  }
  .js-accordionItemWrapper.active .wrap {
    display: block;
  }

  /*	=SALONFINDER PAGE
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .salonfinderForm {
    width: 268px;
  }
  .salonfinderForm .selectBox {
    margin-bottom: 7px;
  }
  .salonfinderForm .selectBox .styled-select-wrapper {
    height: 34px;
  }
  .salonfinderForm .selectBox .styled-select-text {
    font-size: 1.4em;
  }
  .salonfinderForm input.address {
    width: 130px;
    margin-left: 0;
    margin-right: 0;
  }
  .salonfinderForm input.button {
    margin-right: 0;
    padding: 0 1.2em;
    margin-left: 0;
    float: right;
  }

  .mobileWidthFix .colRight {
    width: 50%;
    top: 0;
    position: absolute;
  }

  body.mobile-device .mobileWidthFix.colCentered .colRight {
    width: 100%;
  }

  .mobileWidthFix.colCentered .colRight img.logo {
    margin-top: 18.92793931731985%;
  }

  .line.space {
    margin-top: 10px;
  }

  .filterSalonMap .cluster.small,
  .filterSalonMap .cluster.medium
  .filterSalonMap .cluster.large {
    width: 54px;
    height: 54px;
    margin-left: -17px;
    margin-top: -15px;
  }

  /*	=CARE COLLECTIONS
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .productFinderPage .careCollections li {
    min-width: 148px;
    width: 148px;
    min-height: 183px;
    height: 183px;
    margin: 0 2px 2px 0;
  }
  .productFinderPage .careCollections li a {
    min-width: inherit;
    min-height: inherit;
    width: inherit;
    height: inherit;
    margin: 0;
  }
  .productFinderPage .careCollections li img {
    width: inherit;
    height: inherit;
  }

  /*	=CARE COLLECTIONS
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .rwdDimension {
    width: 300px;
  }

  .creativeDirectors blockquote {
    margin-bottom: 20px;
  }

  /*	=FAQ PAGE
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .faqPage {
    margin-top: 15px;
  }
  .faqPage .intro {
    font-size: 1.6em;
    margin-bottom: 20px;
  }
  .faqPage .item {
    padding: 20px 0;
  }
  .faqPage .item h4 {
    font-size: 1.8em;
  }
  .faqPage .item h4:before {
    right: 0;
  }
  .faqPage .item p {
    font-size: 1.4em;
    margin-top: 15px;
    width: 90%;
  }
  .faqPage .legal {
    margin-top: 30px;
    font-size: 1.2em;
    width: 100%;
  }

  .plus-ico:before {
    right: 4px;
    bottom: 1px;
  }

  /*	=SALON SUPPORT PAGE
  	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .ie8infoPopup.popup {
    padding: 0;
    width: 230px !important;
  }

  .ie8infoPopup.popup br {
    display: none;
  }

  .ie8infoPopup.popup .wrap {
    padding: 10px;
  }

  .ie8infoPopup.popup h1 {
    font-size: 2em;
    line-height: 25px;
    padding: 70px 10px 10px 0px;
    background-position: center 0;
  }

  .ie8infoPopup.popup p {
    font-size: 1.2em;
    padding: 0 0 0 0;
  }

  .ie8infoPopup.popup a.close {
    position: absolute;
    top: 5px;
    right: 5px;
  }

  .ThankYouDE {
    border: 0;
    margin: 0;
  }

  /*	=SALON SUPPORT PAGE
  	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .salonSupportTop .pictureFrame .colRight h1.large {
    font-size: 3em;
  }

  .salonSupportBottom .tiles .mask h2 {
    font-size: 2.8em;
  }

  .salonSupportBottom .tiles .mask p {
    font-size: 1.2em;
  }

  .button_flag {
    width: 21px;
    height: auto;
  }

  /*	CBB INITIATIVE
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .cbbTop .pictureFrame .colRight {
    padding-top: 0px;
  }

  .cbbPage .buttons {
    margin-bottom: 10px;
  }

  .panels .block a {
    font-size: 0.9em;
  }
  .panels .block a.ir {
    font-size: 0;
    position: absolute;
  }

  .virtualSalonButton {
    display: none;
  }

  .cbbPage .mobileSelectMenu select {
    cursor: pointer;
  }

  .tipMobileMenu .styled-select-wrapper {
    background-color: #c03;
  }

  .panels .block-2 .prevBtn {
    left: auto;
    right: 0;
    height: 30px;
  }

  .panels .block-2 .buttonRight {
    right: 0px;
    height: 3px;
    width: 28px;
    margin-top: -28px;
    background-image: url(../i/sprite/sprite.png);
    background-position: -433px -267px;
    width: 28px;
    height: 30px;
  }

  /* TIP PAGE */
  .tipPage .buttonsWrapper {
    margin-bottom: 0;
  }
  .tipPage .buttonsWrapper .buttons {
    margin-bottom: 0;
  }
  .tipPage .buttonsWrapper .button:last-child {
    margin-bottom: 0;
  }
  .tipPage .negativeBlock {
    position: relative;
    width: 280px;
    height: 40px;
  }

  .categoryFrame h2 {
    font-size: 2.9em;
    margin: 30px auto;
  }

  .category-tip h3 {
    font-size: 2.4em;
  }

  .category-tip > p {
    font-size: 1.2em;
    padding-top: 0;
  }

  .categoryFrame .social {
    margin-bottom: 80px;
  }

  .categoryFrame .social a,
  .categoryFrame .social p {
    background-size: 20px 20px;
    font-size: 1.2em;
  }

  .social .share {
    background-position: 0 2px;
    padding-left: 22px;
    width: 45px;
    padding-top: 4px;
  }
  .social .email {
    background-position: 0 0;
    padding-left: 23px;
    width: 41px;
  }
  .social .facebook {
    background-position: 0 3px;
    padding-left: 22px;
    width: 65px;
  }
  .social .twitter {
    background-position: 3px 1px;
    padding-left: 27px;
    width: 50px;
  }
  .social .sep1, .social .sep4 {
    display: none !important;
  }

  .buttonFrame .button {
    display: none !important;
  }

  .buttonFrame p {
    font-size: 1em;
  }

  /* STYLISTS PAGE */
  .stylistsWrap {
    height: 80px;
    margin-top: -10px;
  }

  .stylistsBlock {
    position: relative;
    width: 280px;
    height: 40px;
  }

  .stylistsList {
    display: none !important;
  }

  .stylistInfo h2 {
    font-size: 2.9em;
    line-height: 1em;
    background-position: 0 2px;
    background-size: 12px 23px;
  }
  .stylistInfo .stylistlocalisation {
    font-size: 1.5em;
  }
  .stylistInfo .stylistQuote {
    font-size: 1.8em;
    padding: 23px 30px 0;
    width: auto;
    background: url(../i/initiatives/CBB/stylists_quote_bg_m.png) no-repeat 0 0;
    height: 210px;
    margin-top: 10px;
    text-transform: uppercase;
  }

  .cbbPage .detailsList h2 {
    font-size: 2em;
    background: none;
  }

  .stylistInterview .stylistAnswer {
    font-size: 1.2em;
    padding-top: 10px;
  }
  .stylistInterview .secondAnswer {
    padding-bottom: 20px;
  }
  .stylistInterview .hr {
    float: left;
    margin: 20px 0 6px;
  }

  .socialButtons {
    width: 100%;
  }

  .socialButtons a {
    width: 200px;
    font-size: 1.2em;
    padding-left: 30px;
    max-height: 30px;
    line-height: 30px;
    background-position: 8px 2px !important;
    margin: 15px auto !important;
    display: block;
  }

  /* MANIFESTO PAGE */
  .manifestoHeading {
    font-size: 1.5em;
    line-height: 1.1em;
    display: block;
    margin-bottom: 15px;
  }

  .manifestoText {
    font-size: 1.2em;
    text-align: left;
  }

  .manifestoIntro {
    margin-bottom: 20px;
  }

  .bioBox {
    width: 190px;
    margin: 0 0 20px 55px;
  }

  .bioBox img {
    width: 76px;
  }

  .bioBox h2 {
    font-size: 1.5em;
    margin: 25px 0px 4px 10px;
  }

  .bioBox p {
    font-size: 1.3em;
    margin-left: 104px;
  }

  .bioInfo {
    width: auto;
    margin-bottom: 30px;
  }

  .bioInfo .button {
    width: 220px;
    margin-right: 45px;
  }

  /* -- OUR ACTIONS --- */
  .pillarsMobileMenu {
    display: block;
  }

  .pillarsMobileMenu .styled-select-wrapper {
    background-color: #c03;
  }

  .pillarsWrapper h2 {
    font-size: 2.9em;
    font-family: "ClanNarrow-Medium";
  }

  .pillarsMenu {
    display: none;
  }

  .pillarsContent h3 {
    font-size: 2.9em;
  }

  .pillarsContent li {
    font-size: 1.3em;
    background-size: 300px 6px !important;
    background-position: 0 0;
  }

  .pillarsContent li div {
    background-size: 45px 45px !important;
  }

  .pillarsContent li p {
    margin-left: 60px;
  }

  /*	=MAKING WAVES INICJATYWA
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .popup.redPopin.horizontal, .popup.redPopin.vertical, .popup.redPopin.video, .popup.redPopin.vertical2 {
    width: 98%;
    left: 0;
    margin-left: 0;
  }
  .popup.redPopin h3 {
    font-family: "ClanNarrow-Medium";
    font-size: 2.5em;
    text-align: center;
    padding: 0 5%;
  }
  .popup.redPopin h3 span {
    font-family: "ClanNarrow-Medium";
    font-size: 1em;
  }
  .popup.redPopin p {
    font-size: 1.2em;
    text-align: center;
    font-family: Arial, sans-serif;
  }
  .popup.redPopin.horizontal, .popup.redPopin.vertical, .popup.redPopin.video, .popup.redPopin.vertical2 {
    width: 98%;
    left: 0;
    margin-left: 0;
  }
  .popup.redPopin.vertical2 figure {
    width: 100%;
  }
  .popup.redPopin.vertical2 .galleryPopInText {
    width: 94%;
  }
  .popup.redPopin.vertical2 .scrollPane {
    height: auto;
    text-align: left;
  }
  .popup.redPopin .galleryNav {
    height: 38px;
  }
  .popup.redPopin .changeThumbList .prev {
    background-image: url(../i/sprite/sprite.png);
    background-position: -549px -211px;
    width: 11px;
    height: 22px;
  }
  .popup.redPopin .changeThumbList .next {
    background-image: url(../i/sprite/sprite.png);
    background-position: -549px -233px;
    width: 11px;
    height: 22px;
  }
  .popup.redPopin .thumbList li {
    margin: 0 3px;
    width: 38px;
  }

  .making-waves .making-waves__title {
    font-size: 1.3em;
    line-height: 17px;
    margin: 20px 0 10px 0;
  }
  .making-waves .making-waves__info {
    font-size: 1.3em;
    line-height: 17px;
    margin-bottom: 20px;
  }
  .making-waves .making-waves__info h2 {
    line-height: 23px;
  }
  .making-waves.whoWeHelp .tile {
    line-height: 1.9em;
  }
  .making-waves .buttons {
    margin-bottom: 10px;
  }
  .making-waves .buttons .button {
    min-width: 190px;
    line-height: 45px;
  }
  .making-waves .description .descriptionTitle {
    line-height: 30px;
  }
  .making-waves .description .wrap {
    font-size: 1.3em;
    padding-bottom: 20px;
  }
  .making-waves .row hr {
    width: 110px;
    float: none;
    margin: 15px 0 90px 0;
    border: 0px solid #d0d0d0 !important;
    border-top: 1px solid #d0d0d0 !important;
  }
  .making-waves .row .hr-line-bottom {
    display: none;
  }
  .making-waves .row .hr-line-top {
    float: none;
    margin-bottom: 15px !important;
  }
  .making-waves .row.rowLeft .hr-line-bottom {
    display: none;
  }
  .making-waves .row.rowLeft .hr-line-top {
    margin: 15px auto 0 0;
  }
  .making-waves .row .buttonWrap {
    padding-top: 20px;
  }
  .making-waves .row .button {
    line-height: 35px;
  }
  .making-waves .mentor__page--header {
    height: auto !important;
  }
  .making-waves .mentor__page--header .brandPackshot {
    float: none !important;
  }
  .making-waves .mentor__page--header .mentor__buttons .button {
    min-width: 130px !important;
    line-height: 35px;
    margin: 0;
  }
  .making-waves .mentor__page--header .mentor__buttons .button:first-child {
    margin: 0 0 10px;
  }
  .making-waves .mentor__page--header .brandInfo {
    padding: 15px;
  }
  .making-waves .mentor__page--header .brandInfo hgroup {
    padding-bottom: 0;
  }
  .making-waves .mentor__page--header .brandInfo h2 {
    font-size: 1.2em;
  }
  .making-waves .mentor__page--header .brandInfo .mentor__desc {
    font-size: 1.2em;
  }
  .making-waves .mentor__page--header .brandInfo .line {
    display: none;
  }
  .making-waves .making-waves__foot {
    display: none;
  }
  .making-waves .panels .block-2 .nextBtn {
    right: 0;
    z-index: 10;
    font-size: 0;
    margin-top: 190px;
  }
  .making-waves.mentor__gallery .mentorName {
    font-size: 1em;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    bottom: 20px;
  }
  .making-waves.mentor__gallery .applyMentor {
    display: none;
  }
  .making-waves.mentor__gallery .filterMenuWrap {
    height: auto;
    margin: 0 0 10px 0;
    overflow: hidden;
    padding-left: 0px;
  }
  .making-waves.mentor__gallery .filterMenuWrap .filterButton {
    background: #CC0033;
  }
  .making-waves .filterMenuWrap .filterText {
    display: none;
  }
  .making-waves .filterMenuWrap .filterMenu.all .item {
    width: 100%;
  }
  .making-waves .filterMenuWrap .filterMenu {
    margin: 0 auto;
  }
  .making-waves .filterMenuWrap .filterMenu.all .item a {
    display: block;
    padding: 10px 0;
    margin: 6px 0 1px;
    border: none;
    border-radius: 0;
  }
  .making-waves .filterMenuWrap .filterMenu.first {
    border: none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
    float: left;
    text-align: center;
  }
  .making-waves .filterMenuWrap .filterMenu.first .item {
    border: 1px solid #eee;
    width: 143px;
  }
  .making-waves .filterMenuWrap .filterMenu.first .item a,
  .making-waves .filterMenuWrap .filterMenu.first .item a:hover {
    display: block;
    padding: 10px 0;
    border: none;
    border-radius: 0;
  }
  .making-waves .filterMenuWrap .filterMenu a {
    color: #666;
    font-weight: bold;
  }
  .making-waves .filterMenuWrap .filterMenu .item a:hover,
  .making-waves .filterMenuWrap .filterMenu .item.active a {
    color: #fff !important;
  }
  .making-waves .description .descriptionTitle {
    background-image: none !important;
  }

  #JoinTheWavePopupContainer .popupTemplate {
    width: 300px;
    height: auto;
    min-height: 165px;
  }
  #JoinTheWavePopupContainer .popupTemplate .content p.text {
    font-size: 1.6em;
    text-align: center;
  }
  #JoinTheWavePopupContainer .popupTemplate .content h2 {
    font-size: 1.1em;
  }

  .panels h2 {
    line-height: 20px;
    margin-bottom: 20px;
  }

  .mobileSelectMenu {
    clear: both;
  }

  .small-video {
    margin: 20px -5px;
    overflow: hidden;
  }
  .small-video .small-video--item {
    width: 148px;
    height: 100px;
    margin: 3px !important;
  }
  .small-video .small-video--item .play {
    font-size: 3em;
  }
  .small-video .small-video--item h2 {
    font-size: 1em;
  }

  .subscribe .clear-rwd {
    display: block;
    margin: 15px 0;
  }
  .subscribe .extTextWrap {
    display: block;
    float: none;
    top: 0;
  }
  .subscribe .contactForm .selectComboWrap {
    width: 100%;
  }
  .subscribe .contactForm .selectBox {
    width: 100%;
    margin-bottom: 10px;
  }
  .subscribe .contactForm .selectBox + .selectBox {
    margin-right: 0;
  }
  .subscribe .contactForm .left .selectBox {
    margin: 0 0 10px 0;
  }
  .subscribe .contactForm .selectBox.empty {
    display: none;
  }
  .subscribe .popupTemplate {
    width: 320px;
    height: auto;
    min-height: 165px;
  }
  .subscribe .popupTemplate .content p.text {
    font-size: 1.2em;
    text-align: center;
  }

  .unsubscribe {
    font-size: 1.4em;
    border: 0;
  }
  .unsubscribe .contactForm {
    border: 0;
  }
  .unsubscribe .contactForm .validation-error-message {
    width: 100%;
    padding-right: 0;
  }
  .unsubscribe .text {
    line-height: 20px;
    text-align: justify;
  }
  .unsubscribe .colLeft {
    width: 100%;
    padding: 0;
    float: none;
  }
  .unsubscribe .colRight {
    width: 100%;
    padding: 0;
    border: 0;
    margin-bottom: 10px;
    float: none;
  }
  .unsubscribe h2 {
    font-size: 1.8em;
  }
  .unsubscribe input[type="text"],
  .unsubscribe input[type="email"] {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unsubscribe .button input {
    text-align: center;
  }
  .unsubscribe .line {
    background: #000;
    float: left;
    margin-bottom: 15px;
  }
  .unsubscribe .popupTemplate {
    width: 320px;
    height: auto;
    min-height: 165px;
  }
  .unsubscribe .popupTemplate .content p.text {
    font-size: 1.2em;
    text-align: center;
  }

  .unsubscribePopup {
    width: 300px;
    height: 260px;
    padding: 20px;
  }
  .unsubscribePopup p {
    padding: 10px;
    font-size: 2em;
  }
  .unsubscribePopup a {
    font-size: 1.4em;
  }

  /*	=HOLIDAY GLOSSING
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .holidayGlossing .innerWrap {
    margin-top: 15px;
    max-width: 300px;
  }
  .holidayGlossing .tier.whole {
    margin-bottom: 15px;
    padding: 0 10px;
    display: block;
    width: auto;
  }
  .holidayGlossing .tier.whole div {
    display: block;
    width: 100% !important;
  }
  .holidayGlossing .tier.whole .buttons {
    margin-top: 15px;
  }
  .holidayGlossing .tier.whole .photo {
    margin: 0 0 15px;
    float: none;
  }
  .holidayGlossing .tier.whole .text {
    margin-top: 0;
  }
  .holidayGlossing .tier.half {
    max-width: 300px;
  }
  .holidayGlossing .tier.half .text {
    padding: 0 10px;
  }
  .holidayGlossing .tier.half .text p {
    margin: 0 0 15px;
  }
  .holidayGlossing .text p {
    font-size: 1.2em;
  }
  .holidayGlossing .button {
    font-size: 1.2em;
    line-height: 48px;
    width: 100%;
    max-width: 250px;
  }

  /*	= COUTURE COLOR initiative
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .coutureColorbuttons {
    margin-top: 40px;
  }

  .tile-trends .star {
    background-image: url(../i/sprite/sprite.png);
    background-position: -528px -239px;
    width: 20px;
    height: 20px;
  }
  .tile-trends .star.active {
    background-image: url(../i/sprite/sprite.png);
    background-position: -528px -199px;
    width: 20px;
    height: 20px;
  }
  .tile-trends .remove {
    background-image: url(../i/sprite/sprite.png);
    background-position: -528px -159px;
    width: 20px;
    height: 20px;
  }
  .tile-trends .remove.active {
    background-image: url(../i/sprite/sprite.png);
    background-position: -528px -159px;
    width: 20px;
    height: 20px;
  }

  /*  ------FOOTER DOWNLOAD PANEL------  */
  .footerDownloadPanel .pdfIcoPosition,
  .searchPane ~ .pdfIcoPosition {
    left: 210px;
  }

  /*	=BIN POPIN
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .popup.popup--buyitnow {
    width: 300px;
    margin-left: -150px;
    top: 2%;
  }
  .popup.popup--buyitnow .popup__close {
    top: 10px;
    right: 10px;
  }
  .popup.popup--buyitnow hgroup {
    padding: 15px 50px 15px 10px;
  }
  .popup.popup--buyitnow hgroup h1 {
    font-size: 1.5em;
    line-height: 15px;
  }
  .popup.popup--buyitnow hgroup h2 {
    font-size: 1.5em;
  }
  .popup.popup--buyitnow .popup__container {
    padding: 12px;
  }
  .popup.popup--buyitnow .chooseProduct label {
    font-size: 1.5em;
    line-height: 38px;
    margin-right: 5px;
  }
  .popup.popup--buyitnow .chooseProduct + p {
    font-size: 1.4em;
    margin-top: 10px;
  }
  .popup.popup--buyitnow .selectBox {
    font-size: 1.5em;
    width: 185px !important;
  }
  .popup.popup--buyitnow .dealers {
    height: 230px;
    margin-top: 8px;
  }
  .popup.popup--buyitnow .item {
    padding: 8px 0;
  }
  .popup.popup--buyitnow .item .logo {
    width: 40%;
  }
  .popup.popup--buyitnow .item .price {
    width: 25%;
    font-size: 1.3em;
  }
  .popup.popup--buyitnow .item .link {
    width: 35%;
  }
  .popup.popup--buyitnow .item .link .button {
    font-size: 1.2em;
    width: 100px;
    line-height: 38px;
  }
  .popup.popup--buyitnow .popup__footer {
    margin: 12px 0 0 0;
  }
  .popup.popup--buyitnow .popup__footer p {
    background: url("../i/poweredbyblack_m.png") no-repeat scroll transparent;
    width: 98px;
    height: 22px;
  }

  /*------ SALON MARKETING PAGE ------*/
  .customizeBox {
    padding: 20px 0;
  }
  .customizeBox h3 {
    font-size: 1.6em;
    padding-bottom: 10px;
  }
  .customizeBox dl {
    width: 80%;
    margin: 0 auto;
  }
  .customizeBox dt {
    float: none;
    font-size: 1.3em;
    text-align: center;
    width: 100%;
    padding-top: 10px;
  }
  .customizeBox dd {
    float: none;
    text-align: center;
    width: 100%;
    padding-top: 10px;
  }
  .customizeBox .button {
    width: 87%;
    height: 35px;
    font-size: 1.3em;
    line-height: 3;
  }

  /*	= FAQ PAGE
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .faqPage .prodInfo {
    font-size: 1.4em;
    margin-top: 0;
  }

  .faqTitle {
    font-size: 3em;
    margin-top: 40px;
  }

  .faqQuestion {
    font-size: 1.8em;
  }

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

  /*	=COOKIES POPUP
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  #bt-privacy-header {
    padding: 0 10px !important;
  }
  #bt-privacy-header iframe {
    height: 165px !important;
  }
}
/* @media */
@media screen and (min-width: 768px) and (max-width: 1024px), print {
  /*	=PLACEHOLDERS
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .play {
    font-size: 6.1em;
  }

 	/*	=COMMON
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .main {
    width: 728px;
    /* DYNAMIC BOXES ISOTOPE */
  }
  .main.fixWidth.dynamicBox {
    width: 768px;
    /* RESPONSIVE */
  }

  section .breadcrumb {
    top: 80px;
  }

  .faq-bottomButton {
    min-width: 190px;
    line-height: 34px;
    font-size: 1.1em;
  }

  .brandsArea h3 {
    font-size: 1.3em;
  }

  .notification {
    font-size: 1.4em;
  }

  /* DYNAMIC BOXES ISOTOPE */
  .tiles {
    margin: 0;
  }

  .tile {
    margin: 5px !important;
  }
  .tile .buttonWrap .button {
    min-width: inherit;
    padding: 0 25px;
    margin: 0;
  }

  .tile:hover .mask-headline {
    top: 0;
  }
  .tile:hover .buttonWrap {
    top: 0;
  }

  /* --- */
  .familyArtist .tile .mask-headline {
    font-size: 1.5em;
  }
  .familyArtist .tile .mask-text {
    font-size: 1.2em;
  }

  .familyArtistPage .tile .mask-headline,
  .inspirationPage .tile .mask-headline {
    font-size: 1.5em;
  }
  .familyArtistPage .tile .mask-text,
  .inspirationPage .tile .mask-text {
    font-size: 1.2em;
  }

  .familyArtist h2 {
    font-size: 4.4em;
    margin: 10px 0;
  }

  .home .tile {
    margin: 5px !important;
  }
  .home .tile:hover h2, .home .tile h2 {
    top: 11%;
  }
  .home .tile:hover .buttonWrap, .home .tile .buttonWrap {
    top: 15%;
  }
  .home .tile .mask-headline {
    font-size: 3em;
  }

  .block-1x1 {
    width: 232px;
    height: 232px;
  }

  .block-1x2 {
    width: 232px;
    height: 474px;
    /* 232*2 = 464 + 2x5px margin */
  }

  .block-2x1 {
    width: 474px;
    height: 232px;
  }

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

  .block-3x1 {
    width: 718px;
    height: 232px;
  }

  .home .tiles {
    margin: 0 !important;
    padding: 5px !important;
  }
  .home .block-1x1 {
    width: 369px;
    height: 260px;
  }
  .home .block-2x1 {
    width: 748px;
    height: 260px;
  }

  .salonMarketing .tiles {
    margin: 0 !important;
    padding: 5px !important;
  }
  .salonMarketing .tile {
    margin: 5px !important;
  }
  .salonMarketing .block-1x1 {
    width: 369px;
    height: 369px;
  }
  .salonMarketing .mask-headline {
    font-size: 1.8em;
  }
  .salonMarketing .dotsDescriptionContent {
    font-size: 1.6em;
  }

  .tileInstagram .mask-content,
  .tileFacebook .mask-content,
  .tileYouTube .mask-content {
    padding-left: 1em;
    padding-right: 1em;
  }
  .tileInstagram .socialLogo,
  .tileFacebook .socialLogo,
  .tileYouTube .socialLogo {
    width: 2em;
    height: 2em;
    margin: 1.5em;
  }
  .tileInstagram .description,
  .tileFacebook .description,
  .tileYouTube .description {
    margin-bottom: 1em;
  }

  .tileYouTube img {
    margin-top: 29px;
  }

  .tileTwitter .socialLogo {
    width: 3em;
    height: 3em;
    margin: 2em auto;
  }

  .tilesTrendings .twitHeader {
    margin-top: 0;
  }

  .tileYouTube .play {
    font-size: 5em;
    margin: -25px 0 0 -25px;
  }
  .tileYouTube .socialLogo {
    width: 2em;
    height: 2em;
    margin: 1.5em;
    margin-left: -0.75em;
  }
  .tileYouTube .mask-headline {
    font-size: 1.4em;
  }
  .tileYouTube .mask-text {
    font-size: 1em;
  }

  /* DYNAMIC BOXES ISOTOPE */
  blockquote {
    font-size: 3.3em;
    line-height: 33px;
  }

  .cite .title {
    font-size: 2em !important;
    line-height: 20px;
  }
  .cite .title .font-1 {
    font-size: 0.8em !important;
    line-height: 15px;
  }
  .cite .title .font-2 {
    font-size: 1.1em !important;
  }
  .cite .title .font-3 {
    font-size: 1.3em !important;
  }
  .cite .info {
    padding: 10px;
    margin-top: 15px;
  }
  .cite .info .short {
    font-size: 1.3em;
  }
  .cite .info .author {
    font-size: 1em;
  }
  .cite .info:before {
    width: 100px;
    margin-left: -50px;
  }
  .cite .info:after {
    width: 100px;
    margin-left: -50px;
  }

  .tile.cite:after,
  blockquote:after {
    width: 22px;
    height: 47px;
  }

  .tile.cite:before,
  blockquote:before {
    width: 22px;
    height: 47px;
  }

  .mob-br-show br {
    display: none;
  }

  /* ukrywanie br'ek na mobile */
  .mob-show {
    display: none;
  }

  header {
    height: 71px;
  }

  .trendingStories header .search {
    right: 50%;
    margin-right: -364px;
  }

  header .logo img {
    width: 60px;
  }

  header .logo {
    margin-left: -30px;
    top: 14px;
  }

  .breadcrumb {
    font-size: 1em;
  }

  .brandsArea .productItem {
    float: left;
    width: 16.666666666667%;
  }

  sup.small {
    font-size: 0.5em;
  }

  h2 {
    font-size: 3.4em;
  }

  .mask h2 {
    font-size: 2.9em;
    letter-spacing: -1px;
    line-height: 1;
  }

  h2.size-2 {
    font-size: 2.7em;
  }

  h3 {
    font-size: 1.4em;
  }

  .largeBack {
    line-height: 38px;
    padding: 0 20px 0 50px;
    font-size: 1.2em;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
  }

  .careCollections > h1 {
    font-size: 4.4em;
    line-height: 33px;
    margin-bottom: 36px;
    margin-top: 12px;
  }

  .careDispatchPage .buttons {
    margin-bottom: 25px;
  }

  .careDispatchPage .panels {
    margin-top: 45px;
  }

  .careDispatchPage .panels > h2 {
    margin-bottom: 20px;
    margin-top: 0;
  }

  footer .col-1 {
    width: 31.181318681319%;
  }

  footer .col-2 {
    width: 37.087912087912%;
    padding: 0 25px;
  }

  footer .col-3 {
    width: 24.587912087912%;
  }

  footer .col a {
    font-size: 0.7em;
  }

  footer .col h3 {
    font-size: 1.3em;
  }

  footer .col-1 h3 {
    margin-bottom: 15px;
    margin-top: 0px;
  }

  footer .col-2 h3 {
    margin-bottom: 10px;
    margin-top: 0px;
  }

  footer .col-3 h3 {
    margin-bottom: 15px;
    margin-top: 0px;
  }

  .tablet-device footer .col-1 h3 {
    margin-bottom: 20px;
  }

  /*.tablet-device footer .col-1 h3 {margin-bottom: 14px;margin-top:5px;}
  
   footer .col-2 li {
  	width: 17%;
  } */
  footer .col-2 li.last {
    padding: 0;
  }

  footer .col-3 li {
    width: 9.4078212290503%;
  }

  footer {
    margin: 20px 0 20px 0;
  }

  /* sprites for each icons in element .followUs */
  .followUs .ico_facebook {
    background-image: url(../i/sprite/sprite.png);
    background-position: -108px -525px;
    width: 18px;
    height: 18px;
  }

  .followUs .ico_tweet {
    background-image: url(../i/sprite/sprite.png);
    background-position: -36px -525px;
    width: 18px;
    height: 18px;
  }

  .followUs .ico_pint {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -525px;
    width: 18px;
    height: 18px;
  }

  .followUs .ico_youtube {
    background-image: url(../i/sprite/sprite.png);
    background-position: -54px -525px;
    width: 18px;
    height: 18px;
  }

  .followUs .ico_istagram {
    background-image: url(../i/sprite/sprite.png);
    background-position: -162px -525px;
    width: 18px;
    height: 18px;
  }

  .followUs .ico_wellablog {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -543px;
    width: 17px;
    height: 18px;
  }

  /* sprites for each icons in element .otherBrands */
  .otherBrands .ico_nioxin {
    background-image: url(../i/sprite/sprite.png);
    background-position: -422px -409px;
    width: 38px;
    height: 24px;
  }

  .otherBrands .ico_clairol {
    background-image: url(../i/sprite/sprite.png);
    background-position: -64px -409px;
    width: 50px;
    height: 24px;
  }

  .otherBrands .ico_sp {
    background-image: url(../i/sprite/sprite.png);
    background-position: -380px -433px;
    width: 30px;
    height: 24px;
  }

  .otherBrands .ico_sassoon {
    background-image: url(../i/sprite/sprite.png);
    background-position: -252px -409px;
    width: 44px;
    height: 24px;
  }

  .otherBrands .ico_sebastian {
    background-image: url(../i/sprite/sprite.png);
    background-position: -280px -317px;
    width: 64px;
    height: 24px;
  }

  .otherBrands .ico_londa {
    background-image: url(../i/sprite/sprite.png);
    background-position: -164px -409px;
    width: 44px;
    height: 24px;
  }

  .otherBrands .ico_kadus {
    background-image: url(../i/sprite/sprite.png);
    background-position: -296px -409px;
    width: 44px;
    height: 24px;
  }

  .footerRowWrap {
    height: 24px;
  }

  .footerRow {
    width: 768px;
    font-size: 0.9em;
    line-height: 24px;
  }
  .footerRow .BBB a {
    background-image: url(../i/sprite/sprite.png);
    background-position: -274px -288px;
    width: 49px;
    height: 19px;
  }

  .footerRow .center a {
    margin-left: 5px;
    padding-right: 10px;
  }

  .footerRow .center li a:before {
    left: -10px;
    width: 3px;
  }

  .footerRow .center {
    margin-left: 37px;
  }

  .footerRow .left {
    margin-right: 20px;
  }

  .footerRow .adchoices a {
    padding-right: 17px;
  }

  .countrySelector > a {
    text-align: center;
  }

  .countrySelector > a:after {
    top: 9px;
  }

  .panels .block {
    width: 359px;
    height: 220px;
    font-size: 2em;
    position: relative;
  }

  .ie8 .panels .block {
    height: 221px;
  }

  .panels .block-1 {
    margin-right: 10px;
  }

  .panels .block-2 .content,
  .panels .block-1 .content {
    width: 150px;
    z-index: 2;
    position: relative;
  }

  .panels .packshot {
    width: 66%;
    z-index: 1;
    position: absolute;
    right: 0;
    top: 0;
  }

  .panels .block-2 .packshot {
    width: 66%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
  }

  .panels .block-1 .content span {
    padding: 0 10px;
    font-size: 0.8em;
  }

  .panels .block-2 .content span {
    padding: 0 10px;
    font-size: 0.8em;
  }

  .searchPane {
    top: 122px;
    z-index: 4;
  }

  .buttons .prevBtn {
    left: 0;
    top: 0;
    background-image: url(../i/sprite/sprite.png);
    background-position: -433px -233px;
    width: 28px;
    height: 34px;
  }

  .recommendation li {
    height: 220px;
    width: 181px;
  }

  .recommendation h3 {
    font-size: 1.3em;
    line-height: 1;
  }

  .productSubMenu {
    width: 123px;
  }

  .productSubMenu a {
    height: 38px;
    width: 160px;
    padding-left: 23px;
    font-size: 1.2em;
    line-height: 12px;
  }

  .productInformation .packshot {
    width: 284px;
    height: 363px;
    text-align: center;
  }

  .productInformation .packshot img {
    height: inherit;
  }

  .productInformation .description {
    width: 319px;
    font-size: 1.1em;
    line-height: 17px;
  }
  .productInformation .description h3 {
    font-size: 1.3em;
  }

  .productInformation .description .extended {
    margin: 14px 0 2px;
  }

  .productInformation .description .contentList {
    margin-bottom: 7px;
  }

  .productInformation .description .info p {
    margin: 5px 0 1px;
  }

  .productInformation .socialBox .shadow {
    width: 50px;
  }

  .brandsListWrap {
    margin: 20px -20px;
  }

  .brandsList:hover a {
    min-height: 115px !important;
  }
  .brandsList:hover a img {
    display: block;
  }
  .brandsList:hover a h3 {
    margin-top: -20px;
    padding: 0;
  }
  .brandsList:hover a h3.fixMargin {
    margin-top: -27px;
  }
  .brandsList li {
    -moz-box-sizing: border-box;
    float: left;
    /*width:11.111%;*/
    width: 85px !important;
  }
  .brandsList a {
    min-height: 31px;
    width: 100%;
    position: relative;
  }
  .brandsList h3 {
    font-size: 1.1em !important;
    padding-top: 10px;
    line-height: 11px !important;
  }
  .brandsList .last {
    width: 86px !important;
  }

  .brandsList.visible a {
    min-height: 115px;
  }
  .brandsList.visible a img {
    display: block;
  }
  .brandsList.visible a h3 {
    margin-top: -20px;
    padding: 0;
  }
  .brandsList.visible a h3.fixMargin {
    margin-top: -27px;
  }

  .tablet-device .brandsList:hover a, .tablet-device .brandsList.visible a {
    min-height: 98px !important;
  }

  .panels .block-1 .nextBtn {
    z-index: 3;
    width: 28px;
    height: 40px;
    margin-top: -12px;
  }

  hgroup.special {
    margin: 36px auto;
  }

  hgroup.special h1 {
    font-size: 6em;
    line-height: 45px;
  }

  hgroup.special h2 {
    font-size: 3em;
  }

  .productInformation .description h1 {
    font-family: "ClanNarrow-Bold";
    line-height: 26px;
  }

  .pictureFrame .colRight h1.large {
    font-size: 6em;
  }

  .salonSupportTop .pictureFrame .colRight h1.large {
    font-size: 5.6em;
  }

  .trendingStories .pictureFrame .colRight h1.large {
    font-size: 6.2em;
  }
  .trendingStories .pictureFrame .prodInfo {
    font-size: 1.2em;
  }

  .ratingSection {
    border-top: 1px solid #EDEDED;
    line-height: 35px;
    padding: 0;
  }

  .ratingSection .wrap {
    margin: 7px 0;
    float: none;
    overflow: hidden;
  }

  .ratingSection .col {
    float: left;
  }

  .ratingSection .col-1 {
    position: absolute;
    top: -40px;
    left: 0;
  }

  .ratingSection .col-2 {
    border-left: 0;
    border-right: 1px solid #EDEDED;
    margin: 0 26px 0 0;
    padding: 0 26px 0 10px;
  }

  .searchPane {
    width: 185px;
    height: 40px;
    z-index: 2;
    top: 75px;
    left: 10px;
    box-shadow: 0 25px 50px 0px rgba(0, 0, 0, 0.5);
  }
  .searchPane .selectBox .styled-select-wrapper {
    height: 40px;
  }
  .searchPane .selectBox .styled-select-button {
    width: 28px;
  }
  .searchPane .selectBox .styled-select-text {
    font-size: 0.8em;
    padding: 0 36px 0 10px;
  }
  .searchPane input[type="text"] {
    width: 136px;
    height: 40px;
    font-size: 0.8em;
  }

  .reviews {
    margin: 50px -20px 0 -20px;
  }

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

  .tablet-device .button.saveThisLook {
    display: none;
  }

  .reviews .buttons {
    margin: 20px 0 40px;
  }

  .product {
    margin-bottom: 80px;
  }

  .ratingSection a.more span {
    margin-top: 8px;
    width: 15px;
    height: 15px;
  }

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

  .breadcrumb a {
    font-size: 100%;
  }

  header .search {
    width: 261px;
  }
  header .search > a {
    margin-right: 45px;
  }
  header .search > a.subscribe_ico {
    margin: 8px 7px 0 0;
  }
  header .search > a img {
    width: 75%;
  }

  header .searchWrap {
    width: 178px;
    height: 19px;
  }

  header .searchWrap input[type="submit"] {
    margin: 4px 10px 4px 5px;
    background-image: url(../i/sprite/sprite.png);
    background-position: -492px -126px;
    width: 11px;
    height: 11px;
  }

  header .searchWrap .searchAction {
    width: 142px;
    height: 19px;
    font-size: 1.1em;
  }

  header .search .search_mini_ico {
    background-image: url(../i/sprite/sprite.png);
    background-position: -518px -306px;
    width: 10px;
    height: 15px;
  }
  header .search .salon_finder_ico {
    background-image: url(../i/sprite/sprite.png);
    background-position: -518px -321px;
    width: 10px;
    height: 15px;
  }
  header .search .subscribe_ico {
    background-image: url(../i/sprite/sprite.png);
    background-position: -518px -336px;
    width: 10px;
    height: 7px;
  }

  /*	=careCollections   */
  .careCollections h3 {
    margin-top: -31px;
    font-size: 1.4em;
    line-height: 1;
  }

  .careCollections li {
    width: 179px;
  }

  .careCollections li > a {
    min-height: 218px;
    border: 1px solid #ededf0;
    margin: 0 2px 2px 0;
  }

  .careCollections h3.fixMargin {
    margin-top: -31px;
  }

  .popup.discover {
    width: 96%;
  }
  .popup.discover hgroup {
    font-size: 0.7em;
  }

  input[type="checkbox"],
  input[type="radio"] {
    height: 30px;
    width: 30px;
  }

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

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

  .css-label {
    padding-left: 40px;
    margin-top: 5px;
  }
  .css-label:before {
    height: 30px;
    width: 30px;
    top: -7px;
  }

  /*	=COLOR COLLECTIONS
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .colorDiscover .buttons {
    margin: 42px 0 32px;
  }
  .colorDiscover .tiles {
    margin-top: 30px;
  }

  .collectionDivision {
    padding-bottom: 25px;
  }

  .coutureColorbuttons {
    margin-bottom: 20px;
  }
  .coutureColorbuttons .collectionDivision {
    padding: 40px 0 0;
  }

  .brandHeader {
    height: 320px;
    margin: 0 -20px 20px -20px;
  }

  .brandHeader .brandInfo .colInfo {
    padding: 28px 0 10px 0;
    font-size: 1.2em;
  }

  .brandHeader .brandInfo strong {
    width: 330px;
    line-height: 19px;
    font-size: 1.2em;
    margin-top: 13px;
  }

  .brandHeader .brandInfo hgroup {
    padding: 19px 0 21px 0;
  }

  .brandHeader .brandInfo h1 {
    line-height: 43px;
    font-size: 4em;
  }

  .brandHeader .brandInfo h2 {
    font-size: 2em;
  }

  .tabMenu li {
    width: 72px;
  }

  .tabMenu li:first-child {
    width: 71px;
  }

  .tabMenu a {
    height: 34px;
    font-size: 1em;
    line-height: 11px;
  }

  .filter {
    padding: 30px 0 20px;
  }

  .filter .filter-list li {
    line-height: 18px;
    font-size: 1em;
  }

  .filter .filter-list a {
    min-width: 90px;
  }

  .filter .filter-list li.allProducts .title {
    float: none;
  }

  .filter .filter-list li.allProducts a {
    float: none;
    display: inline-block;
  }

  .clearElement:before {
    clear: both;
  }

  .chooseLook h2 {
    font-size: 5em;
  }

  .productFrame {
    text-align: left;
  }
  .productFrame:after {
    content: "";
    display: table;
    clear: both;
  }

  .productFrame .packshot {
    width: 30%;
  }

  .productFrame .packshot img {
    display: block;
  }

  .productFrame .description {
    padding: 26px 0 0 25px;
    text-align: left;
    vertical-align: top;
    width: 451px;
  }

  .productFrame .description .text {
    font-size: 1.6em;
    line-height: 29px;
  }

  .productFrame .description .small {
    font-size: 1.1em;
    margin: 20px 0;
  }

  .productFrame .ratingSection {
    font-size: 1.2em;
  }

  .productFrame .ratingSection .col-2 {
    margin: 0 17px 0 10px;
    padding: 0 17px 0 16px;
  }

  .detailsList h3 {
    font-size: 1.5em;
  }

  .detailsList .row .description ul,
  .detailsList .row .description p {
    font-size: 1.1em;
  }

  .detailsList .line {
    margin: 10px 0;
    height: 1px;
  }

  .detailsList .row .description .inner {
    padding: 30px 38px 24px 38px;
  }

  .productFrame .description .ratingSection .col-1 {
    position: inherit;
  }

  .productFrame .description .ratingSection .col-2 {
    border-left: 1px solid #EDEDED;
  }

  .productFrame .description .ratingSection .starRating {
    margin: 9px 5px 0 0;
  }

  .detailsList h2 {
    font-size: 3em;
  }

  .detailsList .row .description .inner {
    padding: 5px 18px 14px;
  }

  .pictureFrame .icLogo {
    padding: 22.4043% 0 2.84043%;
  }

  .pictureFrame .icLogo img {
    width: 51.5363% !important;
  }

  .pictureFrame .prodInfo {
    font-size: 1.3em;
  }

  .pictureFrame .prodDescription {
    font-size: 1.5em;
  }
  .pictureFrame .prodNote {
    font-size: 1em;
  }

  .blondor-header-col .prodDescription {
    font-size: 1.3em;
  }

  .pictureFrame .colRight h1,
  .pictureFrame .colRight h2 {
    font-size: 3.1em;
    margin: 10px 0;
  }

  .colorInformation .pictureFrame .colRight .h2_fixSize {
    font-size: 1.4em;
  }

  .pictureFrame .colRight .colormultiproductDispatchHeader, .pictureFrame .colRight .colorDispatchHeader {
    margin-top: 18%;
  }

  .colorDispatchFrame.pictureFrame .colRight .inner {
    padding-top: 71px;
  }

  .colorDiscoverFrame.pictureFrame .colRight .inner {
    padding-top: 5px;
  }

  .discoverTitle {
    font-family: "ClanNarrow-Thin";
    font-size: 2.7em;
    margin-top: 30px;
  }

  .pictureFrame .colRight.bgPink h2 {
    padding: 25% 0 5% 0;
    font-size: 6.5em;
  }

  .collectionDivision h1 {
    font-size: 5em;
    line-height: 47px;
    margin: 60px 0 30px 0;
  }

  .collectionDivision p {
    font-size: 1.4em;
  }

  .pictureFrame .col .subtitle {
    font-size: 1.4em;
  }

  .pictureFrame .founder h2 {
    font-size: 4em !important;
    line-height: 40px !important;
    margin: 20px 0 20px 0;
  }

  .pictureFrame .founder .founderInfo {
    font-size: 1.1em !important;
    line-height: 12px;
  }

  .pictureFrame .founder .line {
    padding: 10px 0;
    display: none;
  }

  body.trendingStories {
    padding-top: 0;
  }
  body .trendingStories {
    padding-top: 20px;
  }

  .trendingStories .item {
    margin: 0 10px 10px 0;
  }

  .trendingStories .item.tweet {
    padding: 20px;
  }

  .trendingStories .item.tweet h2 {
    font-family: "ClanNarrow-Thin";
    font-size: 2.6em;
    line-height: 20px;
    margin-bottom: 10px;
  }

  .trendingStories .item.tweet .title {
    font-size: 1.4em;
  }

  .trendingStories .item.tweet .nick {
    font-size: 1.4em;
  }

  .mapNesting1 > li {
    font-size: 3.1em;
  }

  .centerText h1 {
    font-size: 7em;
    margin-top: 40%;
  }

  .cosmeticAuthor {
    font-size: 0.7em;
  }
  .cosmeticAuthor h3 {
    margin: 2%;
    line-height: 1;
  }
  .cosmeticAuthor p {
    margin: 2% 10% 2% 2%;
  }

  .blocks li {
    width: 232px;
    height: 232px;
    margin: 5px;
  }
  .blocks .wide {
    width: 474px;
  }

  .rollover {
    font-size: 0.8em;
  }

  .pinkTitle {
    font-size: 7em;
    margin: 8% 0 4%;
  }

  .pushes3 {
    margin: -6px auto 35px;
  }
  .pushes3 li {
    width: 232px;
    height: 350px;
    margin: 5px;
  }
  .pushes3 p {
    font-size: 1.4em;
  }

  .creative {
    padding-top: 65px;
  }
  .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;
  }

  .pictureFrame.fullFrame .colRight .inner {
    padding: 27px 0;
  }

  .pictureFrame.fullFrame .colRight h1 {
    font-size: 5.7em;
    line-height: 43px;
  }

  .pictureFrame.fullFrame .short {
    font-size: 1.4em;
    font-family: "ClanNarrow-Thin";
    margin-top: 10px;
  }

  .pinItem .pin {
    width: 12px;
    height: 14px;
    margin-left: -6px;
    background: url("../i/sprite/strict/shade-pin-t.png") 0 0 no-repeat;
  }
  .pinItem .hover {
    width: 18px;
    margin-left: -9px;
  }
  .pinItem.active .pin {
    background: url("../i/sprite/strict/shade-pin-hover-t.png") 0 0 no-repeat;
  }

  .shadePrompt {
    width: 180px;
    height: 76px;
    bottom: 180%;
    left: -114px;
  }
  .shadePrompt .triangle {
    width: 11px;
    height: 6px;
    left: 63%;
    bottom: -7%;
    background-image: url(../i/sprite/sprite.png);
    background-position: -492px -107px;
    width: 11px;
    height: 5px;
  }
  .shadePrompt h5 {
    font-size: 1.3em;
  }
  .shadePrompt p {
    font-size: 1.2em;
  }

  .shadeFrameColorSunset .shadePrompt h5 {
    font-size: 1.3em;
  }
  .shadeFrameColorSunset .shadePrompt p {
    font-size: 1em;
  }

  .centerTitle {
    font-size: 18.5em;
  }

  .errorContent {
    font-size: 1.6em;
  }
  .errorContent .searchPane {
    width: 200px;
  }
  .errorContent .searchPane .inputTextWrapper {
    height: 40px;
  }

  .inspirationGallery h2 {
    font-size: 2.4em;
    margin: 30px 0;
    line-height: 34px;
  }
  .inspirationGallery .filterMenuWrap {
    padding-left: 65px;
    margin-bottom: 10px;
  }
  .inspirationGallery .filterMenu li {
    font-size: 1.1em;
    line-height: 20px;
  }
  .inspirationGallery .filterMenu li a {
    padding: 1px 14px;
  }
  .inspirationGallery .filterMenu li.item {
    margin: 0.7%;
  }
  .inspirationGallery .filterMenu li.filterText {
    line-height: 33px;
    margin-left: 15px;
  }
  .inspirationGallery .filterMenu.second {
    clear: both;
    margin-left: 130px;
  }

  .tilesTrendings {
    padding: 20px 0;
  }
  .tilesTrendings .description {
    font-size: 1.2em;
  }
  .tilesTrendings .movieDescription {
    font-size: 0.8em;
  }
  .tilesTrendings .tileTwitter {
    font-size: 0.7em;
  }

  /* =WELLA HISTORY
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  .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;
  }

  /* =SEARCH RESLUTS PAGE
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  .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;
  }

  /* =CONTACT US PAGE
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  .contactContent {
    font-size: 1.4em;
  }
  .contactContent h2 {
    margin-bottom: 15px;
  }
  .contactContent li {
    margin-bottom: 15px;
  }
  .contactContent .colLeft {
    width: 50.8%;
    padding: 0 4% 0 0;
  }
  .contactContent .colRight {
    width: 40.8%;
    padding: 0 0 0 4%;
  }

  .contactForm dl {
    margin-top: 15px;
  }
  .contactForm dt, .contactForm dd {
    float: none;
    width: 100%;
  }
  .contactForm dt {
    line-height: 1;
    margin-bottom: 5px;
  }
  .contactForm input[type="submit"] {
    font-size: 1.28em;
    min-width: 100%;
    margin: 20px 0 15px;
    line-height: 38px;
    height: 38px;
  }
  .contactForm input[type="text"] {
    line-height: 38px;
  }

  .contactAdresses p {
    margin: 0 0 10px;
  }

  /*  =UNSUBSCRIBE PAGE
  -------------------- */
  .unsubscribe input[type="text"],
  .unsubscribe input[type="email"] {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unsubscribe .styled-select-wrapper {
    width: 100% !important;
  }

  .subscribe .contactForm input + .validation-error-message {
    width: 384px;
  }
  .subscribe .clear-rwd {
    display: block;
    margin: 15px 0;
  }
  .subscribe .extTextWrap {
    display: block;
    float: none;
    top: 0;
  }
  .subscribe .contactForm .selectComboWrap {
    width: 100%;
  }
  .subscribe .contactForm .selectBox {
    width: 100%;
    margin-bottom: 10px;
  }
  .subscribe .contactForm .selectBox + .selectBox {
    margin-right: 0;
  }
  .subscribe .contactForm .left .selectBox {
    margin: 0 0 10px 0;
  }
  .subscribe .contactForm .selectBox.empty {
    display: none;
  }

  /*	=LANDING PAGE
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .landingPage {
    height: auto;
    min-height: initial;
    overflow: hidden;
  }
  .landingPage .visualWrapper {
    height: auto;
    min-height: initial;
  }
  .landingPage .colRight {
    width: 62%;
    left: 38%;
    padding-top: 13%;
    padding-bottom: 0;
  }
  .landingPage .inner {
    padding: 0 2% 1% 0;
  }
  .landingPage .title {
    padding: 0 20%;
    margin-bottom: 2%;
  }
  .landingPage .subtitle {
    font-size: 2.8em;
    display: block;
    margin-bottom: 7px;
  }
  .landingPage .landingContryInfo p {
    width: 47%;
    font-size: 1.2em;
  }
  .landingPage .footerRowWrap {
    position: relative;
  }

  .landingContryWrapper {
    padding: 13px 0;
    display: table;
    table-layout: fixed;
    margin: 0 auto;
  }
  .landingContryWrapper .landingAreaName {
    margin-bottom: 21px;
    font-size: 1.2em;
  }
  .landingContryWrapper .landingContinent {
    display: table-cell;
  }
  .landingContryWrapper .landingContinent + .landingContinent {
    padding-left: 20px;
  }
  .landingContryWrapper .landingAccordion + .landingAccordion {
    margin-top: 16px;
  }

  /*	=SALONFINDER PAGE
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .salonFinderTop .verticalAlign {
    padding: 73px 17% 0;
  }
  .salonFinderTop .pictureFrame .colRight h1.large {
    font-size: 6.5em;
  }
  .salonFinderTop .pictureFrame .prodInfo {
    font-size: 1.4em;
  }

  .salonfinderForm {
    width: 245px;
  }
  .salonfinderForm .selectBox {
    margin-bottom: 5px;
  }
  .salonfinderForm .selectBox .styled-select-wrapper {
    height: 34px;
  }
  .salonfinderForm .selectBox .styled-select-text {
    font-size: 1.4em;
    padding: 0 42px 0 14px;
  }
  .salonfinderForm input[type="submit"] {
    font-size: 1.2em;
    height: 34px;
    padding: 0 1.4em;
    margin: 0;
    width: 245px;
    margin-top: 5px;
    line-height: 11px;
  }
  .salonfinderForm input.address {
    width: 217px;
    margin-left: 0;
    margin-right: 0;
    height: 34px;
    padding: 0 14px;
    font-size: 1.4em;
  }

  .line.space {
    margin-top: 20px;
  }

  .tredingStories .socialBox .facebook, .tredingStories .socialBox .tweeter, .tredingStories .socialBox .pinterest, .tredingStories .socialBox .youtube, .tredingStories .socialBox .instagram {
    margin: 3px 8px;
  }

  .socialBox .shadow {
    width: 115px;
  }
  .socialBox .facebook, .socialBox .tweeter, .socialBox .pinterest, .socialBox .youtube, .socialBox .instagram {
    display: inline-block;
    margin: 3px 13px;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
  }

  .filterSalonMap .cluster.small,
  .filterSalonMap .cluster.medium
  .filterSalonMap .cluster.large {
    width: 54px;
    height: 54px;
    margin-left: -17px;
    margin-top: -15px;
  }

  /*	=CARE COLLECTIONS
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .productFinderPage .careCollections li {
    min-width: 180px;
    width: 180px;
    min-height: 216px;
    height: 216px;
    margin: 0 2px 2px 0;
  }
  .productFinderPage .careCollections li a {
    min-width: inherit;
    min-height: inherit;
    width: inherit;
    height: inherit;
    margin: 0;
  }
  .productFinderPage .careCollections li img {
    width: inherit;
    height: inherit;
  }

  /*	=CARE COLLECTIONS
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .rwdDimension {
    width: 728px;
  }

  .creativeDirectors blockquote {
    margin-bottom: 20px;
  }

  body.trendingStories .pictureFrame .colRight .verticalAlign {
    padding-top: 15% !important;
  }

  /*	=FAQ PAGE
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .faqPage {
    margin-top: 30px;
  }
  .faqPage .intro {
    font-size: 1.6em;
    margin-bottom: 30px;
  }
  .faqPage .item {
    padding: 20px 0;
  }
  .faqPage .item h4 {
    font-size: 2em;
  }
  .faqPage .item p {
    font-size: 1.4em;
    margin-top: 15px;
    width: 80%;
  }
  .faqPage .legal {
    margin-top: 30px;
    font-size: 1.2em;
    width: 80%;
  }

  .plus-ico:before {
    bottom: 4px;
    right: 6px;
  }

  /*	=SALON SUPPORT PAGE
  	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .salonSupportBottom .tiles .mask p {
    font-size: 1.3em;
    margin-top: 40px;
  }

  .salonSupportBottom .tiles .mask h2 {
    font-size: 3em;
  }

  .salonSupportBottom .tile:hover .mask .buttonWrap, .salonSupportBottom .tile .mask .buttonWrap {
    top: 5%;
  }

  .button_flag {
    width: 16px;
    height: 16px;
  }

  /*	CBB INITIATIVE
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .global-popup-wrapper .popup.tip {
    top: 120px !important;
  }

  .cbbPage .cbbButton {
    min-width: 88px !important;
    margin-left: 25px;
  }

  .panels .block-2 .prevBtn {
    margin-top: -12px;
    height: 40px;
  }

  .panels .block-2 .buttonRight {
    right: 150px;
    height: 40px;
    width: 28px;
    margin-top: -12px;
    background-image: url(../i/sprite/sprite.png);
    background-position: -433px -112px;
    width: 28px;
    height: 41px;
  }

  .pictureFrame.fullFrame .colRight h1 {
    font-size: 5.5em;
    line-height: 55px;
  }

  .categoryFrame h2 {
    margin: 40px auto;
  }

  .categoryFrame .social {
    margin-bottom: 80px;
  }

  .categoryFrame .social a,
  .categoryFrame .social p {
    background-size: 20px 20px;
  }

  .social .share {
    background-position: 10px 2px;
    padding-top: 1px;
  }

  .social .email {
    background-position: 5px 1px;
  }

  .social .facebook {
    background-position: 10px 3px;
  }

  .social .twitter {
    background-position: 10px 2px;
  }

  .category-tip h3 {
    font-size: 2.8em;
  }

  .category-tip > p {
    font-size: 1.2em;
  }

  .buttonFrame p {
    font-size: 1em;
    margin-top: 10px;
  }

  /* Stylists Page */
  .stylistsWrap .stylistsBlock {
    margin: 0 auto 30px;
  }

  .stylistsList h3 {
    font-size: 1.2em;
  }

  .stylistsList p {
    font-size: 1.1em;
  }

  .stylistInfo {
    padding-left: 50px;
  }

  .stylistInfo .stylistQuote {
    font-size: 1.4em;
    padding-top: 37px;
    margin-top: 10px;
    height: 100px;
    background-size: 650px 91px;
    width: auto;
  }

  .stylistInfo h2 {
    font-size: 3.4em;
  }

  .stylistInfo .stylistlocalisation {
    font-size: 1.5em;
  }

  .stylistInterview h2 {
    font-size: 2em;
    line-height: 1em;
  }

  .stylistInterview .stylistAnswer {
    font-size: 1.2em;
    padding-top: 15px;
  }

  .stylistInterview .hr {
    margin: 20px 0;
  }

  .stylistInterview .socialButtons {
    padding-right: 18px;
  }

  .stylistInterview .socialButtons .button {
    font-size: 1em;
    padding-right: 4px;
    background-size: 19px 19px;
    margin: 5px 0;
    padding-left: 25px;
  }

  .stylistInterview .socialButtons .firstBtn {
    background-position: 4px 14px;
    min-width: 140px;
  }

  .stylistInterview .socialButtons .secondBtn {
    background-position: 2px 14px;
    min-width: 140px;
  }

  /* Manifesto Page */
  .manifestoIntro {
    margin-bottom: 30px;
  }

  .manifestoText {
    line-height: 1.4em;
    font-size: 1.2em;
  }

  .manifestoHeading {
    font-size: 1.5em;
  }

  .manifestoBio {
    height: 190px;
  }

  .bioBox {
    width: 190px;
  }

  .bioBox img {
    width: 76px;
  }

  .bioBox h2 {
    font-size: 1.4em;
    margin: 25px 0 4px 10px;
  }

  .bioBox p {
    font-size: 1.2em;
    margin-left: 104px;
  }

  .bioInfo {
    width: 500px;
    height: 200px;
  }

  /* -- OUR ACTIONS --- */
  .pillarsWrapper h2 {
    font-size: 3.4em;
  }

  .pillarsMenu li {
    background-size: 97px 109px !important;
    width: 97px;
    height: 109px;
  }

  .pillarsContent li {
    font-size: 1.3em;
  }

  .pillarsContent li div {
    background-size: 45px 45px !important;
  }

  .pillarsContent h3 {
    font-size: 3.4em;
  }

  .pillarsContent li p {
    margin-left: 70px;
  }

  /*	=MAKING WAVES INICJATYWA
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .popup.redPopin h3 {
    font-family: "ClanNarrow-Medium";
    font-size: 3.5em;
    text-align: center;
  }
  .popup.redPopin h3 span {
    font-family: "ClanNarrow-Medium";
    font-size: 1em;
  }
  .popup.redPopin p {
    font-size: 1.2em;
    text-align: center;
  }
  .popup.redPopin.horizontal, .popup.redPopin.vertical2 {
    width: 98%;
    left: 0;
    margin-left: 0;
  }
  .popup.redPopin.vertical, .popup.redPopin.video {
    width: 68%;
    left: 50%;
    margin-left: -35%;
  }
  .popup.redPopin.vertical2 figure {
    float: left;
  }
  .popup.redPopin.vertical2 .scrollPane {
    height: auto;
    text-align: left;
  }
  .popup.redPopin .galleryNav {
    height: 60px;
  }
  .popup.redPopin .changeThumbList .prev {
    background-image: url(../i/sprite/sprite.png);
    background-position: -485px -212px;
    width: 18px;
    height: 35px;
  }
  .popup.redPopin .changeThumbList .next {
    background-image: url(../i/sprite/sprite.png);
    background-position: -485px -160px;
    width: 18px;
    height: 35px;
  }
  .popup.redPopin .thumbList li {
    margin: 0 4px;
    width: 60px;
  }

  .making-waves .making-waves__info {
    font-size: 1.4em;
    line-height: 17px;
    margin-bottom: 40px;
    margin-top: 40px;
  }
  .making-waves .making-waves__info h2 {
    font-size: 2.5em;
  }
  .making-waves .making-waves__title {
    font-size: 1.4em;
    line-height: 17px;
    margin: 30px 0;
  }
  .making-waves.whoWeHelp .tile {
    line-height: 22px;
  }
  .making-waves.whoWeHelp .tile h2 {
    font-size: 2.5em;
  }
  .making-waves .buttons .button {
    min-width: 120px;
  }
  .making-waves .making-waves__foot {
    font-size: 1.1em;
    margin-top: 10px;
    color: #7F7F7F;
  }
  .making-waves .detailsList {
    margin-bottom: 0;
  }
  .making-waves .description .wrap {
    font-size: 1.2em;
  }
  .making-waves .description .descriptionTitle {
    line-height: 25px;
    margin-top: 20px;
  }
  .making-waves .description .button {
    font-size: 1em;
  }
  .making-waves .row hr {
    width: 110px;
    margin: 15px 0 0 auto;
    border: 0px solid #d0d0d0 !important;
    border-top: 1px solid #d0d0d0 !important;
  }
  .making-waves .row .hr-line-bottom {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .making-waves .row .hr-line-top {
    margin-bottom: 15px !important;
  }
  .making-waves .row.rowLeft .hr-line-bottom {
    margin: 15px auto 15px 0;
  }
  .making-waves .row.rowLeft .hr-line-top {
    margin: 15px auto 0 0;
  }
  .making-waves.mentor__gallery .mentorName {
    bottom: 15px;
    font-size: 1.2em;
    padding: 0 5px;
    line-height: 23px;
    height: 23px;
  }
  .making-waves.mentor__gallery .filterMenuWrap {
    margin: 0 0 37px 0;
    padding-left: 105px;
  }
  .making-waves.mentor__gallery .filterMenuWrap .filterMenu .item a,
  .making-waves.mentor__gallery .filterMenuWrap .filterMenu .salonProducts li a {
    font-size: 0.7em;
    padding: 2px 15px;
  }
  .making-waves.mentor__gallery .filterMenuWrap .filterMenu .filterText {
    line-height: 30px;
    font-size: 1.2em;
    padding-right: 10px;
  }
  .making-waves.mentor__gallery .filterMenuWrap .applyMentor {
    bottom: -30px;
  }
  .making-waves .mentor__page--header {
    height: 381px !important;
    margin: 0 0px 20px 0px;
  }
  .making-waves .mentor__page--header .brandInfo {
    padding: 10px 20px;
  }
  .making-waves .mentor__page--header .brandInfo h1 {
    line-height: 34px;
  }
  .making-waves .mentor__page--header .brandInfo h2 {
    font-size: 1.7em;
    padding-bottom: 0;
  }
  .making-waves .mentor__page--header .brandInfo .line {
    display: none;
  }
  .making-waves .mentor__page--header .brandInfo .mentor__desc {
    font-size: 1.1em;
  }
  .making-waves .mentor__page--header .brandInfo .mentor__buttons .button {
    padding: 0 10px;
    min-width: 100px !important;
  }
  .making-waves .mentor__page--header .brandPackshot {
    height: inherit;
    background: #191919;
  }
  .making-waves .mentor__page--header .brandPackshot img {
    height: inherit;
  }
  .making-waves .panels .block-2 .nextBtn {
    right: 150px;
    height: 40px;
    margin-top: -12px;
    background-image: url(../i/sprite/sprite.png);
    background-position: -433px -112px;
    width: 28px;
    height: 41px;
  }

  .Awards-Finalists .filterMenuWrap {
    padding-left: 110px;
  }
  .Awards-Finalists .filterMenu.all li.filterText {
    margin-left: 50px;
  }
  .Awards-Finalists .filterMenu.second {
    display: inline-block;
    width: 100%;
  }
  .Awards-Finalists .filterMenu.second li.filterText {
    margin-left: 0;
  }

  .panels h2 {
    line-height: 30px;
    margin-bottom: 30px;
  }

  .small-video {
    margin: 20px -10px 50px -5px;
    overflow: hidden;
  }
  .small-video .small-video--item {
    width: 175px;
    height: 120px;
    margin: 7px;
  }
  .small-video .play {
    font-size: 4em;
  }
  .small-video h2 {
    font-size: 1.5em !important;
  }

  /*	=HOLIDAY GLOSSING
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .holidayGlossing .innerWrap {
    margin-top: 40px;
    max-width: 650px;
  }
  .holidayGlossing .tier.whole {
    margin-bottom: 40px;
    padding: 0;
  }
  .holidayGlossing .tier.whole .buttons {
    margin-top: 10px;
  }
  .holidayGlossing .tier.whole .photo {
    width: 50%;
    padding-right: 5%;
    text-align: center;
  }
  .holidayGlossing .tier.whole .text {
    width: 50%;
  }
  .holidayGlossing .tier.half {
    max-width: 300px;
  }
  .holidayGlossing .tier.half .photo {
    text-align: center;
  }
  .holidayGlossing .tier.half .text {
    padding: 0 10px;
  }
  .holidayGlossing .tier.half .text p {
    margin: 15px 0;
  }
  .holidayGlossing .text p {
    font-size: 1.4em;
  }
  .holidayGlossing .button {
    font-size: 1.4em;
    line-height: 48px;
    width: 100%;
    max-width: 250px;
  }

  .tile-trends .star {
    background-image: url(../i/sprite/sprite.png);
    background-position: -462px -332px;
    width: 34px;
    height: 34px;
  }
  .tile-trends .star.active {
    background-image: url(../i/sprite/sprite.png);
    background-position: -462px -298px;
    width: 34px;
    height: 34px;
  }
  .tile-trends .remove {
    background-image: url(../i/sprite/sprite.png);
    background-position: -462px -264px;
    width: 34px;
    height: 34px;
  }
  .tile-trends .remove.active {
    background-image: url(../i/sprite/sprite.png);
    background-position: -462px -264px;
    width: 34px;
    height: 34px;
  }

  /*  ------FOOTER DOWNLOAD PANEL------  */
  .footerDownloadPanel .pdfIcoPosition,
  .searchPane ~ .pdfIcoPosition {
    left: 119px;
  }

  .footerDownloadPanel .content {
    width: 125px !important;
    font-size: 0.9em;
  }

  /*	=BIN POPIN
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .popup.popup--buyitnow {
    width: 730px;
    margin-left: -365px;
  }
  .popup.popup--buyitnow .popup__close {
    top: 10px;
    right: 10px;
  }
  .popup.popup--buyitnow hgroup {
    padding: 30px 50px 25px 25px;
  }
  .popup.popup--buyitnow hgroup h1 {
    font-size: 2.5em;
    line-height: 26px;
  }
  .popup.popup--buyitnow hgroup h2 {
    font-size: 1.5em;
  }
  .popup.popup--buyitnow .popup__container {
    padding: 15px;
  }
  .popup.popup--buyitnow .chooseProduct label {
    font-size: 2.2em;
    line-height: 38px;
  }
  .popup.popup--buyitnow .chooseProduct + p {
    font-size: 1.6em;
    margin-top: 15px;
  }
  .popup.popup--buyitnow .selectBox {
    font-size: 1.8em;
    width: 260px !important;
  }
  .popup.popup--buyitnow .dealers {
    height: 335px;
    margin-top: 20px;
  }
  .popup.popup--buyitnow .item {
    padding: 11px 0;
  }
  .popup.popup--buyitnow .item .price {
    font-size: 1.6em;
  }
  .popup.popup--buyitnow .item .link .button {
    font-size: 1.3em;
    width: 135px;
    line-height: 38px;
  }
  .popup.popup--buyitnow .popup__footer {
    margin: 15px 20px 0 0;
  }
  .popup.popup--buyitnow .popup__footer p {
    background: url("../i/poweredbyblack_t.png") no-repeat scroll transparent;
    width: 136px;
    height: 30px;
  }

  /*------ SALON MARKETING PAGE ------*/
  .customizeBox {
    text-align: center;
    padding: 30px 0;
  }
  .customizeBox h3 {
    font-size: 1.8em;
    padding-bottom: 10px;
  }
  .customizeBox dl {
    width: 65%;
  }
  .customizeBox dt {
    font-size: 1.3em;
    padding-top: 12px;
  }
  .customizeBox dd {
    padding-top: 12px;
  }
  .customizeBox .button {
    height: 30px;
    font-size: 1.1em;
    line-height: 2.8;
  }
}
/* @media */
@media screen and (min-width: 1025px) and (max-width: 1399px) {
  /*	=PLACEHOLDERS
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .play {
    font-size: 6.29643em;
  }

  /*	=COMMON
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .mob-show {
    display: none;
  }

  .main {
    width: 972px;
    /* DYNAMIC BOXES ISOTOPE */
  }
  .main.fixWidth.dynamicBox {
    width: 1000px;
    /* RESPONSIVE */
  }

  section .breadcrumb {
    top: 100px;
  }

  .brandsArea h3 {
    font-size: 1.3em;
  }

  .faq-bottomButton {
    margin: 40px auto;
    min-width: 203px;
    line-height: 38px;
    font-size: 1.1em;
  }

  /* DYNAMIC BOXES ISOTOPE */
  .tiles {
    margin: 0 -6px;
  }

  .tile {
    margin: 5px !important;
  }
  .tile .buttonWrap .button {
    min-width: inherit;
    padding: 0 25px;
    margin: 0;
  }

  .tile:hover .mask-headline {
    top: 0;
  }
  .tile:hover .buttonWrap {
    top: 0;
  }

  .familyArtist .tile .mask-headline {
    font-size: 2.12321em;
  }
  .familyArtist .tile .mask-text {
    font-size: 1.75714em;
  }
  .familyArtist .tile:hover .mask-headline {
    top: 0;
  }
  .familyArtist .tile:hover .buttonWrap {
    top: 0;
  }

  .familyArtistPage .tile .mask-headline,
  .inspirationPage .tile .mask-headline {
    font-size: 2.05em;
  }
  .familyArtistPage .tile .mask-text,
  .inspirationPage .tile .mask-text {
    font-size: 1.75714em;
  }

  .familyArtist h2 {
    font-size: 6em;
    margin: 25px 0;
  }

  .home .tile .mask-headline {
    font-size: 2.92857em;
  }

  .block-1x1 {
    width: 318px;
    height: 318px;
  }

  .block-1x2 {
    width: 318px;
    height: 646px;
    /* 318*2 + 2x5px margin */
  }

  .block-2x1 {
    width: 646px;
    height: 318px;
  }

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

  .block-3x1 {
    width: 974px;
    height: 318px;
  }

  .home .tiles {
    margin: 0 !important;
    padding: 5px !important;
  }
  .home .tile {
    margin: 10px !important;
  }
  .home .tile:hover h2, .home .tile h2 {
    top: 15%;
  }
  .home .tile:hover .buttonWrap, .home .tile .buttonWrap {
    top: 15%;
  }
  .home .block-1x1 {
    width: 475px;
    height: 340px;
  }
  .home .block-2x1 {
    width: 970px;
    height: 340px;
  }

  .salonMarketing {
    font-size: 0.8em;
  }
  .salonMarketing .tiles {
    margin: 0 !important;
    padding: 5px !important;
  }
  .salonMarketing .tile {
    margin: 10px !important;
  }
  .salonMarketing .block-1x1 {
    width: 475px;
    height: 475px;
  }

  .tileInstagram .mask-content,
  .tileFacebook .mask-content,
  .tileYouTube .mask-content {
    padding-left: 1em;
    padding-right: 1em;
  }
  .tileInstagram .socialLogo,
  .tileFacebook .socialLogo,
  .tileYouTube .socialLogo {
    width: 2em;
    height: 2em;
    margin: 1.5em;
  }
  .tileInstagram .description,
  .tileFacebook .description,
  .tileYouTube .description {
    margin-bottom: 1em;
  }

  .tileTwitter .socialLogo {
    width: 2em;
    height: 2em;
    margin: 1.5em auto;
  }

  .tilesTrendings .twitHeader {
    margin-top: 0;
  }

  .tileYouTube .play {
    margin: -30px 0 0 -30px;
  }
  .tileYouTube .socialLogo {
    width: 2em;
    height: 2em;
    margin: 1.5em;
    margin-left: -0.75em;
  }
  .tileYouTube .mask-headline {
    font-size: 1.8em;
  }
  .tileYouTube .mask-text {
    font-size: 1.4em;
  }
  .tileYouTube img {
    margin-top: 39.5px;
  }

  /* DYNAMIC BOXES ISOTOPE */
  blockquote {
    font-size: 3.3em;
    line-height: 33px;
  }

  .cite .title {
    line-height: 26px;
    font-size: 3em !important;
  }
  .cite .title .font-1 {
    font-size: 1em !important;
    line-height: 20px;
  }
  .cite .title .font-2 {
    font-size: 1.2em !important;
    line-height: 30px;
  }
  .cite .title .font-3 {
    font-size: 1.5em !important;
    line-height: 40px;
  }
  .cite .info {
    padding: 10px;
    margin-top: 15px;
  }
  .cite .info .short {
    font-size: 2em;
  }
  .cite .info .author {
    font-size: 1.5em;
  }

  .tile.cite:after,
  blockquote:after {
    width: 27px;
    height: 57px;
  }

  .tile.cite:before,
  blockquote:before {
    width: 27px;
    height: 57px;
  }

  header {
    height: 90px;
  }

  header .logo img {
    width: 80px;
  }

  header .logo {
    margin-left: -40px;
  }

  header .search .search_mini_ico {
    background-image: url(../i/sprite/sprite.png);
    background-position: -549px -173px;
    width: 13px;
    height: 20px;
  }
  header .search .salon_finder_ico {
    background-image: url(../i/sprite/sprite.png);
    background-position: -549px -330px;
    width: 12px;
    height: 18px;
  }
  header .search .subscribe_ico {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -510px;
    width: 22px;
    height: 15px;
  }

  .trendingStories header .search {
    right: 50%;
    margin-right: -486px;
  }

  .breadcrumb {
    font-size: 1.3em;
  }

  h2 {
    font-size: 3.4em;
  }

  h2.size-2 {
    font-size: 2.7em;
  }

  h3 {
    font-size: 1.9em;
  }

  footer {
    margin-top: 35px;
  }

  footer .col-1 {
    width: 300px;
  }

  footer .col-2 {
    width: 430px;
  }

  footer .col-3 {
    width: 226px;
  }

  footer .col-3 h3 {
    margin-bottom: 30px;
  }

  footer ul li {
    font-size: 1.3em;
  }

  /* sprites for each icons in element .followUs */
  .followUs .ico_facebook {
    background-image: url(../i/sprite/sprite.png);
    background-position: -108px -525px;
    width: 18px;
    height: 18px;
  }

  .followUs .ico_tweet {
    background-image: url(../i/sprite/sprite.png);
    background-position: -36px -525px;
    width: 18px;
    height: 18px;
  }

  .followUs .ico_pint {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -525px;
    width: 18px;
    height: 18px;
  }

  .followUs .ico_youtube {
    background-image: url(../i/sprite/sprite.png);
    background-position: -54px -525px;
    width: 18px;
    height: 18px;
  }

  .followUs .ico_istagram {
    background-image: url(../i/sprite/sprite.png);
    background-position: -162px -525px;
    width: 18px;
    height: 18px;
  }

  .followUs .ico_wellablog {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -543px;
    width: 17px;
    height: 18px;
  }

  /* sprites for each icons in element .otherBrands */
  .otherBrands .ico_nioxin {
    background-image: url(../i/sprite/sprite.png);
    background-position: -177px -161px;
    width: 54px;
    height: 34px;
  }

  .otherBrands .ico_clairol {
    background-image: url(../i/sprite/sprite.png);
    background-position: -137px -244px;
    width: 71px;
    height: 34px;
  }

  .otherBrands .ico_sp {
    background-image: url(../i/sprite/sprite.png);
    background-position: -462px 0px;
    width: 42px;
    height: 34px;
  }

  .otherBrands .ico_sassoon {
    background-image: url(../i/sprite/sprite.png);
    background-position: -290px -214px;
    width: 62px;
    height: 34px;
  }

  .otherBrands .ico_sebastian {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -210px;
    width: 91px;
    height: 34px;
  }

  .otherBrands .ico_londa {
    background-image: url(../i/sprite/sprite.png);
    background-position: -208px -244px;
    width: 64px;
    height: 34px;
  }

  .otherBrands .ico_kadus {
    background-image: url(../i/sprite/sprite.png);
    background-position: -290px -34px;
    width: 64px;
    height: 34px;
  }

  .panels .block {
    width: 481px;
    height: 292px;
    font-size: 1.8em;
  }
  .panels .block.block2 {
    float: right;
  }
  .panels .block .content {
    width: 167px !important;
  }

  .panels .block-1 {
    margin-right: 10px;
  }

  .panels .block-1 .content {
    width: 154px;
  }

  .panels .block-2 .content {
    width: 154px;
  }

  .panels .packshot {
    width: 314px;
  }

  .panels .block-1 .content span {
    padding: 0 10px;
  }

  .panels .block-2 .content span {
    padding: 0 10px;
  }

  .searchPane {
    top: 122px;
  }

  .buttons .prevBtn {
    left: 0;
    top: -2px;
  }

  .buttons {
    margin: 30px 0 50px;
  }
  .buttons.is-sticky {
    margin: 0;
  }

  .tablet-device .button.saveThisLook {
    display: none;
  }

  .recommendation li {
    height: 294px;
    width: 241px;
  }

  .recommendation h3 {
    font-size: 1.5em;
    margin-top: -40px;
  }

  .product {
    margin-bottom: 67px;
  }

  .productSubMenu {
    width: 153px;
  }
  .productSubMenu a {
    height: 40px;
    line-height: 13px;
    padding-left: 23px;
    font-size: 1.2em;
  }

  .productInformation .packshot {
    width: 332px;
    height: 365px;
  }

  .productInformation .description {
    width: 487px;
    margin-top: 31px;
  }

  .productInformation .description h1 {
    line-height: 26px;
  }

  .pictureFrame .colRight h1.large {
    font-size: 8em;
  }

  .trendingStories .pictureFrame .colRight h1.large {
    font-size: 7.5em;
  }

  .trendingStories .pictureFrame .prodInfo {
    font-size: 1.5em;
  }

  .brandsListWrap {
    margin-top: 37px;
  }

  .brandsList:hover a {
    min-height: 145px !important;
  }
  .brandsList:hover a img {
    display: block;
  }
  .brandsList:hover a h3 {
    margin-top: -25px;
    padding: 0;
  }
  .brandsList:hover a h3.fixMargin {
    margin-top: -33px;
  }
  .brandsList li {
    -moz-box-sizing: border-box;
    float: left;
    /*width: 11.1112%;*/
    width: 107.7px !important;
  }
  .brandsList a {
    min-height: 33px;
    width: 100%;
    position: relative;
  }
  .brandsList h3 {
    font-size: 1.3em !important;
    padding-top: 10px;
    line-height: 13px;
  }

  .brandsList.visible a {
    min-height: 145px;
  }
  .brandsList.visible a img {
    display: block;
  }
  .brandsList.visible a h3 {
    margin-top: -25px;
    padding: 0;
  }
  .brandsList.visible a h3.fixMargin {
    margin-top: -33px;
  }

  .tablet-device .brandsList:hover a, .tablet-device .brandsList.visible a {
    min-height: 121px !important;
  }

  hgroup.special {
    margin: 36px auto;
  }

  hgroup.special h1 {
    font-size: 6.0em;
    line-height: 45px;
  }

  hgroup.special h2 {
    font-size: 3.0em;
  }

  .productInformation .description {
    font-size: 1.2em;
    line-height: 17px;
  }

  .productInformation .description .info p {
    margin: 5px 0 10px 0;
  }

  .productInformation .description .contentList {
    margin-bottom: 15px;
  }

  .ratingSection {
    line-height: 32px;
  }

  .ratingSection .col-2 {
    margin: 0 10px 0 20px;
    padding: 0 26px 0 20px;
  }

  .ratingSection .starRating {
    margin: 8px 5px 0 5px;
  }

  .ratingSection a.more span {
    margin-top: 8px;
    width: 15px;
    height: 15px;
  }

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

  .searchPane {
    width: 238px;
    height: 40px;
    z-index: 2;
    top: 101px;
    left: 44px;
    box-shadow: 0 20px 45px 15px rgba(0, 0, 0, 0.4);
  }
  .searchPane .selectBox .styled-select-wrapper {
    height: 40px;
  }
  .searchPane .selectBox .styled-select-text {
    font-size: 0.9em;
  }
  .searchPane .selectBox .styled-select-button {
    width: 28px;
  }
  .searchPane input[type="text"] {
    width: 190px;
    height: 40px;
    font-size: 0.9em;
  }

  .reviews {
    margin-top: 70px;
  }

  .panels .block-1 .nextBtn {
    width: 28px;
    height: 41px;
    right: 0;
  }

  .footerRowWrap {
    height: 25px;
  }

  .footerRow {
    width: 972px;
    font-size: 1.1em;
    line-height: 25px;
  }
  .footerRow .BBB a {
    background-image: url(../i/sprite/sprite.png);
    background-position: -274px -288px;
    width: 49px;
    height: 19px;
  }

  .footerRow .center {
    margin-left: 97px;
  }

  .footerRow .center a {
    margin-left: 10px;
    padding: 0 10px 0 0;
  }

  .footerRow .adchoices a {
    padding-right: 20px;
  }

  .breadcrumb a {
    font-size: 120%;
  }

  .countrySelector > a:after {
    top: 10px;
  }

  .footerRow .center li a:before {
    left: -10px;
  }

  /*	=careCollections   */
  .careCollections h3 {
    margin-top: -43px;
    font-size: 1.6em;
  }

  .careCollections > h1 {
    font-size: 5em;
    line-height: 45px;
    margin-bottom: 40px;
    margin-top: 4px;
  }

  .careDispatchPage .panels > h2 {
    margin-bottom: 25px;
    margin-top: 0;
  }

  .careCollections li {
    width: 21.9%;
  }

  .careCollections li > a {
    min-height: 251px !important;
    border: 1px solid #ededf0;
    margin: 0 1px 1px 0;
  }

  .css-label:before {
    top: -2px;
  }

  .subscribe .css-label:before {
    top: -1px;
  }

  /*	=COLOR COLLECTIONS
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .colorDiscover .buttons {
    margin: 62px 0 40px;
  }
  .colorDiscover .tiles {
    margin-top: 40px;
  }

  .collectionDivision {
    padding-bottom: 40px;
  }

  .coutureColorbuttons {
    margin-bottom: 30px;
  }
  .coutureColorbuttons .collectionDivision {
    padding: 55px 0 0;
  }

  .brandHeader {
    height: 405px;
    margin: 37px 0;
  }

  .brandHeader .brandInfo .colInfo {
    padding: 48px 0 17px 0;
    font-size: 1.1em;
  }

  .brandHeader .brandInfo strong {
    width: 415px;
    line-height: 22px;
    font-size: 1.6em;
    margin-top: 13px;
  }

  .brandHeader .brandInfo hgroup {
    padding: 22px 0 31px 0;
  }

  .brandHeader .brandInfo h1 {
    line-height: 43px;
    font-size: 5.6em;
  }

  .brandHeader .brandInfo h2 {
    font-size: 2.8em;
  }

  .tabMenu li {
    width: 96px;
  }

  .tabMenu li:first-child {
    width: 99px;
  }

  .tabMenu a {
    height: 45px;
  }

  .filter {
    padding: 30px 0 20px;
  }

  .filter .filter-list li {
    line-height: 18px;
    font-size: 1.2em;
  }

  .filter .filter-list a {
    min-width: 102px;
  }

  .chooseLook h2 {
    font-size: 5em;
  }

  .productFrame .packshot img {
    width: 70%;
  }

  .productFrame .description {
    padding: 26px 0 0 15px;
    text-align: left;
    vertical-align: top;
    width: 451px;
  }

  .productFrame .description .text {
    font-size: 1.6em;
    line-height: 29px;
  }

  .productFrame .description .small {
    font-size: 1.1em;
    margin: 20px 0;
  }

  .productFrame .ratingSection {
    font-size: 1.2em;
  }

  .productFrame .ratingSection .col-2 {
    margin: 0 17px 0 10px;
    padding: 0 17px 0 16px;
  }

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

  .detailsList h3 {
    font-size: 1.5em;
  }

  .detailsList .row .description ul,
  .detailsList .row .description p {
    font-size: 1.2em;
  }

  .detailsList .line {
    margin: 10px 0;
    height: 1px;
  }

  .detailsList .row .description .inner {
    padding: 30px 38px 24px 38px;
  }

  .pinItem .pin {
    width: 16px;
    height: 18px;
    margin-left: -8px;
    background: url("../i/sprite/strict/shade-pin-l.png") 0 0 no-repeat;
  }
  .pinItem .hover {
    width: 24px;
    margin-left: -12px;
  }
  .pinItem.active .pin {
    background: url("../i/sprite/strict/shade-pin-hover-l.png") 0 0 no-repeat;
  }

  .discoverTitle {
    font-family: "ClanNarrow-Thin";
    font-size: 3.7em;
    margin-top: 40px;
  }

  .pictureFrame .colRight h1,
  .pictureFrame .colRight h2 {
    font-size: 4.1em;
    margin: 10px 0;
  }

  .pictureFrame .koleston-header-col.colRight h2 {
    margin: 10px 60px;
  }

  .pictureFrame .colRight.bgPink h2 {
    padding: 30% 0 5% 0;
  }

  .pictureFrame .prodDescription {
    font-size: 1.8em;
    line-height: 1.1;
  }
  .pictureFrame .prodNote {
    font-size: 1.2em;
  }

  .pictureFrame .colRight.styling-header-col h2 {
    font-size: 4.2em;
  }

  .pictureFrame .colRight.styling-header-col .prodDescription {
    font-size: 1.7em;
    padding: 4% 10% 1%;
  }

  .colorDispatchFrame.pictureFrame .colRight .inner {
    padding-top: 90px;
  }

  .colorDiscoverFrame.pictureFrame .colRight .inner {
    padding-top: 70px;
  }

  .collectionDivision h1 {
    font-size: 4.8em;
    line-height: 48px;
    color: #3c456d;
    margin: 84px 0 30px 0;
  }

  .collectionDivision p {
    font-size: 1.3em;
    color: #4c4a5d;
  }

  .pictureFrame .founder h2 {
    font-size: 7em !important;
    line-height: 62px !important;
    margin: 0;
  }

  .pictureFrame .founder .founderInfo {
    font-size: 1.2em !important;
    line-height: 14px;
  }

  .pictureFrame .founder .line {
    padding: 20px 0;
  }

  body.trendingStories {
    padding-top: 0;
  }
  body .trendingStories {
    padding-top: 30px;
  }

  .trendingStories .item {
    margin: 0 16px 16px 0;
  }

  .trendingStories .item.tweet {
    padding: 36.60714px;
  }

  .trendingStories .item.tweet h2 {
    font-family: "ClanNarrow-Thin";
    font-size: 2.6em;
    line-height: 20px;
    margin-bottom: 10px;
  }

  .trendingStories .item.tweet .title {
    font-size: 1.4em;
  }

  .trendingStories .item.tweet .nick {
    font-size: 1.4em;
  }

  .mapNesting1 > li {
    font-size: 3.1em;
  }

  .centerText h1 {
    margin-top: 32%;
  }

  .cosmeticAuthor {
    font-size: 0.8em;
  }
  .cosmeticAuthor h3 {
    margin: 3% 2%;
  }
  .cosmeticAuthor p {
    margin: 4% 10% 4% 2%;
  }

  .blocks li {
    width: 302px;
    height: 302px;
    margin: 11px;
  }
  .blocks .wide {
    width: 626px;
  }

  .pinkTitle {
    font-size: 10em;
  }

  .pushes3 li {
    width: 302px;
    height: 456px;
    margin: 11px;
  }
  .pushes3 p {
    font-size: 1.8em;
  }

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

  .pictureFrame.fullFrame .colRight .inner {
    padding: 40px 0;
  }

  .pictureFrame.fullFrame .colRight h1 {
    font-size: 7.6em;
    line-height: 65px;
  }

  .pictureFrame.fullFrame .short {
    font-size: 1.7em;
    font-family: "ClanNarrow-Thin";
    margin-top: 10px;
  }

  .centerTitle {
    font-size: 25em;
  }

  .errorContent {
    font-size: 1.8em;
  }
  .errorContent .searchPane {
    width: 240px;
  }
  .errorContent .searchPane .inputTextWrapper {
    height: 40px;
  }

  .inspirationGallery h2 {
    font-size: 3.4em;
    margin: 38px 0;
    line-height: 44px;
  }
  .inspirationGallery .filterMenuWrap {
    padding-left: 165px;
    margin-bottom: 10px;
  }
  .inspirationGallery .filterMenu li {
    font-size: 1.1em;
    line-height: 20px;
  }
  .inspirationGallery .filterMenu li a {
    padding: 3px 14px;
  }
  .inspirationGallery .filterMenu li.item {
    margin: 0.7%;
  }
  .inspirationGallery .filterMenu li.filterText {
    line-height: 33px;
    margin-left: 15px;
  }

  .tilesTrendings {
    padding: 65px 0;
  }
  .tilesTrendings .description {
    font-size: 1.8em;
  }

  /* =WELLA HISTORY
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  .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;
  }

  /* =SEARCH RESLUTS PAGE
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  .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;
  }

  /* =CONTACT US PAGE
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  .contactContent {
    font-size: 1.3em;
  }
  .contactContent .colLeft {
    width: 54.8%;
  }

  .contactForm dt, .contactForm dd {
    line-height: 30px;
  }
  .contactForm input[type="text"], .contactForm input[type="email"] {
    height: 28px;
    line-height: 28px;
  }
  .contactForm input[type="submit"] {
    min-width: 110px;
    height: 38px;
  }
  .contactForm textarea {
    height: 105px;
  }
  .contactForm .selectBox .styled-select-wrapper {
    height: 28px;
  }
  .contactForm .selectBox .styled-select-text {
    line-height: 28px;
    padding-right: 28px;
  }
  .contactForm .selectBox .styled-select-button {
    width: 28px;
  }

  /*	=LANDING PAGE
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .landingPage .colRight {
    width: 55%;
    left: 45%;
    padding-bottom: 34px;
  }
  .landingPage .countryMenu {
    margin-bottom: 60px;
  }
  .landingPage .inner {
    padding: 0 9.4% 0 3%;
  }
  .landingPage .subtitle {
    font-size: 4.3em;
  }
  .landingPage .landingContryInfo p {
    width: 45%;
    font-size: 1.4em;
  }

  .landingContryWrapper {
    padding: 20px 0;
    display: table;
    table-layout: fixed;
    margin: 0 auto;
  }
  .landingContryWrapper .landingAreaName {
    margin-bottom: 6px;
  }
  .landingContryWrapper .landingAreaNameSingle {
    margin-bottom: 10px;
  }
  .landingContryWrapper .landingContinent {
    display: table-cell;
    padding: 0 10px;
  }
  .landingContryWrapper .landingAccordion + .landingAccordion {
    margin-top: 16px;
  }

  /*	=SALONFINDER PAGE
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .salonfinderForm {
    width: 365px;
  }

  .openInGoogleMaps {
    display: none;
  }

  .tablet-device .openInGoogleMaps {
    display: inline-block;
  }

  sup.small {
    font-size: 0.4em;
  }

  .socialBox .shadow {
    width: 115px;
  }
  .socialBox .facebook, .socialBox .tweeter, .socialBox .pinterest, .socialBox .youtube, .socialBox .instagram {
    display: inline-block;
    margin: 3px 13px;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
  }

  /*	=CARE COLLECTIONS
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .productFinderPage .careCollections li {
    min-width: 241px;
    width: 241px;
    height: 292px;
    margin: 0 2px 2px 0;
  }
  .productFinderPage .careCollections li a {
    min-width: inherit;
    width: inherit;
    height: inherit;
    margin: 0;
  }
  .productFinderPage .careCollections li img {
    width: inherit;
    height: inherit;
  }

  /*	=CARE COLLECTIONS
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .rwdDimension {
    width: 972px;
  }

  /*	=CREATIVE DIRECTORS
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .creativeDirectors blockquote {
    width: 60%;
    margin: 0 auto;
    padding: 30px 5%;
    margin-bottom: 20px;
  }

  body.trendingStories .pictureFrame .colRight .verticalAlign {
    padding-top: 18% !important;
  }

  /*	=FAQ PAGE
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .faqPage {
    margin-top: 35px;
  }
  .faqPage .intro {
    font-size: 1.3em;
    margin-bottom: 30px;
  }
  .faqPage .item {
    padding: 20px 0;
  }
  .faqPage .item h4 {
    font-size: 1.7em;
  }
  .faqPage .item p {
    font-size: 1.15em;
    margin-top: 15px;
    width: 80%;
  }
  .faqPage .legal {
    margin-top: 30px;
    font-size: 1em;
    width: 80%;
  }

  .plus-ico:before {
    bottom: 0;
    right: 6px;
  }

  .recommendation .plus-ico:before {
    bottom: 3px;
  }

  .tablet-device footer .col-1 h3 {
    margin-bottom: 40px;
  }

  /*	=SALON SUPPORT PAGE
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .salonSupportBottom .tiles .mask p {
    font-size: 1.7em;
    margin-top: 55px;
  }

  .salonSupportBottom .tiles .mask h2 {
    font-size: 4em;
  }

  .salonSupportBottom .tile:hover .mask .buttonWrap, .salonSupportBottom .tile .mask .buttonWrap {
    top: 5%;
  }

  /*	CBB INITIATIVE
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .global-popup-wrapper .popup.tip {
    top: 120px !important;
  }

  .cbbPage .cbbButton {
    min-width: 160px !important;
  }

  .stylistInterview .socialButtons {
    padding-right: 37px;
  }

  .stylistInterview .socialButtons .button {
    background-size: 20px 20px;
    font-size: 1.2em;
    padding-left: 25px;
  }

  .stylistInterview .socialButtons .firstBtn {
    background-position: 5px 14px;
    min-width: 165px !important;
    margin-left: 8px;
  }

  .stylistInterview .socialButtons .secondBtn {
    background-position: 7px 14px;
    min-width: 182px !important;
    float: right;
  }

  .panels .block-2 .prevBtn {
    left: 0;
    height: 41px;
  }

  .panels .block-2 .buttonRight {
    right: 167px;
    height: 41px;
    width: 28px;
    margin-top: -28px;
    background-image: url(../i/sprite/sprite.png);
    background-position: -433px -112px;
    width: 28px;
    height: 41px;
  }

  .cbbPage .detailsList h2 {
    font-size: 2em;
  }

  .stylistInfo {
    width: 972px;
  }

  .stylistInterview .stylistAnswer {
    font-size: 1.4em;
    padding-top: 15px;
  }

  .stylistInterview .hr {
    margin: 15px 0;
  }

  .stylistInfo .stylistQuote {
    background-size: 960px 135px;
    padding-top: 53px;
    width: auto;
  }

  .cbbPage .detailsList .row .description .inner {
    padding: 15px 38px;
  }

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

  .bioInfo {
    width: 610px;
  }

  /*	=MAKING WAVES INICJATYWA
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .popup.redPopin h3 {
    font-family: "ClanNarrow-Book";
    font-size: 3.7em;
  }
  .popup.redPopin h3 span {
    font-family: "ClanNarrow-News";
    font-size: 1.3em;
  }
  .popup.redPopin p {
    font-size: 1.5em;
  }
  .popup.redPopin.horizontal, .popup.redPopin.video {
    width: 68%;
    left: 50%;
    margin-left: -35%;
  }
  .popup.redPopin.vertical {
    width: 32%;
    left: 50%;
    margin-left: -18%;
  }
  .popup.redPopin.vertical2 {
    width: 768px;
    left: 50%;
    margin-left: -384px;
  }
  .popup.redPopin.vertical2 .scrollPane {
    height: 542px;
  }

  /*  MAKING WAVES FOR RWD */
  .making-waves .making-waves__title {
    font-size: 1.8em;
    line-height: 18px;
    margin: 40px 0;
  }
  .making-waves .buttons .button {
    min-width: 160px;
  }
  .making-waves .making-waves__info {
    margin-top: 40px;
  }
  .making-waves .making-waves__info h2 {
    font-size: 1.5em;
  }
  .making-waves .making-waves__info p {
    font-size: .8em;
    line-height: 22px;
    font-family: "ClanNarrow-News" !important;
  }
  .making-waves.mentor__gallery .filterMenuWrap {
    margin: 37px 0 47px;
    padding-left: 150px;
  }
  .making-waves.mentor__gallery .filterMenuWrap .applyMentor {
    bottom: -30px;
  }
  .making-waves.whoWeHelp .tile {
    line-height: 29px;
  }
  .making-waves .description .wrap {
    font-size: 1.6em;
  }
  .making-waves .description .descriptionTitle {
    line-height: 35px;
  }
  .making-waves .row hr {
    width: 170px;
    margin: 25px 0 0 auto;
    border: 2px solid #d0d0d0 !important;
  }
  .making-waves .row .hr-line-bottom {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .making-waves .row .hr-line-top {
    margin-bottom: 20px !important;
  }
  .making-waves .row.rowLeft .hr-line-bottom {
    margin: 20px auto 20px 0;
  }
  .making-waves .row.rowLeft .hr-line-top {
    margin: 20px auto 0 0;
  }
  .making-waves .mentor__page--header {
    height: 483px !important;
  }
  .making-waves .mentor__page--header .brandInfo {
    padding: 10px 40px;
  }
  .making-waves .mentor__page--header .brandInfo h1 {
    font-size: 4.6em;
  }
  .making-waves .mentor__page--header .brandInfo h2 {
    font-size: 2em;
  }
  .making-waves .mentor__page--header .brandInfo .mentor__desc {
    font-size: 1.5em;
  }
  .making-waves .mentor__page--header .brandPackshot {
    height: inherit;
    background: #191919;
  }
  .making-waves .mentor__page--header .brandPackshot img {
    height: inherit;
  }
  .making-waves .mentor__page--header .mentor__buttons .button {
    min-width: 145px !important;
  }
  .making-waves .panels .block-2 .nextBtn {
    right: 167px;
    margin-top: -30px;
  }

  /* making waves */
  .Awards-Finalists .filterMenuWrap {
    padding-left: 30px;
  }

  .panels h2 {
    line-height: 30px;
    margin-bottom: 30px;
  }

  /*  ------FOOTER DOWNLOAD PANEL------  */
  .footerDownloadPanel .pdfIcoPosition,
  .searchPane ~ .pdfIcoPosition {
    left: 224px;
  }

  /*	=VIDEO
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .small-video {
    margin: 20px -5px 50px -5px;
    overflow: hidden;
  }
  .small-video .small-video--item {
    width: 235px;
    height: 160px;
    margin: 7px;
  }
  .small-video .play {
    font-size: 5em;
  }
  .small-video h2 {
    font-size: 2em !important;
  }

  /*  =UNSUBSCRIBE PAGE
  -------------------- */
  .unsubscribe input[type="text"] {
    width: 300px;
  }
  .unsubscribe h2 {
    margin-bottom: 0px;
  }
  .unsubscribe input[type="submit"] {
    height: 48px;
  }

  .subscribe input[type="text"],
  .subscribe input[type="email"] {
    width: 370px;
  }
  .subscribe .styled-select-wrapper {
    float: right;
  }
  .subscribe .contactForm .selectBox {
    float: right;
    width: 180px;
  }
  .subscribe .contactForm .selectBox + .selectBox {
    margin-right: 33px;
  }
  .subscribe .contactForm .left .selectBox {
    margin: 0 213px 0 0;
  }
  .subscribe h2 {
    margin-bottom: 10px;
  }
  .subscribe .contactForm input + .validation-error-message {
    width: 372px;
  }

  /*	=BIN POPIN
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .popup.popup--buyitnow {
    width: 716px;
    margin-left: -358px;
  }
  .popup.popup--buyitnow .popup__close {
    top: 15px;
    right: 15px;
  }
  .popup.popup--buyitnow hgroup {
    padding: 35px 45px 27px 20px;
  }
  .popup.popup--buyitnow hgroup h1 {
    font-size: 2.8em;
    line-height: 30px;
  }
  .popup.popup--buyitnow hgroup h2 {
    font-size: 1.6em;
  }
  .popup.popup--buyitnow .popup__container {
    padding: 15px;
  }
  .popup.popup--buyitnow .chooseProduct label {
    font-size: 1.6em;
    line-height: 38px;
  }
  .popup.popup--buyitnow .chooseProduct + p {
    font-size: 1.2em;
    margin-top: 20px;
  }
  .popup.popup--buyitnow .selectBox {
    font-size: 1.3em;
    width: 185px !important;
  }
  .popup.popup--buyitnow .dealers {
    height: 335px;
    margin-top: 20px;
  }
  .popup.popup--buyitnow .item {
    padding: 11px 0;
  }
  .popup.popup--buyitnow .item .price {
    font-size: 1.3em;
  }
  .popup.popup--buyitnow .item .link .button {
    font-size: 1.1em;
    width: 125px;
    line-height: 38px;
  }
  .popup.popup--buyitnow .popup__footer {
    margin: 15px 25px 0 0;
  }

  /*------ SALON MARKETING PAGE ------*/
  .customizeBox dt {
    line-height: 2.4;
  }
}
/* @media */
@media screen and (min-width: 1400px) {
  /*	=PLACEHOLDERS
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .play {
    font-size: 8.6em;
  }

  /*	=COMMON
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  header .search .search_mini_ico {
    background-image: url(../i/sprite/sprite.png);
    background-position: -549px -173px;
    width: 13px;
    height: 20px;
  }
  header .search .salon_finder_ico {
    background-image: url(../i/sprite/sprite.png);
    background-position: -549px -330px;
    width: 12px;
    height: 18px;
  }
  header .search .subscribe_ico {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -510px;
    width: 22px;
    height: 15px;
  }

  .trendingStories header .search {
    right: 50%;
    margin-right: -679px;
  }

  /* sprites for each icons in element .followUs */
  .followUs .ico_facebook {
    background-image: url(../i/sprite/sprite.png);
    background-position: -504px -52px;
    width: 24px;
    height: 26px;
  }

  .followUs .ico_tweet {
    background-image: url(../i/sprite/sprite.png);
    background-position: -504px 0px;
    width: 24px;
    height: 26px;
  }

  .followUs .ico_pint {
    background-image: url(../i/sprite/sprite.png);
    background-position: -504px -156px;
    width: 24px;
    height: 26px;
  }

  .followUs .ico_youtube {
    background-image: url(../i/sprite/sprite.png);
    background-position: -408px -368px;
    width: 24px;
    height: 26px;
  }

  .followUs .ico_istagram {
    background-image: url(../i/sprite/sprite.png);
    background-position: -504px -104px;
    width: 24px;
    height: 26px;
  }

  .followUs .ico_wellablog {
    background-image: url(../i/sprite/sprite.png);
    background-position: -528px 0px;
    width: 21px;
    height: 23px;
  }

  /* sprites for each icons in element .otherBrands */
  .otherBrands .ico_nioxin {
    background-image: url(../i/sprite/sprite.png);
    background-position: -177px -161px;
    width: 54px;
    height: 34px;
  }

  .otherBrands .ico_clairol {
    background-image: url(../i/sprite/sprite.png);
    background-position: -137px -244px;
    width: 71px;
    height: 34px;
  }

  .otherBrands .ico_sp {
    background-image: url(../i/sprite/sprite.png);
    background-position: -462px 0px;
    width: 42px;
    height: 34px;
  }

  .otherBrands .ico_sassoon {
    background-image: url(../i/sprite/sprite.png);
    background-position: -290px -214px;
    width: 62px;
    height: 34px;
  }

  .otherBrands .ico_sebastian {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -210px;
    width: 91px;
    height: 34px;
  }

  .otherBrands .ico_londa {
    background-image: url(../i/sprite/sprite.png);
    background-position: -208px -244px;
    width: 64px;
    height: 34px;
  }

  .otherBrands .ico_kadus {
    background-image: url(../i/sprite/sprite.png);
    background-position: -290px -34px;
    width: 64px;
    height: 34px;
  }

  .main {
    width: 1358px;
    /* RESPONSIVE */
    /* DYNAMIC BOXES ISOTOPE */
  }
  .main.fixWidth.dynamicBox {
    width: 1400px;
    /* RESPONSIVE */
  }

  .nextBtn {
    height: 56px;
    width: 38px;
    background-image: url(../i/sprite/sprite.png);
    background-position: -290px -158px;
    width: 38px;
    height: 56px;
  }

  .prevBtn {
    background-image: url(../i/sprite/sprite.png);
    background-position: -290px -102px;
    width: 38px;
    height: 56px;
  }

  section .breadcrumb {
    top: 120px;
  }

  .brandsArea h3 {
    font-size: 1.8em;
  }

  .pictureFrame .prodDescription {
    font-size: 2.2em;
  }
  .pictureFrame .prodNote {
    font-size: 1.5em;
  }

  /* DYNAMIC BOXES ISOTOPE */
  .tile .buttonWrap .button {
    min-width: inherit;
    padding: 0 25px;
    margin: 0;
  }

  .tile:hover .mask-headline {
    top: 0;
  }
  .tile:hover .buttonWrap {
    top: 0;
  }

  .familyArtist .tile .mask-headline {
    font-size: 2.9em;
  }
  .familyArtist .tile .mask-text {
    font-size: 2.4em;
  }

  .familyArtistPage .tile .mask-headline,
  .inspirationPage .tile .mask-headline,
  .tile-video .mask-headline {
    font-size: 2.8em;
  }
  .familyArtistPage .tile .mask-text,
  .inspirationPage .tile .mask-text,
  .tile-video .mask-text {
    font-size: 2.4em;
  }

  .home .tile .mask-headline {
    font-size: 5.4em;
  }

  .tileYouTube img {
    margin-top: 55px;
  }

  .starRating a {
    background-image: url(../i/sprite/sprite.png);
    background-position: -323px -288px;
    width: 22px;
    height: 19px;
  }

  .starRating a.active,
  .starRating a:hover {
    background-image: url(../i/sprite/sprite.png);
    background-position: -198px -488px;
    width: 22px;
    height: 19px;
  }

  .ratingSection a.more span {
    background-image: url(../i/sprite/sprite.png);
    background-position: -528px -46px;
    width: 21px;
    height: 21px;
  }

  .searchPane input[type='submit'] {
    background-image: url(../i/sprite/sprite.png);
    background-position: -290px -158px;
    width: 38px;
    height: 56px;
  }

  /* DYNAMIC BOXES ISOTOPE */
  .mob-show {
    display: none;
  }

  .footerRow {
    width: 1358px;
    /* RESPONSIVE */
  }
  .footerRow .BBB a {
    background-image: url(../i/sprite/sprite.png);
    background-position: 0px -288px;
    width: 75px;
    height: 29px;
  }

  .brandHeader {
    margin: 50px 0;
  }

  .chooseLook h2 {
    font-size: 6.6em;
  }

  header .logo img {
    width: 100%;
  }

  .mapNesting1 > li {
    font-size: 4.95em;
  }

  .centerText h1 {
    margin-top: 50%;
  }

  .blocks li {
    width: 430px;
    height: 430px;
    margin: 11px;
  }
  .blocks .wide {
    width: 883px;
  }

  .pinkTitle {
    font-size: 13.4em;
  }

  .pushes3 li {
    width: 430px;
    height: 649px;
    margin: 11px;
  }
  .pushes3 p {
    font-size: 2.2em;
  }

  .centerTitle {
    font-size: 33em;
  }

  .errorContent {
    font-size: 2.2em;
  }
  .errorContent .searchPane {
    width: 292px;
  }
  .errorContent .searchPane .inputTextWrapper {
    height: 54px;
  }

  .pinItem .pin {
    width: 20px;
    height: 23px;
    background: url("../i/sprite/strict/shade-pin.png") 0 0 no-repeat;
    margin-left: -10px;
  }
  .pinItem .hover {
    width: 28px;
    margin-left: -14px;
  }
  .pinItem.active .pin {
    background: url("../i/sprite/strict/shade-pin-hover.png") 0 0 no-repeat;
  }

  .tilesTrendings {
    padding: 65px 0;
  }
  .tilesTrendings .description {
    font-size: 2.2em;
  }

  /*	=COLOR COLLECTIONS
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .colorDiscover .buttons {
    margin: 62px 0 40px;
  }
  .colorDiscover .tiles {
    margin-top: 40px;
  }

  .colorInformation .pictureFrame .icLogo {
    padding: 25% 0 8% 0;
  }
  .colorInformation .pictureFrame h1 {
    font-size: 5.8em;
  }
  .colorInformation .buttons {
    margin: 58px 0 48px;
  }

  .collectionDivision {
    padding-bottom: 40px;
  }

  .coutureColorbuttons {
    margin-bottom: 40px;
  }
  .coutureColorbuttons .collectionDivision {
    padding: 80px 0 0;
  }

  /* =WELLA HISTORY
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  .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;
  }

  /* =SEARCH RESLUTS PAGE
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  .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;
  }

  /*	=LANDING PAGE
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .landingPage .visual {
    max-width: none;
  }
  .landingPage .colRight {
    width: 50%;
    left: 50%;
  }
  .landingPage .inner {
    width: 620px;
  }
  .landingPage .countryMenu {
    margin-bottom: 150px;
  }
  .landingPage .subtitle {
    font-size: 5.5em;
    letter-spacing: 0.5px;
  }
  .landingPage .landingContryInfo p {
    width: 44.8%;
    font-size: 1.4em;
  }

  .landingContryWrapper {
    padding: 20px 0;
    display: table;
    table-layout: fixed;
    margin: 0 auto;
  }
  .landingContryWrapper .landingAreaName {
    margin-bottom: 6px;
  }
  .landingContryWrapper .landingAreaNameSingle {
    margin-bottom: 10px;
  }
  .landingContryWrapper .landingContinent {
    display: table-cell;
    padding: 0 10px;
  }
  .landingContryWrapper .landingAccordion + .landingAccordion {
    margin-top: 16px;
  }

  /*	=SALONFINDER PAGE
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .salonfinderForm {
    width: 365px;
  }

  .openInGoogleMaps {
    display: none;
  }

  .cite .title {
    line-height: 30px;
    font-size: 3em !important;
  }
  .cite .title .font-1 {
    font-size: 1.2em !important;
  }
  .cite .title .font-2 {
    font-size: 1.4em !important;
    line-height: 40px;
  }
  .cite .title .font-3 {
    font-size: 1.9em !important;
    line-height: 45px;
  }

  sup.small {
    font-size: 0.4em;
  }

  /*	=CARE COLLECTIONS
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .productFinderPage .careCollections li {
    min-width: 337px;
    width: 337px;
    height: 415px;
    margin: 0 2px 2px 0;
  }
  .productFinderPage .careCollections li a {
    min-width: inherit;
    width: inherit;
    height: inherit;
    margin: 0;
  }
  .productFinderPage .careCollections li img {
    width: inherit;
    height: inherit;
  }

  /*	=CARE COLLECTIONS
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .rwdDimension {
    width: 1358px;
  }

  .pictureFrame .colLeft img.packshot,
  .pictureFrame .colRight img.packshot {
    width: 100%;
  }

  .nav-lvl3-img {
    height: auto;
  }

  .careDispatchPage .brandsListWrap {
    margin-top: 40px;
  }

  /*	=CREATIVE DIRECTORS
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .creativeDirectors blockquote {
    width: 60%;
    margin: 0 auto;
    padding: 30px 5%;
    margin-bottom: 20px;
  }

  /*	=MAKING WAVES INICJATYWA
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .popup.redPopin h3 {
    font-family: "ClanNarrow-Book";
    font-size: 4.1em;
  }
  .popup.redPopin h3 span {
    font-family: "ClanNarrow-News";
    font-size: 1.3em;
  }
  .popup.redPopin p {
    font-size: 1.9em;
  }
  .popup.redPopin.horizontal, .popup.redPopin.video {
    width: 68%;
    left: 50%;
    margin-left: -35%;
  }
  .popup.redPopin.vertical {
    width: 32%;
    left: 50%;
    margin-left: -18%;
  }
  .popup.redPopin.vertical2 {
    width: 1242px;
    left: 50%;
    margin-left: -621px;
  }
  .popup.redPopin.vertical2 .scrollPane {
    height: 874px;
  }

  .panels h2 {
    line-height: 40px;
    margin-bottom: 40px;
  }
}
#tvp-navigation-link-list .sticky-wrapper {
  height: auto !important;
}

.trendVision-monaco .is-sticky .buttons {
  position: static !important;
}

/* Couture Color initiative */
.coutureColorbuttons .button {
  background-color: #ca255d;
  background-image: linear-gradient(45deg, #ca255d 10%, #d92c64 20%, #d92c64 25%, #c3003d 50%);
  background-size: 100% auto;
  min-width: 210px;
  margin-bottom: 10px;
}
.coutureColorbuttons .button:hover {
  background-color: #d33374;
  background-image: linear-gradient(45deg, #d33374 10%, #e0397e 20%, #e0397e 25%, #ce0153 50%);
}

/*	=TERMS & CONDITIONS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.termsAndConditions {
  font-size: 1.2em;
  line-height: 1.4;
  margin-top: 130px;
  margin-bottom: 30px;
  font-family: "ClanNarrow-News";
}
.termsAndConditions * {
  padding: 10px 0;
}
.termsAndConditions h1 {
  font-size: 1.5em;
}
.termsAndConditions h2 {
  font-size: 1.3em;
}
.termsAndConditions ol {
  list-style-type: decimal;
  padding: 0 0 0 30px;
}
.termsAndConditions li {
  padding: 5px 0;
}

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