@charset "UTF-8";
/*	 =SPRITE VARIABLES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/* sprites for each icons in element .followUs */
/*	=PARTIALS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/*	=FONT VARIABLES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/*	=MIXINS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/*@import "compass/utilities/general/clearfix";*/
/*@import "compass/css3/";*/
/**
 * 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(widescreens) { color: yellow; }
 */
/**
 * default variables can be ovverride
 */
/*
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);
*/
/*	=GLOBAL VARIABLES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/* media query breakpoints */
/* laptop resize factor = laptop/widescreen */
/* tablet resize factor = tablet/widescreen */
/*	=SPRITE MAPS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/* Colors */
/* 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, sans-serif;
  word-wrap: break-word;
  color: #44443e;
  -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: "Gotham-Light";
  font-size: 4.7em; }

.size-2 {
  font-family: "Gotham-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'], input[type='email'] {
  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;
  opacity: 0;
  z-index: 2; }

input[type="checkbox"] + label.css-label:before {
  background-image: url(../i/sprites/sprite.png);
  background-position: -611px -234px;
  width: 23px;
  height: 23px; }

input[type="checkbox"]:checked + label.css-label:before {
  background-image: url(../i/sprites/sprite.png);
  background-position: -648px -389px;
  width: 23px;
  height: 23px; }

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

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 {
    font-size: 1.5em;
    line-height: 20px; }
    .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 {
      cursor: pointer; }
  .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-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: "Gotham-Medium";
      font-size: 2.3em;
      display: block; }
    .cite .info .author {
      font-family: arial;
      font-size: 2.2em;
      display: block;
      font-family: "Gotham-Light"; }
      .cite .info .author strong {
        font-family: "Gotham-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: "Gotham-Light";
  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; }

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

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

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

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

.home .block-1x1 {
  width: 662px;
  height: 473px; }

.home .block-1x2 {
  width: 662px;
  height: 976px; }

.home .block-2x1 {
  width: 1354px;
  height: 473px; }

.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 > img {
    height: 100%;
    width: 100%;
    display: block;
    position: relative;
    transition: all 0.4s cubic-bezier(0.105, 0.86, 0.52, 0.965); }
  .tile .mask, .tile .mask * {
    box-sizing: border-box; }
  .tile .mask a {
    display: table;
    width: 100%;
    height: 100%;
    color: #fff; }
  .tile .mask .button {
    display: inline-block;
    width: auto;
    height: auto; }
  .tile .mask-content {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
    top: 0;
    z-index: 100; }
  .tile .mask-headline {
    font-family: "Gotham-Bold";
    font-size: 3.4em;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    line-height: 1;
    margin-bottom: 0.2em;
    position: relative;
    z-index: 100; }
    .tile .mask-headline span:last-child {
      font-family: "Gotham-Light";
      display: block; }
  .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;
    opacity: 0;
    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/sprites/sprite.png);
        background-position: -329px -328px;
        width: 24px;
        height: 14px; }
      .tile .socialButtons li.shadow.last {
        background-image: url(../i/sprites/sprite.png);
        background-position: -305px -328px;
        width: 24px;
        height: 14px; }
      .tile .socialButtons li.ico {
        width: 16px;
        transition: opacity 0.2s; }
        .tile .socialButtons li.ico:hover {
          opacity: 0.7; }
        .tile .socialButtons li.ico a {
          display: block;
          width: 100%;
          height: 100%; }
      .tile .socialButtons li.facebook {
        background-image: url(../i/sprites/sprite.png);
        background-position: -397px -458px;
        width: 18px;
        height: 18px;
        margin-left: 10px; }
      .tile .socialButtons li.twitter {
        background-image: url(../i/sprites/sprite.png);
        background-position: -611px -339px;
        width: 18px;
        height: 18px;
        margin: 0 8px 0 5px; }
      .tile .socialButtons li.pinterest {
        background-image: url(../i/sprites/sprite.png);
        background-position: -611px -420px;
        width: 18px;
        height: 18px;
        margin-right: 10px; }
  .tile:hover:before {
    opacity: 0; }
  .tile:hover img,
  .tile.effect-on img {
    -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2); }
  .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 {
    opacity: 1; }
  .tile:hover .mask .buttonWrap,
  .tile.effect-on .mask .buttonWrap {
    transition-delay: 0.1s;
    top: 0; }
  .tile:hover .mask .socialButtons,
  .tile.effect-on .mask .socialButtons {
    transition-delay: 0.4s; }

.tileDefault {
  text-transform: uppercase; }
  .tileDefault .tileTitle {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 80px;
    width: 100%;
    display: table;
    transition: all 0.4s cubic-bezier(0.105, 0.86, 0.52, 0.965); }
    .tileDefault .tileTitle h4, .tileDefault .tileTitle h5 {
      color: #44443e;
      font-size: 2.5em;
      line-height: 1.2;
      text-align: left;
      padding: 0 11% 0 3%; }
    .tileDefault .tileTitle h4 {
      font-family: "Gotham-Medium";
      margin-right: 7px; }
    .tileDefault .tileTitle h5 {
      font-family: "Gotham-Light"; }
    .tileDefault .tileTitle .more {
      display: block;
      width: 27px;
      height: 28px;
      position: absolute;
      right: 2.5%;
      bottom: 50%;
      margin-bottom: -14px;
      background-color: #9eb7c9;
      line-height: 28px;
      font-size: 2.1em;
      font-family: "Gotham-Medium";
      text-align: center; }
    .tileDefault .tileTitle:before {
      display: none; }
    .tileDefault .tileTitle.gradientLine:before {
      display: block;
      content: "";
      width: 100%;
      height: 5px;
      position: absolute;
      left: 0;
      top: -5px; }
  .tileDefault .rating {
    position: absolute;
    left: 50%;
    top: 4%;
    margin-left: -59px; }
  .tileDefault .play {
    transition: all 0.4s cubic-bezier(0.105, 0.86, 0.52, 0.965); }
  .tileDefault .mask {
    background-color: rgba(53, 84, 110, 0.5); }
  .tileDefault:hover .tileTitle, .tileDefault:hover .more, .tileDefault:hover .rating, .tileDefault:hover .play {
    opacity: 0; }
  .tileDefault .boldText, .tileDefault .thinText {
    font-size: 4.7em;
    display: block;
    line-height: 1; }
  .tileDefault .boldText {
    font-family: "Gotham-Medium" !important; }
  .tileDefault .thinText {
    font-family: "Gotham-Light" !important; }

.tileDeclaration:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -30px 0 0 -30px;
  z-index: 1;
  background-image: url(../i/sprites/sprite.png);
  background-position: -216px -358px;
  width: 61px;
  height: 61px; }

.tileDeclaration .mask {
  background-color: rgba(53, 84, 110, 0.5); }

.tileDeclaration .declarationIcon {
  background-image: url(../i/sprites/sprite.png);
  background-position: -216px -358px;
  width: 61px;
  height: 61px;
  display: inline-block;
  margin-bottom: 25px; }

.tileDeclaration .declarationContent {
  display: block;
  font-size: 2.2em;
  font-family: "Gotham-Book";
  margin: 0 3%; }

.home .tile {
  margin: 15px; }
  .home .tile .mask.ipadFix {
    opacity: 1 !important; }

.landingProductsTiles .tileDefault .tileTitle {
  height: 58px;
  text-align: left;
  padding: 0 11% 0 3%;
  width: 87%; }
  .landingProductsTiles .tileDefault .tileTitle h4, .landingProductsTiles .tileDefault .tileTitle h5 {
    display: inline;
    font-size: 3em;
    padding: 0; }

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

/* standard facephoto tile */
.tileTwitter.tile--social .mask-content,
.tileFacebook.tile--social .mask-content,
.tileVideo.tile--social .mask-content,
.tileYoutube.tile--social .mask-content {
  padding-left: 4em;
  padding-right: 4em; }

.tileTwitter .mask-headline,
.tileFacebook .mask-headline,
.tileVideo .mask-headline,
.tileYoutube .mask-headline {
  margin: 0; }

.tileTwitter .socialLogo,
.tileFacebook .socialLogo,
.tileVideo .socialLogo,
.tileYoutube .socialLogo {
  display: block;
  margin: 0 auto 20px; }

.tileTwitter .description,
.tileFacebook .description,
.tileVideo .description,
.tileYoutube .description {
  font-family: "Gotham-Book"; }

.tileTwitter:before,
.tileFacebook:before,
.tileVideo:before,
.tileYoutube:before {
  content: "";
  position: absolute;
  bottom: 2%;
  right: 2%;
  z-index: 1; }

.tileFacebook .socialLogo {
  background-image: url(../i/sprites/sprite.png);
  background-position: -278px -160px;
  width: 65px;
  height: 65px; }

.tileFacebook:before {
  background-image: url(../i/sprites/sprite.png);
  background-position: -278px -160px;
  width: 65px;
  height: 65px; }

.tileTwitter {
  background: #fcfcfc;
  transition-duration: 0.4s; }
  .tileTwitter .socialLogo {
    background-image: url(../i/sprites/sprite.png);
    background-position: -343px -160px;
    width: 65px;
    height: 65px;
    opacity: 0;
    transition-duration: 0.4s; }
  .tileTwitter:before {
    background-image: url(../i/sprites/sprite.png);
    background-position: -343px -160px;
    width: 65px;
    height: 65px; }
  .tileTwitter:hover .socialLogo,
  .tileTwitter.effect-on .socialLogo {
    opacity: 1; }
  .tileTwitter a {
    font-family: "Gotham-Book";
    display: block;
    height: 100%;
    box-sizing: border-box;
    padding: 6em 5em 0; }
  .tileTwitter .description {
    color: #44443e;
    margin: 0; }
  .tileTwitter .twitNick {
    color: #44443e; }
  .tileTwitter .twitTitle {
    color: #4b6170;
    text-transform: uppercase; }
  .tileTwitter .twitNick,
  .tileTwitter .twitTitle {
    display: block; }
  .tileTwitter .line {
    width: 200px;
    height: 2px;
    background: #b6c5d0;
    margin: 30px auto; }

.tileVideo .socialLogo {
  background-image: url(../i/sprites/sprite.png);
  background-position: 0px -120px;
  width: 93px;
  height: 93px; }

.tileVideo:before {
  background-image: url(../i/sprites/sprite.png);
  background-position: -436px -253px;
  width: 47px;
  height: 53px; }

.tileYoutube .socialLogo {
  background-image: url(../i/sprites/sprite.png);
  background-position: -436px -253px;
  width: 47px;
  height: 53px; }

.tileYoutube:before {
  background-image: url(../i/sprites/sprite.png);
  background-position: -436px -253px;
  width: 47px;
  height: 53px; }

.tileYoutube:hover .play {
  background-image: url(../i/sprites/sprite.png);
  background-position: -346px -92px;
  width: 68px;
  height: 68px; }

.tileYoutube .description {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 2.25em 2.25em; }

.tileButton {
  color: #373234; }
  .tileButton:hover img {
    -ms-transform: scale(1, 1);
        transform: scale(1, 1); }
  .tileButton .buttonWrap {
    position: absolute;
    width: auto;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 26px 26px; }
  .tileButton.tileButton--right .buttonWrap {
    text-align: right; }
  .tileButton.tileButton--right.block-2x1 .buttonWrap {
    margin-right: 120px; }
  .tileButton.tileButton--left .buttonWrap {
    text-align: left; }
  .tileButton.tileButton--left.block-2x1 .buttonWrap {
    margin-left: 120px; }
  .tileButton .tile-number,
  .tileButton .tile-percent {
    font-family: "Baskerville-SemiBold";
    font-size: 7em;
    position: absolute; }
  .tileButton .tile-text {
    font-family: "Gotham-Light";
    font-size: 4.2em;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    padding: 0 30px; }

.tilesTrendings .mask-content {
  padding: 6em 5em 0; }

.play {
  background-image: url(../i/sprites/sprite.png);
  background-position: -278px -92px;
  width: 68px;
  height: 68px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -34px;
  margin-top: -34px;
  z-index: 200; }

.salonMarketing .tile {
  margin: 15px; }
  .salonMarketing .tile .button {
    margin: 35px 0 0; }

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

.salonMarketing .mask-content {
  padding: 0 5%; }

.salonMarketing .dotsDescription {
  position: absolute;
  left: 0;
  top: 0; }

.salonMarketing .tile:hover .dotsDescription {
  opacity: 0; }

.salonMarketing .dotsDescriptionContent {
  font-family: "Gotham-Medium";
  font-size: 3.7em;
  text-transform: uppercase;
  color: #fff; }

.salonMarketing .mask-headline {
  font-size: 3.7em;
  color: #fff; }

.successStories .tileDefault {
  text-transform: none; }

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

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

/* COLOR */
.pictureFrame .colRight.default {
  background-color: #b5c5cf;
  background-image: linear-gradient(45deg, #b5c5cf 0%, #e7f1f8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5c5cf', endColorstr='#e7f1f8',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;
  min-height: 300px; }

.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: #4b6170; }

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

.pictureFrame img.centerPack {
  position: absolute;
  bottom: -8%;
  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: "Gotham-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: "Gotham-Light";
  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-family: "Gotham-Book";
  color: #44443e;
  text-transform: uppercase;
  font-size: 3em;
  display: block;
  line-height: 1; }

.pictureFrame .prodDescription {
  font-family: "Gotham-Book";
  color: #44443e;
  text-transform: uppercase;
  font-size: 2em;
  display: block;
  padding: 0; }

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

.pictureFrame .colRight h1,
.pictureFrame .colRight h2 {
  font-family: "Baskerville";
  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 0 20px;
  font-size: 7em;
  line-height: 1;
  text-transform: uppercase; }

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

.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: "Gotham-Bold"; }

.pictureFrame .care2Subtitle {
  margin: 72% 0 0 16%; }
  .pictureFrame .care2Subtitle .subtitle {
    color: #fff;
    font-family: "Gotham-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: "Gotham-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; }

.button.salonfinderForm__button--back {
  background-image: url("../../i/sprite/button_arrow_prev.png"); }

.button.brown, .button.button--secondary {
  background-color: #585853; }

.button.darkBlue, .button.button--tertiary {
  background-color: #5f7d93; }

/*----- PRODUCTS COLOR LINES -----*/
.kitsLine:before {
  background-color: #888389;
  background-image: linear-gradient(90deg, #888389 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888389', endColorstr='#ffffff',GradientType=1 ); }

.renewLine:before {
  background-color: #6EB147;
  background-image: linear-gradient(90deg, #6eb147 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6EB147', endColorstr='#ffffff',GradientType=1 ); }

.intensiveLine:before {
  background-color: #533190;
  background-image: linear-gradient(90deg, #533190 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#533190', endColorstr='#ffffff',GradientType=1 ); }

.stylingLine:before {
  background-color: #094C8C;
  background-image: linear-gradient(90deg, #094c8c 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#094C8C', endColorstr='#ffffff',GradientType=1 ); }

.minoxidilLine:before {
  background-color: #000000;
  background-image: linear-gradient(90deg, black 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=1 ); }

.instantFullness:before {
  background-color: #00abb6;
  background-image: linear-gradient(90deg, #00abb6 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00abb6', endColorstr='#ffffff',GradientType=1 ); }

#ActivoDeactivation .deactivationPage dl {
  margin-top: 15px; }

#ActivoDeactivation .deactivationPage .popupTemplate {
  height: initial;
  padding-top: 20px; }
  #ActivoDeactivation .deactivationPage .popupTemplate h2 {
    margin-bottom: 0; }
  #ActivoDeactivation .deactivationPage .popupTemplate #BackFromThankYou {
    float: none !important; }

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

.buttons {
  text-align: center;
  margin: 26px;
  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: 768px) and (max-width: 999px) {
      .buttons.empty {
        line-height: 34px; } }
    @media only screen and (max-width: 767px) {
      .buttons.empty {
        line-height: 40px; } }

.button {
  font-family: "Baskerville-Bold";
  font-size: 2em;
  line-height: 1;
  margin-left: 14px;
  padding: 15px 22px 11px 26px;
  text-align: left;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  background: url("../../i/sprite/button_arrow.png") 12px center no-repeat;
  border: none;
  cursor: pointer;
  box-sizing: border-box;
  transition: all 0.5s ease-in-out; }
  @media only screen and (min-width: 1000px) and (max-width: 1399px) {
    .button {
      font-size: 1.42857em;
      margin-left: 10px;
      padding: 10.71429px 15.71429px 7.85714px 18.57143px;
      background-position: 8.57143px center; } }
  .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%; }
  .button.button--prev {
    padding: 15px 26px 11px 22px;
    background: url("../../i/sprite/button_arrow_prev.png") 12px center no-repeat; }
    @media only screen and (min-width: 1000px) and (max-width: 1399px) {
      .button.button--prev {
        background-position: 7px center; } }
  .button.button--next {
    padding: 15px 26px 11px 22px;
    background-image: none; }
    .button.button--next:after {
      content: url("../../i/sprite/button_arrow.png");
      position: absolute;
      top: 13px;
      right: 12px; }
  .button.black {
    background-color: #000; }

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

.buttonsSubmenuWrap {
  position: relative; }
  .buttonsSubmenuWrap #subMenu {
    position: absolute;
    left: 0;
    top: -120px; }

.buttonsSubmenu {
  margin: 26px 0;
  text-align: center; }
  .buttonsSubmenu a {
    display: inline-block;
    position: relative;
    min-width: 240px;
    height: 46px;
    line-height: 46px;
    font-size: 1.4em;
    font-family: "Gotham-Light";
    color: #fff;
    margin: 5px;
    padding: 0 5px;
    transition: all 0.5s ease-in-out; }
    .buttonsSubmenu a:hover:before, .buttonsSubmenu a.active:before {
      opacity: 1;
      filter: alpha(opacity=1); }
    .buttonsSubmenu a:before {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 8px 8px 0 8px;
      border-color: #ffffff transparent transparent transparent;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -8px;
      opacity: 0;
      filter: alpha(opacity=0); }

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

/*end desktop*/
@media screen and (min-width: 768px) and (max-width: 999px) {
  .button {
    padding: 14px 22px 10px 26px; }
    .button.button--next {
      padding: 14px 26px 10px 22px; }
      .button.button--next:after {
        top: 14px; }
  .buttonsWrapper.is-sticky .buttons {
    margin-top: 71px; }
  .binTrigger {
    max-width: 220px;
    line-height: 34px; }
  .buttonsSubmenuWrap #subMenu {
    top: -80px; }
  .buttonsSubmenu a {
    font-size: 1.2em;
    min-width: 163px;
    height: 33px;
    line-height: 33px;
    margin: 3px; } }

/*end tablet*/
@media screen and (max-width: 767px) {
  .buttons .button {
    margin: 0; }
  .button {
    padding: 14px 20px 10px 26px; }
    .button.button--next {
      padding: 14px 26px 10px 22px; }
  .buttonsWrapper.is-sticky .buttons {
    margin-top: 50px; }
  .binTrigger {
    font-size: 1.1em;
    max-width: 100%;
    line-height: 40px; }
  .buttonsSubmenuWrap #subMenu {
    top: -60px; }
  .buttonsSubmenu a {
    margin: 3px 0; } }

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

/*	=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;
  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; }

.headerMenu {
  position: absolute;
  left: 50px;
  top: 50%;
  right: 50px;
  margin-top: -6px;
  z-index: 1; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .headerMenu {
      left: 15px;
      right: inherit;
      width: 300px;
      top: 44%; } }
  @media only screen and (min-width: 1000px) and (max-width: 1399px) {
    .headerMenu {
      left: 25px;
      right: 25px; } }
  @media only screen and (min-width: 1400px) {
    .headerMenu {
      left: 50px;
      right: 50px; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .headerMenu ul {
      text-align: center; } }
  .headerMenu li {
    display: inline-block;
    font-size: 1.1em;
    margin: 0 10px 5px; }
    @media only screen and (min-width: 1000px) and (max-width: 1399px) {
      .headerMenu li {
        font-size: 0.9em;
        margin: 0 5px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .headerMenu li {
        font-size: 0.8em;
        margin: 0 8px; }
        .headerMenu li:first-child {
          margin-left: 0; } }
  .headerMenu a {
    padding-left: 15px;
    font-family: "Gotham-Book", Arial, sans-serif;
    font-size: 1.1em;
    background: url("../i/sprite/sprite_menu_header.png") no-repeat scroll 0 0 transparent; }
    .headerMenu a:hover {
      text-shadow: 0 0 1px #5f7d93; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .headerMenu a {
        padding: 3px 0 2px 15px; } }
  .headerMenu .chatLink a {
    background-position: 0 2px; }
  .headerMenu .faqLink a {
    background-position: 0 -12px; }
  .headerMenu .salonFinderLink a {
    background-position: 0 -54px; }
  .headerMenu .socialMediaLink a {
    background-position: 0 -40px; }
  .headerMenu .moneyBackGuaranteeLink a {
    background-position: 0 -86px; }
  .headerMenu .newsletterLink {
    margin-right: 0; }
    .headerMenu .newsletterLink a {
      background-position: 0 -69px; }
  .headerMenu .searchLink {
    display: none; }
  .headerMenu .loginLink {
    float: right; }
    .headerMenu .loginLink a {
      background-position: 0 -26px; }
  @media only screen and (min-width: 1000px) and (max-width: 1399px) {
    .headerMenu .chatLink a {
      background-position: 0 0px; }
    .headerMenu .faqLink a {
      background-position: 0 -14px; }
    .headerMenu .salonFinderLink a {
      background-position: 0 -56px; }
    .headerMenu .socialMediaLink a {
      background-position: 0 -42px; }
    .headerMenu .newsletterLink a {
      background-position: 0 -71px; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .headerMenu .newsletterLink {
      margin-top: 5px; } }
  @media only screen and (max-width: 767px) {
    .headerMenu {
      display: none; } }

.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: 320px;
    overflow-x: hidden;
    position: relative;
    height: auto;
    min-height: 100%; }
    .is-menu-visible header {
      overflow: visible;
      position: absolute;
      border-right: 1px solid #d8d9db; }
      .is-menu-visible header .header-inner {
        background-color: #fff;
        right: 0; }
        .is-menu-visible header .header-inner .menuTrigger {
          right: auto;
          left: auto;
          opacity: 1; }
      .is-menu-visible header .search {
        display: block; }
      .is-menu-visible header .logo {
        left: auto; }
    .is-menu-visible .nav-title {
      display: block; }
    .is-menu-visible .headerMenu {
      display: block;
      left: 0;
      top: 0;
      margin: 0;
      width: 100%; }
      .is-menu-visible .headerMenu li {
        border-right: 1px solid #d8d9db;
        margin: 0;
        float: left; }
      .is-menu-visible .headerMenu a {
        text-indent: -9999em;
        font-size: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        display: block;
        background: url("../i/sprite/sprite_menu_mobile.png") no-repeat scroll 0 0 transparent; }
      .is-menu-visible .headerMenu .searchLink {
        display: block; }
      .is-menu-visible .headerMenu .loginLink {
        float: left; } }

@media only screen and (max-width: 767px) {
  .is-menu-visible {
    margin-left: -50px; }
    .is-menu-visible header {
      height: 50px;
      left: -270px; }
      .is-menu-visible header .logo {
        right: -120px; }
      .is-menu-visible header .header-inner .menu-event-catcher {
        left: 270px; }
    .is-menu-visible .headerMenu li {
      width: 44px;
      height: 50px; }
    .is-menu-visible .headerMenu .chatLink a {
      background-position: center 13px; }
    .is-menu-visible .headerMenu .faqLink a {
      background-position: center -42px; }
    .is-menu-visible .headerMenu .salonFinderLink a {
      background-position: center -96px; }
    .is-menu-visible .headerMenu .socialMediaLink a {
      background-position: center -153px; }
    .is-menu-visible .headerMenu .newsletterLink a {
      background-position: center -326px; }
    .is-menu-visible .headerMenu .searchLink a {
      background-position: center -214px; }
    .is-menu-visible .headerMenu .loginLink a {
      background-position: center -268px; }
    .is-menu-visible .headerMenu .moneyBackGuaranteeLink a {
      background-position: center -383px; } }

@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 {
  transition: margin-top 0.4s ease-out, top 0.3s ease-out;
  background-color: #97b1c4;
  position: absolute;
  top: 100%;
  width: 100%;
  text-align: center;
  z-index: 250;
  box-shadow: 0 10px 10px -10px #777 inset;
  transform: translateZ(0); }
  @media only screen and (max-width: 767px) {
    .nav {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .nav {
      width: 270px;
      top: 50px; } }
  .nav:before, .nav:after {
    content: "";
    display: table; }
  .nav:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden; }

/*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: 96px; } }

@media only screen and (max-width: 767px) {
  .is-mobilesearch-expanded header .searchWrap {
    transition: top 0.3s ease-out;
    position: absolute;
    left: 0;
    background-color: #5f7d93;
    border-right: 1px solid #d8d9db;
    box-sizing: border-box; } }

@media only screen and (max-width: 767px) {
  .is-mobilesearch-expanded header .searchWrap {
    width: 270px;
    top: 50px; } }

@media only screen and (max-width: 767px) {
  .is-mobilesearch-expanded header .searchSubmit {
    display: block;
    margin: 0;
    width: 41px;
    height: 45px;
    background: transparent url(../i/sprite/search_button_cellphone.png) 50% 50% no-repeat;
    opacity: 0.6; } }

@media only screen and (max-width: 767px) {
  .is-mobilesearch-expanded header .searchAction {
    display: inline-block;
    width: 226px;
    padding: 0 10px;
    margin-top: 14px;
    border: 1px solid #bfcbd4;
    font-size: 1.5em;
    font-family: "Gotham-Light", Arial, sans-serif;
    color: #fff; }
    .is-mobilesearch-expanded header .searchAction::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #fff; }
    .is-mobilesearch-expanded header .searchAction::-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #fff;
      opacity: 1; }
    .is-mobilesearch-expanded header .searchAction::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #fff;
      opacity: 1; }
    .is-mobilesearch-expanded header .searchAction::-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #fff; } }

@media only screen and (max-width: 767px) {
  .is-mobilesearch-expanded header .searchAction {
    width: 196px; } }

.nav-glass {
  background: rgba(0, 0, 0, 0.5);
  display: block;
  position: fixed;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease-out; }
  @media only screen and (max-width: 767px) {
    .nav-glass {
      display: none; } }
  @media only screen and (min-width: 1000px) and (max-width: 1399px) {
    .nav-glass {
      top: 78.57143px; } }
  @media only screen and (min-width: 1400px) {
    .nav-glass {
      top: 110px; } }

.is-menu-visible .nav-glass, .is-menu-presented .nav-glass {
  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;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s; }

@media only screen and (max-width: 767px) {
  .is-menu-visible .nav-glass-mobile {
    opacity: 1;
    visibility: visible; } }

.nav-lvl1 {
  display: block;
  position: relative;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box; }
  @media only screen and (max-width: 767px) {
    .nav-lvl1 {
      background-color: #97b1c4;
      right: 0; } }
  @media only screen and (min-width: 1400px) {
    .nav-lvl1 {
      width: 1400px;
      /*1400 x Q (wievport width) */
      height: 40px;
      /* menu height, 40 x Q  */ } }
  @media only screen and (min-width: 1000px) and (max-width: 1399px) {
    .nav-lvl1 {
      width: 1000px;
      height: 28.57143px; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .nav-lvl1 {
      width: 768px;
      height: 30px; } }
  @media only screen and (max-width: 767px) {
    .nav-lvl1 {
      width: 270px; } }

.nav-lvl1-elem {
  display: inline-block; }
  @media only screen and (max-width: 767px) {
    .nav-lvl1-elem {
      display: block;
      border-right: 1px solid #d8d9db;
      box-sizing: border-box; } }

.nav-lvl1-link {
  color: #fff;
  border-style: solid;
  margin: 0 -1px;
  font-family: "Gotham-Book", Arial, sans-serif;
  font-size: 1.6em;
  box-sizing: border-box; }
  @media only screen and (max-width: 767px) {
    .nav-lvl1-link {
      height: 46px;
      padding-left: 20px;
      text-align: left;
      border-width: 1px 0 0;
      border-color: #d8d9db; } }
  @media only screen and (min-width: 1400px) {
    .nav-lvl1-link {
      padding: 0 15px;
      height: 40px;
      border: 0 none;
      position: relative; } }
  @media only screen and (min-width: 1000px) and (max-width: 1399px) {
    .nav-lvl1-link {
      padding: 0 10.71429px;
      font-size: 1.14286em;
      height: 28.57143px;
      border: 0 none;
      position: relative; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .nav-lvl1-link {
      padding: 0 8.8px;
      font-size: 1.1em;
      height: 30px;
      border: 0 none;
      position: relative; } }
  @media only screen and (max-width: 767px) {
    .nav-lvl1-link {
      width: 270px; } }

@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-repeat: no-repeat; } }

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

@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: #5f7d93; }

.nav-lvl1-elem:hover .nav-lvl1-link {
  background-color: #5f7d93; }

@media only screen and (min-width: 768px) {
  .nav-lvl1-elem.is-expanded .nav-lvl1-link:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -6px;
    border-style: solid;
    border-width: 0 6px 5px 6px;
    border-color: transparent transparent #fff transparent; } }

@media only screen and (max-width: 767px) {
  .nav-lvl1-elem.is-expanded .nav-lvl1-link {
    background-image: url(../i/sprite/nav/nav-lvl1-expanded-ico-cellphone.png); } }

.nav-lvl2 {
  display: none;
  position: absolute;
  top: 100%;
  z-index: 260;
  padding: 10px; }
  .nav-lvl2.column2 {
    width: 670px; }
    .nav-lvl2.column2.snap-center {
      margin-left: -335px; }
  .nav-lvl2.column3 {
    width: 1007px; }
    .nav-lvl2.column3.snap-center {
      margin-left: -503px; }
  .nav-lvl2.column4 {
    width: 1340px; }
    .nav-lvl2.column4.snap-center {
      margin-left: -670px; }
  .nav-lvl2.snap-left {
    left: 0; }
  .nav-lvl2.snap-right {
    right: 0; }
  .nav-lvl2.snap-center {
    left: 50%; }

@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .nav-lvl2 {
    padding: 7.14286px; }
    .nav-lvl2.column2 {
      width: 478.57143px; }
      .nav-lvl2.column2.snap-center {
        margin-left: -239.28571px; }
    .nav-lvl2.column3 {
      width: 719.28571px; }
      .nav-lvl2.column3.snap-center {
        margin-left: -359.28571px; }
    .nav-lvl2.column4 {
      width: 957.14286px; }
      .nav-lvl2.column4.snap-center {
        margin-left: -478.57143px; } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .nav-lvl2 {
    padding: 5.48571px; }
    .nav-lvl2.column2 {
      width: 367.54286px; }
      .nav-lvl2.column2.snap-center {
        margin-left: -183.77143px; }
    .nav-lvl2.column3 {
      width: 552.41143px; }
      .nav-lvl2.column3.snap-center {
        margin-left: -275.93143px; }
    .nav-lvl2.column4 {
      width: 735.08571px; }
      .nav-lvl2.column4.snap-center {
        margin-left: -372.54286px; } }

.nav-lvl2.trendvision-submenu {
  width: 1008px;
  left: 50%;
  margin-left: -504px; }
  @media only screen and (max-width: 767px) {
    .nav-lvl2.trendvision-submenu {
      margin: 0px; } }

.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 (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 (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 {
      width: 100%;
      position: relative;
      margin: 0;
      padding: 0;
      left: 0; } }

.nav-lvl2-link {
  text-align: left;
  color: #f7f7f9;
  background-color: #3f3f3f;
  border-bottom: 1px solid #7f7f7f;
  font-family: "Gotham-Book";
  border-right: 1px solid #3a3a3a;
  position: relative;
  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: 136.59429px;
      font-size: 1.20686em;
      padding-left: 25.78286px;
      height: 34.56px; } }
  @media only screen and (min-width: 1000px) and (max-width: 1399px) {
    .nav-lvl2-link {
      width: 177.85714px;
      font-size: 1.57143em;
      padding-left: 33.57143px;
      height: 45px; } }
  @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) {
  .nav-lvl2-elem:first-child .nav-lvl2-link {
    border-top: 1px solid #7f7f7f; } }

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

.nav-lvl2-tab .mask {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(53, 84, 110, 0.5);
  opacity: 0;
  visibility: hidden;
  transition-duration: 0.4s;
  z-index: 1; }

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

.nav-lvl2-tab {
  position: relative;
  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: #e8ecee;
      border-top: 1px solid #fff;
      font-size: 1.6em;
      height: 42px;
      padding-left: 20px;
      padding-top: 3px;
      color: #44443e;
      font-weight: normal;
      position: relative;
      text-align: left;
      display: table-cell;
      vertical-align: middle;
      line-height: 34px; }
      .nav-lvl2-tab .nav-lvl2-title:hover {
        background: #658398; }
    .nav-lvl2-tab:first-child {
      margin: 0; } }
  @media only screen and (min-width: 1400px) {
    .nav-lvl2-tab {
      margin: 5px;
      float: left;
      max-width: 325px;
      overflow: hidden; } }
  @media only screen and (min-width: 1000px) and (max-width: 1399px) {
    .nav-lvl2-tab {
      margin: 3.57143px;
      float: left;
      max-width: 232.14286px;
      overflow: hidden; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .nav-lvl2-tab {
      margin: 2.74286px;
      float: left;
      max-width: 178.28571px;
      overflow: hidden; } }
  @media only screen and (max-width: 767px) {
    .nav-lvl2-tab .nav-lvl2-title {
      width: 270px; } }

.nav-lvl2-img {
  -ms-transform: scale(1.1, 1.1);
      transform: scale(1.1, 1.1);
  height: 100%;
  width: 100%;
  display: block;
  position: relative;
  transition: all 0.4s cubic-bezier(0.105, 0.86, 0.52, 0.965); }

.nav-lvl2-title {
  font-family: "Gotham-Book", Arial, sans-serif;
  display: block;
  height: 50px;
  line-height: 50px;
  background-color: #e8ecee;
  box-sizing: border-box; }
  @media only screen and (min-width: 1400px) {
    .nav-lvl2-title {
      font-size: 1.6em;
      padding: 0 25px; } }
  @media only screen and (min-width: 1000px) and (max-width: 1399px) {
    .nav-lvl2-title {
      font-size: 1.14286em;
      padding: 0 17.85714px;
      height: 35.71429px;
      line-height: 35.71429px; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .nav-lvl2-title {
      font-size: 0.98743em;
      padding: 0 13.71429px;
      height: 27.42857px;
      line-height: 27.42857px; } }

.nav-lvl2-tab:hover .nav-lvl2-title {
  color: #fff;
  background: #5f7d93;
  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) {
    .nav-lvl2-tab:hover .nav-lvl2-title {
      background-position: 96% 50%;
      background-image: url(../i/sprite/nav/nav-lvl2-expandable-ico.png); } }

.nav-lvl2-tab:hover .nav-lvl2-img {
  -ms-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
  filter: blur(2px); }

.nav .productFinder {
  text-align: left;
  color: #f7f7f9;
  background-color: #3f3f3f;
  border-bottom: 1px solid #7f7f7f;
  font-family: "Gotham-Book";
  border-right: 1px solid #3a3a3a;
  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: 1400px) {
    .nav .productFinder {
      width: 249px;
      font-size: 2.2em;
      height: 75px; } }
  @media only screen and (min-width: 1400px) {
    .nav .productFinder {
      width: 177.85714px;
      font-size: 1.57143em;
      height: 53.57143px; } }

.nav .productFinder-btn {
  border: 1px solid #5b5b5b;
  border-radius: 10px 0 10px 0;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  font-weight: bold;
  color: #fff;
  font-family: arial;
  display: block;
  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: 1400px) {
    .nav .productFinder-btn {
      width: 214px;
      height: 48px;
      padding: 17px 24px;
      font-size: 0.62em;
      line-height: 10px; } }
  @media only screen and (min-width: 1000px) and (max-width: 1399px) {
    .nav .productFinder-btn {
      width: 152.85714px;
      height: 34.28571px;
      padding: 12.14286px 17.14286px;
      font-size: 0.44286em;
      line-height: 7.14286px; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .nav .productFinder-btn {
      width: 117.39429px;
      height: 26.33143px;
      padding: 9.32571px 13.16571px;
      font-size: 0.34011em;
      line-height: 5.48571px; } }

.nav .productFinder-btn span {
  -moz-appearance: none;
  border: 0 none;
  cursor: pointer;
  line-height: 10px;
  display: block;
  float: left;
  box-sizing: border-box; }
  @media only screen and (max-width: 767px) {
    .nav .productFinder-btn span {
      background-image: url(../i/sprites/sprite.png);
      background-position: -634px -289px;
      width: 13px;
      height: 13px;
      position: absolute;
      top: 16px;
      left: 14px; } }
  @media only screen and (min-width: 768px) {
    .nav .productFinder-btn span {
      background-image: url(../i/sprites/sprite.png);
      background-position: -379px -458px;
      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/sprites/sprite.png);
    background-position: -634px -276px;
    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) {
    .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) {
    .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) {
  .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) {
    .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) {
    .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 .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: 1400px) {
    .nav .plus-ico:before {
      bottom: 22px;
      right: 26px;
      font-size: 1.3em; } }
  @media only screen and (min-width: 1000px) and (max-width: 1399px) {
    .nav .plus-ico:before {
      bottom: 15.71429px;
      right: 18.57143px;
      font-size: 0.92857em; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .nav .plus-ico:before {
      bottom: 12.06857px;
      right: 14.26286px;
      font-size: 0.71314em; } }

.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: #fff;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 300;
  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/sprites/sprite.png);
    background-position: -612px -28px;
    width: 22px;
    height: 21px;
    left: 4%;
    top: 50%;
    margin-top: -11px;
    right: auto;
    bottom: auto;
    display: block;
    content: "";
    position: absolute; }
    @media only screen and (min-width: 768px) {
      .menu-event-catcher .menuIco {
        display: none; } }

.is-menu-visible .menuTrigger {
  opacity: 0;
  transition: opacity 0.2s ease-out; }

.is-menu-visible .header-inner {
  background: white;
  transition: none; }

.submenu6options {
  width: 943px;
  left: 245px; }
  .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; }
    @media only screen and (max-width: 767px) {
      .submenu6options .nav-lvl2-title {
        line-height: 1.5; } }

/*----- 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/sprites/sprite.png);
    background-position: -612px -132px;
    width: 22px;
    height: 19px; }
    .rating a.point {
      background-image: url(../i/sprites/sprite.png);
      background-position: -612px -173px;
      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;
  opacity: 0;
  position: absolute;
  padding: 16px 14px 22px;
  background: #fff;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.75);
  z-index: 10;
  transition: opacity 0.3s; }
  .tooltip__box.active {
    visibility: visible;
    opacity: 1; }
  .tooltip__box .tooltip__box__close {
    font-size: 1.6em;
    line-height: 17px;
    width: 17px;
    height: 17px;
    text-align: center;
    font-family: "Gotham-Light";
    color: #fff;
    background-color: #97b1c4; }

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

.reviewsHeader {
  font-family: "Gotham-Light";
  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; }

/*----- Review section -----*/
.reviewActions {
  display: block;
  clear: both;
  margin: 30px 0 20px;
  padding: 3px 0;
  border-top: 2px solid #eef1f3;
  border-bottom: 2px solid #eef1f3; }
  .reviewActions .revActionsCol {
    position: relative;
    display: inline-block;
    margin: 0 -3px;
    padding: 0 10px; }
    .reviewActions .revActionsCol > a {
      position: relative;
      padding: 0 21px 0 0;
      text-decoration: none;
      font-family: "Gotham-Book";
      font-size: 1.6em; }
      .reviewActions .revActionsCol > a:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -7px;
        background-image: url(../i/sprites/sprite.png);
        background-position: -192px -343px;
        width: 15px;
        height: 15px; }
      .reviewActions .revActionsCol > a.noArrow {
        padding: 0 0 0 5px; }
        .reviewActions .revActionsCol > a.noArrow:after {
          display: none; }
  .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: "Gotham-Book";
      font-size: 1.6em;
      text-align: center; }
      .reviewActions .tooltip__box h5 strong {
        display: block;
        font-family: "Gotham-Bold";
        font-size: 1.1em; }
    .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: "Gotham-Book";
        font-size: 1.5em; }
    .reviewActions .tooltip__box .nrOfStars {
      position: absolute;
      top: 0;
      right: 0;
      width: 26px;
      height: 16px;
      font-family: "Gotham-Light";
      font-size: 1.5em;
      color: #b5b5b5; }
    .reviewActions .tooltip__box .revProgress {
      height: 16px;
      border: 1px solid #e5e5e5; }
      .reviewActions .tooltip__box .revProgress div {
        height: 16px;
        background: #97b1c4;
        text-indent: -9999em; }

.reviewsRead {
  clear: both;
  display: block; }
  .reviewsRead .reviewsReadHeader {
    text-align: center;
    font-family: "Gotham-Light";
    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: #97b1c4; }
      .reviewsRead .reviewsFilter .selectBox select {
        opacity: 0; }

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

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

.revStats {
  width: 312px;
  padding: 24px;
  font-size: 1.6em;
  font-family: "Gotham-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: "Gotham-Medium";
    padding: 3px 10px 3px 20px; }
  .revStats .revLike {
    background-image: url(../i/sprites/sprite.png);
    background-position: -503px -506px;
    width: 16px;
    height: 20px; }
    .revStats .revLike.disable {
      background-image: url(../i/sprites/sprite.png);
      background-position: -519px -506px;
      width: 16px;
      height: 20px; }
  .revStats .revUnlike {
    background-image: url(../i/sprites/sprite.png);
    background-position: -535px -506px;
    width: 16px;
    height: 20px; }
    .revStats .revUnlike.disable {
      background-image: url(../i/sprites/sprite.png);
      background-position: -487px -506px;
      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: "Gotham-Bold"; }
    .revContent h4:before {
      content: "";
      display: block;
      position: absolute;
      top: 2px;
      left: -26px;
      background-image: url(../i/sprites/sprite.png);
      background-position: -611px -298px;
      width: 18px;
      height: 18px; }
  .revContent strong {
    font-weight: "Gotham-Bold";
    display: block;
    margin: 30px 0 24px;
    font-size: 2em; }
  .revContent time {
    display: block;
    font-size: 1.9em;
    color: #8b9fac;
    font-family: "Baskerville-SemiBold";
    font-style: italic; }
  .revContent p {
    margin: 0 0 10px;
    font-size: 1.6em;
    line-height: 1.5;
    font-family: "Gotham-Medium"; }

.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/sprites/sprite.png);
    background-position: -648px -365px;
    width: 24px;
    height: 24px; }
  .revSocial .revYoutube {
    background-image: url(../i/sprites/sprite.png);
    background-position: -648px -293px;
    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: #97b1c4;
    cursor: help; }
  .reviewsWrite .tooltip__box {
    top: 50%;
    left: 50%;
    width: 326px; }
    .reviewsWrite .tooltip__box h5 {
      font-family: "Gotham-Medium";
      font-size: 1.8em;
      color: #97b1c4;
      text-transform: uppercase;
      margin: 0 0 20px; }
    .reviewsWrite .tooltip__box p, .reviewsWrite .tooltip__box ul {
      font-family: "Gotham-Light";
      font-size: 1.2em;
      color: #44443e; }
    .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; }

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

.chooseYourCountry,
.reviewsWrite__form {
  margin: 20px 105px 0; }
  @media only screen and (max-width: 767px) {
    .chooseYourCountry,
    .reviewsWrite__form {
      margin: 0; } }
  .chooseYourCountry label, .chooseYourCountry .label,
  .reviewsWrite__form label,
  .reviewsWrite__form .label {
    font-size: 2em;
    text-transform: uppercase;
    display: block;
    font-family: "Gotham-Book";
    padding-bottom: 4px; }
    .chooseYourCountry label a, .chooseYourCountry .label a,
    .reviewsWrite__form label a,
    .reviewsWrite__form .label a {
      text-decoration: underline;
      color: inherit; }
      .chooseYourCountry label a:hover, .chooseYourCountry .label a:hover,
      .reviewsWrite__form label a:hover,
      .reviewsWrite__form .label a:hover {
        text-decoration: none; }
  .chooseYourCountry input[type="text"], .chooseYourCountry textarea,
  .reviewsWrite__form input[type="text"],
  .reviewsWrite__form textarea {
    font-family: "Gotham-Light";
    font-size: 1.8em;
    color: #868686;
    border: 1px solid #e5e5e5;
    background: #fffdfd;
    width: 100%;
    height: 38px;
    padding: 0 5px;
    box-sizing: border-box; }
  .chooseYourCountry textarea,
  .reviewsWrite__form textarea {
    padding: 5px;
    height: 110px; }
  .chooseYourCountry .selectBox,
  .reviewsWrite__form .selectBox {
    font-family: "Gotham-Light";
    font-size: 1.8em; }
    .chooseYourCountry .selectBox .styled-select-text,
    .reviewsWrite__form .selectBox .styled-select-text {
      padding-left: 5px !important; }
  .chooseYourCountry .ageField,
  .reviewsWrite__form .ageField {
    margin-bottom: 10px; }
  .chooseYourCountry .input-validation-error label, .chooseYourCountry .input-validation-error .label,
  .reviewsWrite__form .input-validation-error label,
  .reviewsWrite__form .input-validation-error .label {
    color: red !important; }
  .chooseYourCountry .input-validation-error input[type="text"], .chooseYourCountry .input-validation-error textarea, .chooseYourCountry .input-validation-error .styled-select-wrapper,
  .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; }
  .chooseYourCountry .reviewsWrite__form__subnote,
  .reviewsWrite__form .reviewsWrite__form__subnote {
    font-size: 1.5em;
    font-family: "Gotham-Light-Italic";
    padding-top: 4px;
    display: block; }
  .chooseYourCountry .button,
  .reviewsWrite__form .button {
    margin: 50px 0; }
  .chooseYourCountry .link,
  .reviewsWrite__form .link {
    font-size: 1.4em;
    text-decoration: underline; }
    .chooseYourCountry .link:hover,
    .reviewsWrite__form .link:hover {
      text-decoration: none; }
  .chooseYourCountry .uploader,
  .reviewsWrite__form .uploader {
    display: inline-block;
    margin-top: 10px; }
    .chooseYourCountry .uploader > *,
    .reviewsWrite__form .uploader > * {
      float: left; }
    .chooseYourCountry .uploader .button,
    .reviewsWrite__form .uploader .button {
      position: relative;
      overflow: hidden;
      margin: 0;
      text-transform: none;
      font-size: 2em;
      line-height: 28px;
      padding: 2px 10px 0 !important;
      text-align: center;
      background-image: none; }
    .chooseYourCountry .uploader .uploader__input,
    .reviewsWrite__form .uploader .uploader__input {
      position: absolute;
      top: 0;
      left: -100px;
      height: 200px;
      width: 500px;
      cursor: pointer;
      opacity: 0; }
    .chooseYourCountry .uploader .uploader__no-file,
    .reviewsWrite__form .uploader .uploader__no-file {
      font-size: 1.5em;
      line-height: 30px;
      margin: 0 20px 0 10px;
      font-family: "Gotham-Light"; }

.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;
  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: #97b1c4;
  font-family: "Gotham-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: #97b1c4;
    font-size: 3.2em;
    font-family: "Gotham-Medium";
    padding-bottom: 25px; }
  .popinTemplate2.reviewsThanks p {
    font-size: 1.3em;
    padding: 30px 0 120px;
    line-height: 1.3;
    font-family: "Gotham-Light"; }
  .popinTemplate2.reviewsThanks button {
    margin-left: 0; }

.popinTemplate2.reviewsPopin {
  width: 910px;
  padding: 20px; }
  .popinTemplate2.reviewsPopin h3 {
    color: #97b1c4;
    font-size: 3.2em;
    font-family: "Gotham-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: "Gotham-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: "Gotham-Light"; }
  .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: #97b1c4;
      font-family: "Gotham-Medium";
      padding-bottom: 15px; }
  .popinTemplate2.reviewsPopin .revConfirm {
    border: 0 none;
    font-family: "Gotham-Light"; }
    .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/sprites/sprite.png);
    background-position: -611px -234px;
    width: 23px;
    height: 23px; }
  .popinTemplate2.reviewsPopin input[type="checkbox"]:checked + label.css-label:before {
    background-image: url(../i/sprites/sprite.png);
    background-position: -648px -389px;
    width: 23px;
    height: 23px; }

@media screen and (min-width: 1000px) and (max-width: 1399px) {
  /*----- Reviews Global Styles -----*/
  .rating a {
    background-image: url(../i/sprites/sprite.png);
    background-position: -634px -250px;
    width: 14px;
    height: 13px; }
    .rating a.point {
      background-image: url(../i/sprites/sprite.png);
      background-position: -634px -263px;
      width: 14px;
      height: 13px; }
  .rating.rating--valuebar a {
    width: 17.85714px;
    height: 5px; }
    .rating.rating--valuebar a.point {
      width: 17.85714px;
      height: 5px; }
  .reviewsRead h3, .reviewsWrite h3 {
    font-size: 3.6em; }
  /*----- Review section -----*/
  .reviewActions .revActionsCol > a {
    font-size: 1.14286em; }
  .reviewActions .revActionsCol {
    padding: 0 6px; }
    .reviewActions .revActionsCol > a {
      padding: 0 24px 0 0; }
  .reviewActions .tooltip__box {
    left: 50%; }
  .reviewsRead .reviewsFilter {
    height: 80px;
    text-align: center; }
    .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 label, .reviewsWrite__form .label {
    font-size: 1.7em; }
  .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 .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: 999px), print {
  /*----- Reviews Global Styles -----*/
  .rating a {
    background-image: url(../i/sprites/sprite.png);
    background-position: -634px -250px;
    width: 14px;
    height: 13px; }
    .rating a.point {
      background-image: url(../i/sprites/sprite.png);
      background-position: -634px -263px;
      width: 14px;
      height: 13px; }
  .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 6px; }
    .reviewActions .revActionsCol > a {
      padding: 0 18px 0 0;
      font-size: 1em; }
  .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 .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/sprites/sprite.png);
      background-position: -634px -412px;
      width: 8px;
      height: 9px; }
    .revStats .revUnlike {
      background-image: url(../i/sprites/sprite.png);
      background-position: -634px -421px;
      width: 8px;
      height: 9px; }
  .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/sprites/sprite.png);
        background-position: -634px -392px;
        width: 10px;
        height: 10px; }
    .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 .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: 1.9em; }
    .reviewsWrite__error ul {
      font-size: 1.2em;
      margin: 15px 0 0; }
  .reviewsWrite__form {
    margin: 20px 0 0; }
    .reviewsWrite__form label, .reviewsWrite__form .label {
      font-size: 1.7em; }
    .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__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: "Gotham-Light"; }
    .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/sprites/sprite.png);
      background-position: -634px -222px;
      width: 14px;
      height: 14px; }
    .reviewsPopin input[type="checkbox"]:checked + label.css-label:before {
      background-image: url(../i/sprites/sprite.png);
      background-position: -634px -236px;
      width: 14px;
      height: 14px; } }

@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 #44443e; }
    .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 #44443e; }
  .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 #44443e; }
    .reviewsHeader.active:before {
      background: url("../i/sprite/arrows_up_down_white.png") no-repeat scroll center 10px #44443e; }
  .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: "Gotham-Light";
      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/sprites/sprite.png);
      background-position: -207px -343px;
      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;
    border-bottom: 0 none;
    margin: 30px 0 10px; }
    .reviewActions .revActionsCol {
      padding: 0 6px; }
      .reviewActions .revActionsCol:first-child {
        display: block;
        border-bottom: 2px solid #eef1f3; }
    .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: "Gotham-Light";
      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: -10px;
    width: 292px; }
  .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; } }

.chooseYourCountry .reviewsWrite__form__field {
  text-align: center; }
  .chooseYourCountry .reviewsWrite__form__field .selectBox {
    margin: 0 auto; }

.reviewsList {
  overflow: hidden; }

/*	=INITIATIVES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/*  =SALON FINDER PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.sfinder-map, .filterSalonList {
  opacity: 0; }
  .rendered.sfinder-map, .rendered.filterSalonList {
    opacity: 1;
    transition-property: opacity;
    transition-duration: 0.5s; }

.pictureFrame .colRight.salonFinderTop__colRight {
  background-color: #b5c5cf;
  background-image: linear-gradient(45deg, #b5c5cf 0%, #e7f1f8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5c5cf', endColorstr='#e7f1f8',GradientType=1 ); }

.pictureFrame .colRight.salonFinderTop__colRight .prodInfo {
  font-weight: normal;
  margin: 0; }

.sfinder__title {
  text-align: center; }

.sfinder__header {
  font-size: 4em;
  margin: 40px 10px;
  font-weight: normal;
  font-family: "Gotham-Light";
  text-transform: uppercase; }

.sfinder__headerLine--expert, .sfinder__headerLine--expertOffer {
  display: block;
  font-family: "Gotham-Book"; }
  .sfinder__headerLine--expert sup, .sfinder__headerLine--expertOffer sup {
    font-size: 0.6em; }
  .sfinder__headerLine--expert .star, .sfinder__headerLine--expertOffer .star {
    line-height: 4.2;
    font-size: 0.4em;
    color: white;
    display: inline-block;
    font-family: "Gotham-Bold";
    vertical-align: middle; }

.sfinder__headerLine--expertOffer {
  color: #5d2b86; }

.sfinder .sfinder-filter__header {
  font-family: "Gotham-Medium";
  text-align: center; }

.sfinder .sfinder-filter__close {
  text-align: center;
  margin: 30px 0 7px 0;
  position: relative; }

.sfinder .sfinder-filter__filter-list .item a {
  min-width: 0;
  padding: 0 20px; }

.sfinder .sfinder-filter__filter-list .sfinder-filter__link {
  min-width: 0;
  border: 0 none;
  border-radius: 0;
  text-decoration: underline;
  color: #c8003c; }

.sfinder.no-results {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden; }

.sfinder-filter__filter {
  padding-top: 30px; }
  .sfinder-filter__filter input {
    display: none; }
  .sfinder-filter__filter .item {
    display: block;
    padding: 0 20px;
    margin: 0 0 5px 10px;
    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: "Gotham-Medium" !important;
  font-size: 1.4em !important;
  margin-left: -19px !important;
  margin-top: -51px !important;
  opacity: 1 !important; }

.openInGoogleMaps {
  display: none; }

.filterSalonMap .cluster {
  background-color: #5f7d93;
  border-radius: 50%;
  display: table; }
  .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; }

.geoLoaded .geoInformation {
  display: none; }

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

.salonMap {
  width: 50%;
  float: left;
  position: relative;
  word-wrap: normal; }
  .salonMap .sfinder-map {
    height: 830px; }
  .salonMap img {
    width: 100%; }

.filterSalonList {
  float: left;
  width: 28%;
  position: relative;
  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: #5f7d93; }
      .filterSalonList .sfinder-result-list__item.active a {
        color: #fff; }
  .filterSalonList .sfinder-result__salon-link {
    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: "Gotham-Medium";
  line-height: 3; }

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

.sfinder-salonData {
  float: right; }

.sfinder-highlight {
  display: none;
  margin: 0 0 0.9em;
  position: relative;
  box-sizing: border-box;
  padding: 0 0.6em;
  color: #fff;
  text-transform: uppercase;
  font-family: "Gotham-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; }

.salonElite {
  background-color: #e8ecee;
  display: block; }
  .salonElite:before {
    border-top-color: #e8ecee; }

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

.sfinder-linkButton.button {
  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 {
  box-sizing: border-box;
  padding: 1.3em 0; }

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

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

.sfdr-gallery__link {
  display: inline-block;
  vertical-align: top;
  width: 130px;
  height: 130px;
  margin: 5px; }
  .sfdr-gallery__link img {
    max-width: none;
    width: 100%;
    height: 100%; }

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

.sfinder-salondata__address {
  font-family: "Gotham-Medium";
  font-size: 1.6em;
  margin-bottom: 1em; }
  .sfinder-salondata__address span {
    display: block; }
    .sfinder-salondata__address span.inline span {
      display: inline-block; }
      .sfinder-salondata__address span.inline span + span {
        margin-left: 2px; }

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

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

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

.sfinder-salondata__text--pink-arrow:before {
  content: "\00003E" " ";
  color: #658398;
  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: "Gotham-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;
  transition-property: opacity;
  transition-duration: 0.2s; }
  .sfinder-followUs a:hover {
    opacity: 0.7; }

.sfinder-salondata__field-promo {
  height: 35px;
  line-height: 30px;
  font-size: 1.2em;
  font-family: "Gotham-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/sprites/sprite.png);
    background-position: -648px -136px;
    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: #658398;
  font-family: "Gotham-Medium";
  font-size: 1.6em; }

.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: "Gotham-Medium"; }
  .sfinder-map__info-popup p {
    font-size: 1em;
    line-height: 1;
    margin-top: 1em;
    font-family: "Gotham-Light"; }
  .sfinder-map__info-popup .button {
    font-size: 1em;
    padding: 10px 10px 8px 22px;
    background-position: 10px 9px;
    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: "Gotham-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/sprites/sprite.png);
    background-position: -666px -153px;
    width: 6px;
    height: 14px; }
  .sfinder-followUs .ico_tweet {
    background-image: url(../i/sprites/sprite.png);
    background-position: -465px -479px;
    width: 18px;
    height: 18px; }
  .sfinder-followUs .ico_pint {
    background-image: url(../i/sprites/sprite.png);
    background-position: -451px -458px;
    width: 18px;
    height: 18px; }
  .sfinder-followUs .ico_youtube {
    background-image: url(../i/sprites/sprite.png);
    background-position: -353px -328px;
    width: 15px;
    height: 14px; }
  .sfinder-followUs .ico_istagram {
    background-image: url(../i/sprites/sprite.png);
    background-position: -450px -431px;
    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; }
  .sfinder__headerLine--expert .star {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -214px;
    width: 36px;
    height: 36px; }
  .sfinder__headerLine--expertOffer .star {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -250px;
    width: 36px;
    height: 36px; }
  .sfinder .sfinder-filter__filter {
    padding: 0px 0 25px 0; }
  .sfinder .mobileSelectMenu {
    margin-top: 16px; }
  .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 a {
      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; }
  .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/sprites/sprite.png);
    background-position: -533px 0px;
    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/sprites/sprite.png);
      background-position: -487px -364px;
      width: 37px;
      height: 51px; }
  .sfinder-map__label-marker.salon--elite {
    background-image: url(../i/sprites/sprite.png);
    background-position: -487px -158px;
    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/sprites/sprite.png);
      background-position: -487px -210px;
      width: 37px;
      height: 52px; }
  .sfinder-map__label-marker.salon--expert {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -214px;
    width: 36px;
    height: 36px;
    line-height: 4.5; }
    .sfinder-map__label-marker.salon--expert:hover, .sfinder-map__label-marker.salon--expert.active, .sfinder-map__label-marker.salon--expert.selected {
      background-image: url(../i/sprites/sprite.png);
      background-position: -533px -286px;
      width: 36px;
      height: 36px; }
  .sfinder-map__label-marker.salon--purpleStar {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -250px;
    width: 36px;
    height: 36px;
    line-height: 4.5; }
    .sfinder-map__label-marker.salon--purpleStar:hover, .sfinder-map__label-marker.salon--purpleStar.active, .sfinder-map__label-marker.salon--purpleStar.selected {
      background-image: url(../i/sprites/sprite.png);
      background-position: -533px -322px;
      width: 36px;
      height: 36px; }
  .openInGoogleMaps {
    display: inline-block; }
  .filterSalonMap {
    width: 100%;
    box-sizing: border-box;
    padding: 31px;
    border: 0 none; }
  .salonMap {
    display: block;
    width: 100%;
    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: 380px; }
    .filterSalonList .sfinder-result__salon-link {
      padding: 17px 15px 15px 12px; }
    .filterSalonList .sfinder-result__offers-label {
      background-image: url(../i/sprites/sprite.png);
      background-position: -182px -97px;
      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/sprites/sprite.png);
    background-position: -533px 0px;
    width: 37px;
    height: 51px; }
  .salonElite .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/sprites/sprite.png);
    background-position: -487px -158px;
    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/sprites/sprite.png);
    background-position: -487px -364px;
    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/sprites/sprite.png);
    background-position: -487px -210px;
    width: 37px;
    height: 52px; }
  .salonExpert .sfinder-result-list__pointer {
    margin-right: 0;
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -214px;
    width: 36px;
    height: 36px; }
    .salonExpert .sfinder-result-list__pointer .sfinder-result__salonPointer-letter {
      line-height: 3.3;
      font-size: 1.2em; }
  .salonExpert:hover .sfinder-result-list__pointer, .salonExpert.active .sfinder-result-list__pointer, .salonExpert.selected .sfinder-result-list__pointer {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -286px;
    width: 36px;
    height: 36px; }
  .salonExpert.purpleStar .sfinder-result-list__pointer {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -250px;
    width: 36px;
    height: 36px; }
  .salonExpert.purpleStar:hover .sfinder-result-list__pointer, .salonExpert.purpleStar.active .sfinder-result-list__pointer, .salonExpert.purpleStar.selected .sfinder-result-list__pointer {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -322px;
    width: 36px;
    height: 36px; }
  .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%; }
  .sfdr-gallery__link {
    width: 80px;
    height: 80px; }
  .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;
    box-sizing: border-box;
    transition: all 0.5s ease-in-out;
    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: 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: 250px;
    height: 180px;
    font-size: 0.9em; }
  .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/sprites/sprite.png);
    background-position: -330px -592px;
    width: 28px;
    height: 30px; }
  .sfinder-salonimage-popup .mfp-arrow-left {
    background-image: url(../i/sprites/sprite.png);
    background-position: -302px -592px;
    width: 28px;
    height: 30px; } }

@media screen and (min-width: 768px) and (max-width: 999px), print {
  .sfinder-followUs .ico_facebook {
    background-image: url(../i/sprites/sprite.png);
    background-position: -666px -153px;
    width: 6px;
    height: 14px; }
  .sfinder-followUs .ico_tweet {
    background-image: url(../i/sprites/sprite.png);
    background-position: -465px -479px;
    width: 18px;
    height: 18px; }
  .sfinder-followUs .ico_pint {
    background-image: url(../i/sprites/sprite.png);
    background-position: -451px -458px;
    width: 18px;
    height: 18px; }
  .sfinder-followUs .ico_youtube {
    background-image: url(../i/sprites/sprite.png);
    background-position: -353px -328px;
    width: 15px;
    height: 14px; }
  .sfinder-followUs .ico_istagram {
    background-image: url(../i/sprites/sprite.png);
    background-position: -450px -431px;
    width: 18px;
    height: 18px; }
  .sfinder__header {
    font-size: 2.4em;
    margin: 24px 10px; }
  .sfinder__headerLine--expert .star {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -214px;
    width: 36px;
    height: 36px; }
  .sfinder__headerLine--expertOffer .star {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -250px;
    width: 36px;
    height: 36px; }
  .sfinder .sfinder-filter__header {
    font-weight: normal;
    font-size: 1.6em; }
  .sfinder .sfinder-filter__close {
    margin: 21px 0 0 0; }
    .sfinder .sfinder-filter__close .button {
      font-size: 1.4em; }
  .sfinder .sfinder-filter__shadow {
    min-width: 250px; }
  .sfinder .sfinder-filter__filter {
    padding: 25px 30px 2px; }
  .sfinder .filter .filter-list li {
    float: none;
    display: inline-block; }
  .sfinder .filter .filter-list li a {
    margin: 0 0 5px 5px;
    font-size: 1.1em;
    padding: 0 11px; }
  .sfinder .filter .filter-list li.allProducts {
    float: none;
    display: inline-block;
    margin-bottom: 0; }
  .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; }
  .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/sprites/sprite.png);
    background-position: -487px -415px;
    width: 37px;
    height: 51px; }
    .sfinder-map__label-marker:hover, .sfinder-map__label-marker.active, .sfinder-map__label-marker.selected {
      background-image: url(../i/sprites/sprite.png);
      background-position: -487px -262px;
      width: 37px;
      height: 51px; }
  .sfinder-map__label-marker .salon--elite {
    background-image: url(../i/sprites/sprite.png);
    background-position: -487px -313px;
    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/sprites/sprite.png);
      background-position: -533px -51px;
      width: 37px;
      height: 51px; }
  .sfinder-map__label-marker.salon--expert {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -214px;
    width: 36px;
    height: 36px;
    line-height: 4.5; }
    .sfinder-map__label-marker.salon--expert:hover, .sfinder-map__label-marker.salon--expert.active, .sfinder-map__label-marker.salon--expert.selected {
      background-image: url(../i/sprites/sprite.png);
      background-position: -533px -286px;
      width: 36px;
      height: 36px; }
  .sfinder-map__label-marker.salon--purpleStar {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -250px;
    width: 36px;
    height: 36px;
    line-height: 4.5; }
    .sfinder-map__label-marker.salon--purpleStar:hover, .sfinder-map__label-marker.salon--purpleStar.active, .sfinder-map__label-marker.salon--purpleStar.selected {
      background-image: url(../i/sprites/sprite.png);
      background-position: -533px -322px;
      width: 36px;
      height: 36px; }
  .openInGoogleMaps {
    display: inline-block; }
  .filterSalonMap {
    width: 64%; }
  .salonMap .sfinder-map {
    height: 450px; }
  .filterSalonList .sfinder-result__salon-link {
    padding: 17px 15px 15px 12px; }
  .filterSalonList .sfinder-result__offers-label {
    background-image: url(../i/sprites/sprite.png);
    background-position: -182px -97px;
    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/sprites/sprite.png);
    background-position: -487px -415px;
    width: 37px;
    height: 51px;
    margin-top: 14px; }
  .sfinder-result__salonPointer-letter {
    font-size: 1.5em;
    line-height: 2.3; }
  .salonElite .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/sprites/sprite.png);
    background-position: -487px -313px;
    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/sprites/sprite.png);
    background-position: -487px -262px;
    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/sprites/sprite.png);
    background-position: -533px -51px;
    width: 37px;
    height: 51px; }
  .salonExpert .sfinder-result-list__pointer {
    margin-right: 0;
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -214px;
    width: 36px;
    height: 36px; }
    .salonExpert .sfinder-result-list__pointer .sfinder-result__salonPointer-letter {
      line-height: 3.3;
      font-size: 1.2em; }
  .salonExpert:hover .sfinder-result-list__pointer, .salonExpert.active .sfinder-result-list__pointer, .salonExpert.selected .sfinder-result-list__pointer {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -286px;
    width: 36px;
    height: 36px; }
  .salonExpert.purpleStar .sfinder-result-list__pointer {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -250px;
    width: 36px;
    height: 36px; }
  .salonExpert.purpleStar:hover .sfinder-result-list__pointer, .salonExpert.purpleStar.active .sfinder-result-list__pointer, .salonExpert.purpleStar.selected .sfinder-result-list__pointer {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -322px;
    width: 36px;
    height: 36px; }
  .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%; }
  .sfdr-gallery__link {
    width: 100px;
    height: 100px; }
  .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;
    box-sizing: border-box;
    transition: all 0.5s ease-in-out;
    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: 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: 0.75em; }
    .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/sprites/sprite.png);
    background-position: -533px -404px;
    width: 28px;
    height: 46px; }
  .sfinder-salonimage-popup .mfp-arrow-left {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -358px;
    width: 28px;
    height: 46px; } }

@media screen and (min-width: 1000px) and (max-width: 1399px) {
  .sfinder-followUs .ico_facebook {
    background-image: url(../i/sprites/sprite.png);
    background-position: -666px -153px;
    width: 6px;
    height: 14px; }
  .sfinder-followUs .ico_tweet {
    background-image: url(../i/sprites/sprite.png);
    background-position: -465px -479px;
    width: 18px;
    height: 18px; }
  .sfinder-followUs .ico_pint {
    background-image: url(../i/sprites/sprite.png);
    background-position: -451px -458px;
    width: 18px;
    height: 18px; }
  .sfinder-followUs .ico_youtube {
    background-image: url(../i/sprites/sprite.png);
    background-position: -353px -328px;
    width: 15px;
    height: 14px; }
  .sfinder-followUs .ico_istagram {
    background-image: url(../i/sprites/sprite.png);
    background-position: -450px -431px;
    width: 18px;
    height: 18px; }
  .sfinder__header {
    font-size: 2.4em;
    margin: 24px 10px; }
  .sfinder__headerLine--expert .star {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -214px;
    width: 36px;
    height: 36px; }
  .sfinder__headerLine--expertOffer .star {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -250px;
    width: 36px;
    height: 36px; }
  .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 0 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: 25px 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/sprites/sprite.png);
    background-position: -487px -415px;
    width: 37px;
    height: 51px; }
    .sfinder-map__label-marker:hover, .sfinder-map__label-marker.active, .sfinder-map__label-marker.selected {
      background-image: url(../i/sprites/sprite.png);
      background-position: -487px -262px;
      width: 37px;
      height: 51px; }
  .sfinder-map__label-marker .salon--elite {
    background-image: url(../i/sprites/sprite.png);
    background-position: -487px -313px;
    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/sprites/sprite.png);
      background-position: -533px -51px;
      width: 37px;
      height: 51px; }
  .sfinder-map__label-marker.salon--expert {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -214px;
    width: 36px;
    height: 36px;
    line-height: 4.5; }
    .sfinder-map__label-marker.salon--expert:hover, .sfinder-map__label-marker.salon--expert.active, .sfinder-map__label-marker.salon--expert.selected {
      background-image: url(../i/sprites/sprite.png);
      background-position: -533px -286px;
      width: 36px;
      height: 36px; }
  .sfinder-map__label-marker.salon--purpleStar {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -250px;
    width: 36px;
    height: 36px;
    line-height: 4.5; }
    .sfinder-map__label-marker.salon--purpleStar:hover, .sfinder-map__label-marker.salon--purpleStar.active, .sfinder-map__label-marker.salon--purpleStar.selected {
      background-image: url(../i/sprites/sprite.png);
      background-position: -533px -322px;
      width: 36px;
      height: 36px; }
  .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/sprites/sprite.png);
    background-position: -182px -97px;
    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/sprites/sprite.png);
    background-position: -487px -415px;
    width: 37px;
    height: 51px;
    margin-top: 14px; }
  .sfinder-result__salonPointer-letter {
    font-size: 1.5em;
    line-height: 2.3; }
  .sfinder-result__promo-elite-label {
    font-size: 1.1em;
    top: -25px; }
  .salon--elite .sfinder-result-list__pointer {
    background-image: url(../i/sprites/sprite.png);
    background-position: -487px -313px;
    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/sprites/sprite.png);
    background-position: -487px -262px;
    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/sprites/sprite.png);
    background-position: -533px -51px;
    width: 37px;
    height: 51px; }
  .salonExpert .sfinder-result-list__pointer {
    margin-right: 0;
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -214px;
    width: 36px;
    height: 36px; }
    .salonExpert .sfinder-result-list__pointer .sfinder-result__salonPointer-letter {
      line-height: 3.2;
      font-size: 1.2em; }
  .salonExpert:hover .sfinder-result-list__pointer, .salonExpert.active .sfinder-result-list__pointer, .salonExpert.selected .sfinder-result-list__pointer {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -286px;
    width: 36px;
    height: 36px; }
  .salonExpert.purpleStar .sfinder-result-list__pointer {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -250px;
    width: 36px;
    height: 36px; }
  .salonExpert.purpleStar:hover .sfinder-result-list__pointer, .salonExpert.purpleStar.active .sfinder-result-list__pointer, .salonExpert.purpleStar.selected .sfinder-result-list__pointer {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -322px;
    width: 36px;
    height: 36px; }
  .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;
    box-sizing: border-box;
    transition: all 0.5s ease-in-out;
    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: 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/sprites/sprite.png);
    background-position: -533px -404px;
    width: 28px;
    height: 46px; }
  .sfinder-salonimage-popup .mfp-arrow-left {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -358px;
    width: 28px;
    height: 46px; } }

@media screen and (min-width: 1400px) {
  .sfinder-followUs .ico_facebook {
    background-image: url(../i/sprites/sprite.png);
    background-position: -666px -153px;
    width: 6px;
    height: 14px; }
  .sfinder-followUs .ico_tweet {
    background-image: url(../i/sprites/sprite.png);
    background-position: -465px -479px;
    width: 18px;
    height: 18px; }
  .sfinder-followUs .ico_pint {
    background-image: url(../i/sprites/sprite.png);
    background-position: -451px -458px;
    width: 18px;
    height: 18px; }
  .sfinder-followUs .ico_youtube {
    background-image: url(../i/sprites/sprite.png);
    background-position: -353px -328px;
    width: 15px;
    height: 14px; }
  .sfinder-followUs .ico_istagram {
    background-image: url(../i/sprites/sprite.png);
    background-position: -450px -431px;
    width: 18px;
    height: 18px; }
  .pictureFrame .colRight.salonFinderTop__colRight h1 {
    padding: 0 1em;
    font-size: 7em;
    letter-spacing: 1.7px;
    margin-bottom: 10px; }
  .pictureFrame .colRight.salonFinderTop__colRight .inner {
    padding-top: 6em; }
  .pictureFrame .colRight.salonFinderTop__colRight .prodInfo {
    word-spacing: -1px;
    letter-spacing: -0.6px; }
  .sfinder .sfinder-filter__header {
    font-size: 2.1em; }
  .sfinder__headerLine--expert .star {
    background-image: url(../i/sprites/sprite.png);
    background-position: -64px -294px;
    width: 64px;
    height: 64px; }
  .sfinder__headerLine--expertOffer .star {
    background-image: url(../i/sprites/sprite.png);
    background-position: -183px -120px;
    width: 64px;
    height: 64px; }
  .sfinder-map.narrowMap {
    height: 833px; }
  .sfinder-map__label-marker {
    line-height: 54px;
    background-image: url(../i/sprites/sprite.png);
    background-position: -54px -358px;
    width: 54px;
    height: 73px;
    background-color: rgba(255, 255, 255, 0.05);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1); }
    .sfinder-map__label-marker:hover, .sfinder-map__label-marker.active, .sfinder-map__label-marker.selected {
      background-image: url(../i/sprites/sprite.png);
      background-position: -108px -358px;
      width: 54px;
      height: 73px; }
  .sfinder-map__label-marker.salon--elite {
    background-image: url(../i/sprites/sprite.png);
    background-position: -162px -358px;
    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/sprites/sprite.png);
      background-position: 0px -358px;
      width: 54px;
      height: 73px; }
  .sfinder-map__label-marker.salon--expert {
    background-image: url(../i/sprites/sprite.png);
    background-position: -64px -294px;
    width: 64px;
    height: 64px;
    line-height: 4.5; }
    .sfinder-map__label-marker.salon--expert:hover, .sfinder-map__label-marker.salon--expert.active, .sfinder-map__label-marker.salon--expert.selected {
      background-image: url(../i/sprites/sprite.png);
      background-position: 0px -294px;
      width: 64px;
      height: 64px; }
  .sfinder-map__label-marker.salon--purpleStar {
    background-image: url(../i/sprites/sprite.png);
    background-position: -183px -120px;
    width: 64px;
    height: 64px;
    line-height: 4.5; }
    .sfinder-map__label-marker.salon--purpleStar:hover, .sfinder-map__label-marker.salon--purpleStar.active, .sfinder-map__label-marker.salon--purpleStar.selected {
      background-image: url(../i/sprites/sprite.png);
      background-position: -128px -294px;
      width: 64px;
      height: 64px; }
  .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/sprites/sprite.png);
      background-position: -221px -257px;
      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/sprites/sprite.png);
    background-position: -54px -358px;
    width: 54px;
    height: 73px; }
  .salon--elite .sfinder-result__promo-elite-label {
    display: block; }
  .salon--elite .sfinder-result-list__pointer {
    background-image: url(../i/sprites/sprite.png);
    background-position: -162px -358px;
    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/sprites/sprite.png);
    background-position: -108px -358px;
    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/sprites/sprite.png);
    background-position: 0px -358px;
    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; }
  .salonExpert .sfinder-result-list__pointer {
    margin-right: 0;
    background-image: url(../i/sprites/sprite.png);
    background-position: -64px -294px;
    width: 64px;
    height: 64px; }
    .salonExpert .sfinder-result-list__pointer .sfinder-result__salonPointer-letter {
      line-height: 4.3;
      font-size: 1.6em; }
  .salonExpert:hover .sfinder-result-list__pointer, .salonExpert.active .sfinder-result-list__pointer, .salonExpert.selected .sfinder-result-list__pointer {
    background-image: url(../i/sprites/sprite.png);
    background-position: 0px -294px;
    width: 64px;
    height: 64px; }
  .salonExpert.purpleStar .sfinder-result-list__pointer {
    background-image: url(../i/sprites/sprite.png);
    background-position: -183px -120px;
    width: 64px;
    height: 64px; }
  .salonExpert.purpleStar:hover .sfinder-result-list__pointer, .salonExpert.purpleStar.active .sfinder-result-list__pointer, .salonExpert.purpleStar.selected .sfinder-result-list__pointer {
    background-image: url(../i/sprites/sprite.png);
    background-position: -128px -294px;
    width: 64px;
    height: 64px; }
  .salon-details {
    padding-top: 38px; }
  .sfinder-salonData {
    width: 600px;
    margin: 0 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.35em;
    margin-top: 0.8em;
    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/sprites/sprite.png);
    background-position: -533px -404px;
    width: 28px;
    height: 46px; }
  .sfinder-salonimage-popup .mfp-arrow-left {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -358px;
    width: 28px;
    height: 46px; } }

/*  =CONSULATION TOOL
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
#cTool__question--step1 .cTool__module--step1, #cTool__question--step2 .cTool__module--step2, #cTool__question--step3 .cTool__module--step3, #cTool__question--step4 .cTool__module--step4 {
  position: relative;
  z-index: 100;
  opacity: 1;
  transition: opacity 0.3s 0.1s; }

.cTool {
  position: relative; }

/* START PANEL */
.cTool__start img {
  position: absolute;
  z-index: -1; }

.cTool__start h2 {
  font-family: "Gotham-Medium"; }

.cTool__start p {
  font-family: "Gotham-Book"; }

.cTool__start .button {
  margin: 0; }

/* QUESTION PANEL */
.cTool__question {
  border: 2px solid #c4d1db;
  overflow: hidden; }

.cTool__gauge {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #e7f1f8; }
  .cTool__gauge:before {
    background-image: url(../i/sprites/sprite.png);
    background-position: -634px 0px;
    width: 14px;
    height: 70px;
    content: "";
    position: absolute;
    top: 0;
    right: 25%; }
  .cTool__gauge .cTool__gauge__line {
    height: 100%;
    background: url("../i/cTool_gauge_line.png") no-repeat center right;
    transition: width 0.5s; }
  .cTool__gauge .cTool__gauge__label {
    font-family: "Gotham-Medium";
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    top: 0;
    transition: color 0.3s 0.1s; }
    .cTool__gauge .cTool__gauge__label br {
      display: none; }
  .cTool__gauge .cTool__gauge__label--first {
    width: 75%;
    left: 0; }
  .cTool__gauge .cTool__gauge__label--second {
    width: 25%;
    right: 0; }

/* MODULE */
.cTool__module {
  position: absolute;
  top: 0;
  z-index: -1;
  opacity: 0; }
  .cTool__module .button {
    position: relative;
    z-index: -1;
    opacity: 0; }
    .cTool__module .button.active {
      z-index: 1;
      opacity: 1; }
    .cTool__module .button.button--next {
      float: right; }

.cTool__module__description {
  float: left;
  box-sizing: border-box; }
  .cTool__module__description .cTool__module__description__number {
    font-family: "Gotham-Book";
    text-transform: uppercase; }
  .cTool__module__description .cTool__module__description__title {
    font-family: "Gotham-Medium";
    text-transform: uppercase; }
  .cTool__module__description .cTool__module__description__text {
    font-family: "Gotham-Book"; }

.cTool__module__question {
  float: left;
  text-align: center;
  border-left: 2px solid #e2e2e2;
  box-sizing: border-box; }
  .cTool__module__question .cTool__module__question__title {
    font-family: "Gotham-Book";
    text-transform: uppercase; }
  .cTool__module__question .cTool__module__question__answer > * {
    font-family: "Gotham-Book";
    display: inline-block;
    text-transform: uppercase; }
  .cTool__module__question .cTool__module__question__answer .item {
    cursor: pointer; }
  .cTool__module__question .cTool__module__question__answer--visual .item {
    vertical-align: top; }
    .cTool__module__question .cTool__module__question__answer--visual .item img {
      border: 2px solid #e2e2e2;
      box-sizing: border-box;
      transition: border 0.2s; }
    .cTool__module__question .cTool__module__question__answer--visual .item p {
      color: inherit;
      transition: color 0.2s; }
    .cTool__module__question .cTool__module__question__answer--visual .item.selected img {
      border-color: #658398; }
    .cTool__module__question .cTool__module__question__answer--visual .item.selected p {
      color: #658398; }
  .cTool__module__question .cTool__module__question__answer--visual span {
    vertical-align: top; }
  .cTool__module__question .cTool__module__question__answer--text .item {
    color: inherit;
    background: #ededed;
    border: 2px solid #e2e2e2;
    display: table;
    box-sizing: border-box;
    transition: all 0.2s; }
    .cTool__module__question .cTool__module__question__answer--text .item p {
      display: table-cell;
      vertical-align: middle; }
    .cTool__module__question .cTool__module__question__answer--text .item.selected {
      background: #c7d5de;
      border-color: #658398; }
  .cTool__module__question .cTool__module__question__answer--text span {
    vertical-align: top; }

/* STEPS MOD */
#cTool__question--step1 .cTool__gauge__line {
  width: 25%; }

#cTool__question--step2 .cTool__gauge__line {
  width: 50%; }

#cTool__question--step2 .cTool__gauge__label--first {
  color: #fff; }

#cTool__question--step3 .cTool__gauge__line {
  width: 75%; }

#cTool__question--step3 .cTool__gauge__label--first {
  color: #fff; }

#cTool__question--step4 .cTool__gauge__line {
  width: 102%; }

#cTool__question--step4 .cTool__gauge__label {
  color: #fff; }

/* RESULT PANEL */
.cTool__result {
  border: 2px solid #e2e2e2;
  position: relative; }
  .cTool__result:before {
    content: "";
    background: url("../i/cTool__result_top_bg.png") no-repeat center right;
    position: absolute; }
  .cTool__result .link {
    font-weight: 700; }

.cTool__result__section__row {
  width: 100%;
  display: inline-block; }
  .cTool__result__section__row:first-child {
    margin-top: 0; }

.cTool__result__section__col {
  width: 50%;
  float: left;
  box-sizing: border-box; }
  .cTool__result__section__col > * {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box; }
  .cTool__result__section__col.cTool__result__section__col--wide {
    width: 100%; }

.cTool__result_nav {
  position: absolute; }
  .cTool__result_nav li {
    display: inline-block;
    font-family: "Gotham-Light"; }
    .cTool__result_nav li a {
      position: relative; }
      .cTool__result_nav li a:before {
        content: "";
        position: absolute;
        top: -1px;
        left: 0; }

.cTool__result__section__title--result {
  font-family: "Gotham-Light";
  text-transform: uppercase; }

.cTool__result__section__title--recommend {
  font-family: "Gotham-Light";
  text-transform: uppercase;
  font-weight: 700; }

.cTool__result__section__title--header {
  font-family: "Gotham-Medium";
  text-transform: uppercase; }

.cTool__result__section__text {
  font-family: "Gotham-Book"; }

.cTool__result__section__type {
  display: table; }
  .cTool__result__section__type li {
    font-family: "Gotham-Medium";
    border-left: 1px solid #44443e;
    display: table-cell; }
    .cTool__result__section__type li:first-child {
      border-left: none;
      padding-left: 0; }
    .cTool__result__section__type li:last-child {
      padding-right: 0; }
    .cTool__result__section__type li.active {
      color: #f2a42e; }

.cTool__result__section__technologies h3 {
  font-family: "Gotham-Bold"; }

.cTool__result__section__technologies li {
  display: inline-block;
  text-align: center;
  vertical-align: top; }
  .cTool__result__section__technologies li:first-child {
    margin-left: 0; }
  .cTool__result__section__technologies li p {
    color: #999; }

/* RESULT PANEL -- SYSTEM */
.cTool__result__section--system > div {
  display: inline-block;
  vertical-align: middle; }

.cTool__result__section--system .cTool__result__section__visual {
  vertical-align: top; }

.cTool__result__section--system .cTool__result__section__description .write-a-review {
  display: none; }

.cTool__result__section--system .cTool__result__section__description__wrapper {
  border-right: 1px solid #44443e; }

.cTool__result__section--system .cTool__result__section__text {
  text-align: justify; }

.cTool__result__section--system .reviewActions {
  width: 100%; }

.cTool__result__section__hair-profile {
  font-family: "Gotham-Book"; }
  .cTool__result__section__hair-profile .ico {
    text-align: center; }
    .cTool__result__section__hair-profile .ico i {
      display: inline-block;
      vertical-align: middle;
      cursor: pointer; }
    .cTool__result__section__hair-profile .ico.ico--close i {
      background-image: url(../i/sprites/sprite.png);
      background-position: -611px -398px;
      width: 23px;
      height: 22px; }
    .cTool__result__section__hair-profile .ico.ico--open i {
      background-image: url(../i/sprites/sprite.png);
      background-position: -611px -439px;
      width: 23px;
      height: 22px; }
  .cTool__result__section__hair-profile ul {
    list-style: disc outside; }
    .cTool__result__section__hair-profile ul li:first-child {
      margin-top: 0; }
  .cTool__result__section__hair-profile .ico--close, .cTool__result__section__hair-profile ul {
    display: none; }

/* RESULT PANEL -- TREATMENT */
.cTool__result__section--tratment .button {
  float: right; }

.cTool__result__section--tratment .cTool__result__section__col--text .cTool__result__section__title--header {
  text-transform: none; }

/* RESULT PANEL -- RENEW */
.cTool__result__section--renew .cTool__result__section__title--header {
  font-family: "Gotham-Book"; }

/* RESULT PANEL -- SALON */
.cTool__result__section--salon .cTool__result__section__col > * {
  vertical-align: middle; }

.cTool__result__section--salon .cTool__result__section__col--form .cTool__result__section__title--header span {
  font-family: "Gotham-Light";
  display: block; }

.cTool__result__section--salon .cTool__result__section__col--form .buttons {
  margin: 0;
  display: table;
  width: 100%; }
  .cTool__result__section--salon .cTool__result__section__col--form .buttons > * {
    display: table-cell;
    vertical-align: middle; }
  .cTool__result__section--salon .cTool__result__section__col--form .buttons .button {
    margin: 0; }
    .cTool__result__section--salon .cTool__result__section__col--form .buttons .button.button--left {
      float: left; }
    .cTool__result__section--salon .cTool__result__section__col--form .buttons .button.button--right {
      float: right; }
  .cTool__result__section--salon .cTool__result__section__col--form .buttons span {
    font-family: "Gotham-Light"; }

.cTool__result__section--salon .cTool__result__section__col--visual .cTool__result__section__visual {
  vertical-align: top; }

.cTool__result__section--salon .cTool__result__section__col--visual .cTool__result__section__title--header {
  font-family: "Gotham-Book"; }

/* MOBILE TABS */
.mobile {
  display: none; }

.cTool__result__tab br {
  display: none; }

.success_stories {
  margin: 50px 0; }
  .success_stories .cTool__result__section__col {
    padding: 0 20px; }
    .success_stories .cTool__result__section__col .box {
      display: block;
      float: left; }
      .success_stories .cTool__result__section__col .box:first-of-type {
        width: 40%; }
      .success_stories .cTool__result__section__col .box:last-of-type {
        width: 60%; }
  .success_stories > h2 {
    font-size: 5.6em; }
  .success_stories .image {
    width: 100%;
    display: table;
    margin-bottom: 10px; }
    .success_stories .image .cell {
      display: table-cell;
      text-align: center;
      vertical-align: middle; }
  .success_stories .name {
    font-size: 5.4em; }
  .success_stories .occupation {
    font-size: 2.4em; }
  .success_stories .text {
    font-family: "Gotham-Medium";
    font-size: 1.8em;
    margin: 20px;
    width: 100%; }
  .success_stories .button-wrap {
    width: 100%; }
  .success_stories .button {
    font-family: "Gotham-Bold";
    padding: 11px 22px 11px 26px;
    margin-left: 20px; }

/*  =RWD
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
@media screen and (max-width: 767px) {
  .cTool {
    margin-top: 10px !important; }
  /* START PANEL */
  .cTool__start img {
    position: relative; }
  .cTool__start .inner {
    padding: 0; }
  .cTool__start h2 {
    font-size: 2em;
    margin-top: 25px; }
  .cTool__start p {
    font-size: 1.5em;
    line-height: 22px;
    margin: 20px 0 25px; }
  .cTool__start .buttonWrap {
    text-align: center; }
  /* QUESTION PANEL */
  .cTool__question {
    padding: 0;
    border: none; }
  .cTool__gauge {
    height: 46px; }
    .cTool__gauge:before {
      background-position-y: -11px; }
    .cTool__gauge .cTool__gauge__label {
      font-size: 1em;
      line-height: 1;
      height: 20px;
      margin: 13px 0; }
      .cTool__gauge .cTool__gauge__label br {
        display: block; }
  /* MODULE */
  .cTool__module {
    margin-top: 40px; }
    .cTool__module .button {
      margin: 20px 0 0; }
  .cTool__module__description {
    width: 100%;
    padding: 0; }
    .cTool__module__description .cTool__module__description__number {
      font-size: 1.6em; }
    .cTool__module__description .cTool__module__description__title {
      font-size: 2.6em;
      margin: 10px 0 20px; }
    .cTool__module__description .cTool__module__description__text {
      display: none; }
  .cTool__module__question {
    width: 100%;
    padding: 0;
    border-left: none;
    border-top: 2px solid #e2e2e2;
    border-bottom: 2px solid #e2e2e2;
    padding: 30px 0; }
    .cTool__module__question .cTool__module__question__title {
      font-size: 2em;
      height: 42px;
      margin: 0 0 25px; }
    .cTool__module__question .cTool__module__question__answer span {
      font-size: 1.6em;
      margin: 0 8px; }
    .cTool__module__question .cTool__module__question__answer--visual .item {
      width: 125px; }
      .cTool__module__question .cTool__module__question__answer--visual .item p {
        font-size: 1.03em;
        margin-top: 10px; }
    .cTool__module__question .cTool__module__question__answer--visual span {
      height: 98px;
      line-height: 98px; }
    .cTool__module__question .cTool__module__question__answer--text .item {
      width: 120px;
      height: 70px; }
      .cTool__module__question .cTool__module__question__answer--text .item p {
        font-size: 1.6em;
        padding: 5px; }
    .cTool__module__question .cTool__module__question__answer--text span {
      height: 150px;
      line-height: 150px; }
    .cTool__module__question .cTool__module__question__answer--text .cTool__module__question__answer__group .item {
      margin-top: 10px; }
      .cTool__module__question .cTool__module__question__answer--text .cTool__module__question__answer__group .item:first-child {
        margin-top: 0; }
  /* RESULT PANEL */
  .cTool__result {
    padding-top: 10px;
    border: none; }
    .cTool__result:before {
      display: none; }
    .cTool__result .link {
      margin-top: 15px; }
  .cTool__result__section__col {
    width: 100%;
    float: none; }
    .cTool__result__section__col.cTool__result__section__col--visual {
      padding-left: 0; }
      .cTool__result__section__col.cTool__result__section__col--visual.cTool__result__section__col--space {
        padding-left: 0; }
  .cTool__result_nav {
    display: none; }
  .cTool__result__section__title--result {
    font-size: 2.2em; }
  .cTool__result__section__title--recommend {
    font-size: 2.5em; }
  .cTool__result__section__title--header {
    font-size: 5.8em;
    line-height: 0.8; }
  .cTool__result__section__text {
    font-size: 1.6em; }
  .cTool__result__section__type {
    margin: 25px 0 20px; }
    .cTool__result__section__type li {
      width: 75px;
      font-size: 1.4em;
      padding: 5px 15px; }
  .cTool__result__section__technologies {
    margin-top: 20px;
    text-align: center; }
    .cTool__result__section__technologies h3 {
      font-size: 1.6em;
      text-align: left; }
    .cTool__result__section__technologies li {
      margin-left: 20px;
      max-width: 100px; }
      .cTool__result__section__technologies li p {
        margin-top: -20px; }
  /* RESULT PANEL -- SYSTEM */
  .cTool__result__section--system .cTool__result__section__visual {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 95px; }
  .cTool__result__section--system .cTool__result__section__title--header {
    margin-bottom: 230px; }
  .cTool__result__section--system .cTool__result__section__description {
    width: 100%; }
  .cTool__result__section--system .cTool__result__section__description__wrapper {
    border: none; }
  .cTool__result__section--system .cTool__result__section__reviews {
    margin-top: 25px; }
    .cTool__result__section--system .cTool__result__section__reviews .reviewActions {
      display: none; }
  .cTool__result__section--system .reviewActions {
    padding-top: 20px;
    margin-bottom: 0; }
    .cTool__result__section--system .reviewActions .revActionsCol:first-child {
      border: none; }
    .cTool__result__section--system .reviewActions .rating + a {
      display: block;
      padding: 10px 0 8px; }
  .cTool__result__section__hair-profile {
    width: 100%;
    margin-top: 20px; }
    .cTool__result__section__hair-profile ul {
      font-size: 1.6em; }
      .cTool__result__section__hair-profile ul li {
        margin-top: 5px; }
    .cTool__result__section__hair-profile .ico {
      display: none; }
    .cTool__result__section__hair-profile.active ul {
      display: block;
      padding: 0 40px 0 20px; }
  .cTool__result__section--col .cTool__result__section__title--result {
    font-size: 2em; }
  .cTool__result__section--col .cTool__result__section__title--recommend {
    font-family: "Gotham-Medium";
    font-size: 2.2em;
    margin-bottom: 25px; }
  .cTool__result__section--col .cTool__result__section__visual {
    width: 100px;
    text-align: center; }
  .cTool__result__section--col .cTool__result__section__description {
    width: 190px; }
  /* RESULT PANEL -- TREATMENT */
  .cTool__result__section--tratment .cTool__result__section__row > * {
    display: none; }
  .cTool__result__section--tratment .cTool__result__section__title--header {
    font-size: 2em;
    margin-bottom: 1px; }
  .cTool__result__section--tratment .cTool__result__section__col--text .cTool__result__section__title--header {
    font-size: 1.6em;
    margin-bottom: 15px; }
  .cTool__result__section--tratment .cTool__result__section__col--text .cTool__result__section__description {
    width: 100%; }
  .cTool__result__section--tratment .button {
    font-size: 1.9em;
    margin: 20px 0; }
  .cTool__result__section--tratment.active .cTool__result__section__row > * {
    display: block; }
  /* RESULT PANEL -- RENEW */
  .cTool__result__section--renew .cTool__result__section__col {
    margin-top: 40px; }
    .cTool__result__section--renew .cTool__result__section__col:first-child {
      margin-top: 0; }
  .cTool__result__section--renew .cTool__result__section__title--header {
    font-size: 2em;
    line-height: 22px;
    margin-bottom: 10px; }
  .cTool__result__section--renew .cTool__result__section__text {
    font-size: 1.6em; }
  .cTool__result__section--renew .cTool__result__section__col--wide > p {
    display: none; }
  .cTool__result__section--renew .cTool__result__section__row + .cTool__result__section__row {
    display: none; }
  .cTool__result__section--renew.active {
    padding-bottom: 10px; }
    .cTool__result__section--renew.active .cTool__result__section__col--wide > p {
      display: block; }
    .cTool__result__section--renew.active .cTool__result__section__row + .cTool__result__section__row {
      display: block; }
  /* RESULT PANEL -- SALON */
  .cTool__result__section--salon {
    border-top: 1px solid #e2e2e2;
    padding-top: 30px; }
    .cTool__result__section--salon input[type="text"] {
      font-size: 1.6em !important;
      margin: 20px 0; }
    .cTool__result__section--salon .cTool__result__section__form {
      margin-top: 30px; }
    .cTool__result__section--salon .cTool__result__section__col--form .cTool__result__section__title--header {
      font-size: 4em; }
      .cTool__result__section--salon .cTool__result__section__col--form .cTool__result__section__title--header span {
        display: inline; }
    .cTool__result__section--salon .cTool__result__section__col--form .buttons {
      display: block; }
      .cTool__result__section--salon .cTool__result__section__col--form .buttons > * {
        display: inline-block; }
      .cTool__result__section--salon .cTool__result__section__col--form .buttons .button {
        float: none !important;
        min-width: 200px; }
      .cTool__result__section--salon .cTool__result__section__col--form .buttons span {
        display: block;
        font-size: 1.6em;
        line-height: 32px; }
    .cTool__result__section--salon .cTool__result__section__col--visual {
      margin-top: 45px; }
      .cTool__result__section--salon .cTool__result__section__col--visual .cTool__result__section__title--header {
        font-size: 2em;
        margin-bottom: 20px; }
      .cTool__result__section--salon .cTool__result__section__col--visual .cTool__result__section__text {
        font-size: 1.6em; }
      .cTool__result__section--salon .cTool__result__section__col--visual .cTool__result__section__description {
        padding-left: 15px; }
  /* MOBILE TABS */
  .mobile {
    display: block; }
  .cTool__result__tab {
    display: block !important;
    font-family: "Gotham-Light";
    font-size: 2em;
    text-transform: uppercase;
    border-top: 1px solid #e2e2e2;
    position: relative;
    padding: 15px 50px 15px 0;
    cursor: pointer; }
    .cTool__result__tab:before {
      content: "";
      display: block;
      background: url("../i/sprite/arrows_up_down_white.png") no-repeat scroll center -17px #44443e;
      width: 30px;
      height: 30px;
      position: absolute;
      top: 15px;
      right: 0; }
    .cTool__result__tab span {
      display: none; }
  .cTool__result__tab__content.active {
    margin-bottom: 20px; }
    .cTool__result__tab__content.active .cTool__result__tab {
      border-bottom: none; }
      .cTool__result__tab__content.active .cTool__result__tab:before {
        background-position: center 11px; }
  .success_stories > h2 {
    font-size: 2.5em;
    font-family: "Gotham-Bold";
    text-align: center;
    margin-bottom: 20px; }
  .success_stories .cTool__result__section__col {
    margin-bottom: 20px;
    padding: 0; }
    .success_stories .cTool__result__section__col.col-right {
      background: none; }
    .success_stories .cTool__result__section__col .box {
      width: 50% !important;
      height: 190px;
      float: left;
      margin-bottom: 25px;
      position: relative; }
    .success_stories .cTool__result__section__col .image {
      margin-bottom: 5px; }
    .success_stories .cTool__result__section__col .name {
      font-size: 2em;
      text-align: center;
      font-family: "Gotham-Medium"; }
    .success_stories .cTool__result__section__col .occupation {
      font-size: 1.4em;
      width: 100%;
      text-align: center;
      text-transform: uppercase;
      position: absolute;
      bottom: 0;
      left: 0;
      font-family: "Gotham-Light"; }
  .success_stories .text {
    font-size: 1.8em;
    margin: 10px 0;
    height: 120px;
    text-align: left;
    line-height: 130%; }
  .success_stories .button {
    font-size: 1em;
    padding: 6px 0px;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: 0; }
    .success_stories .button span {
      background-size: 50%; }
  .success_stories img {
    max-width: 120px; } }

@media screen and (min-width: 768px) and (max-width: 999px), print {
  .cTool {
    margin-top: 20px !important; }
  /* START PANEL */
  .cTool__start {
    height: 358px; }
    .cTool__start .inner {
      padding: 0 165px 0 250px; }
    .cTool__start h2 {
      font-size: 2.2em; }
    .cTool__start p {
      font-size: 1.2em;
      line-height: 1;
      margin: 20px 0 25px; }
    .cTool__start .button {
      font-size: 1.4em; }
  /* QUESTION PANEL */
  .cTool__question {
    padding: 10px; }
  .cTool__gauge {
    height: 40px; }
    .cTool__gauge:before {
      background-position-y: -14px; }
    .cTool__gauge .cTool__gauge__label {
      font-size: 1.1em;
      line-height: 40px; }
  /* MODULE */
  .cTool__module {
    margin-top: 25px; }
    .cTool__module .button {
      font-size: 1.4em;
      margin: 10px 0 0; }
  .cTool__module__description {
    width: 264px;
    padding: 25px 20px 0 10px; }
    .cTool__module__description .cTool__module__description__number {
      font-size: 0.9em; }
    .cTool__module__description .cTool__module__description__title {
      font-size: 2.2em;
      margin: 5px 0 12px; }
    .cTool__module__description .cTool__module__description__text {
      font-size: 1.2em; }
  .cTool__module__question {
    width: 440px;
    padding: 5px 0 10px; }
    .cTool__module__question .cTool__module__question__title {
      font-size: 2.2em;
      height: 50px;
      margin: 0 30px 25px; }
    .cTool__module__question .cTool__module__question__answer span {
      font-size: 1.6em;
      margin: 0 13px; }
    .cTool__module__question .cTool__module__question__answer--visual .item {
      width: 127px; }
      .cTool__module__question .cTool__module__question__answer--visual .item p {
        font-size: 1.05em;
        margin-top: 10px; }
    .cTool__module__question .cTool__module__question__answer--visual span {
      height: 99px;
      line-height: 99px; }
    .cTool__module__question .cTool__module__question__answer--text .item {
      width: 125px;
      height: 70px; }
      .cTool__module__question .cTool__module__question__answer--text .item p {
        font-size: 1.6em;
        padding: 10px; }
    .cTool__module__question .cTool__module__question__answer--text span {
      height: 150px;
      line-height: 150px; }
    .cTool__module__question .cTool__module__question__answer--text .cTool__module__question__answer__group .item {
      margin-top: 10px; }
      .cTool__module__question .cTool__module__question__answer--text .cTool__module__question__answer__group .item:first-child {
        margin-top: 0; }
  /* RESULT PANEL */
  .cTool__result {
    background: #f6f6f6;
    background-image: linear-gradient(to bottom, #f6f6f6 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 );
    padding: 45px 10px 10px;
    border-width: 1px; }
    .cTool__result:before {
      height: 26px;
      top: -1px;
      left: -1px;
      right: -1px;
      background-size: inherit; }
    .cTool__result .button {
      font-size: 1.4em; }
    .cTool__result .link {
      margin-top: 5px; }
  .cTool__result__section__row {
    margin-top: 25px; }
  .cTool__result__section__col.cTool__result__section__col--visual {
    padding-left: 30px; }
    .cTool__result__section__col.cTool__result__section__col--visual.cTool__result__section__col--space {
      padding-left: 70px; }
    .cTool__result__section__col.cTool__result__section__col--visual .cTool__result__section__description {
      padding-left: 25px; }
  .cTool__result__section__col.cTool__result__section__col--text {
    padding-left: 75px; }
  .cTool__result_nav {
    top: 12px;
    left: 310px; }
    .cTool__result_nav li {
      font-size: 1em;
      margin-right: 15px; }
      .cTool__result_nav li a {
        padding-left: 20px; }
        .cTool__result_nav li a.print:before {
          background-image: url(../i/sprites/sprite.png);
          background-position: -222px -343px;
          width: 16px;
          height: 12px; }
        .cTool__result_nav li a.mail:before {
          background-image: url(../i/sprites/sprite.png);
          background-position: -238px -343px;
          width: 16px;
          height: 12px; }
  .cTool__result__section__title--result {
    font-size: 1.9em; }
  .cTool__result__section__title--recommend {
    font-size: 2.2em; }
  .cTool__result__section__title--header {
    font-size: 5.1em;
    line-height: 0.8; }
  .cTool__result__section__text {
    font-size: 1.2em; }
  .cTool__result__section__type {
    margin: 20px 0 10px; }
    .cTool__result__section__type li {
      font-size: 1.2em;
      padding: 0 12px; }
  .cTool__result__section__technologies {
    margin-top: 10px; }
    .cTool__result__section__technologies h3 {
      font-size: 1.2em; }
    .cTool__result__section__technologies li {
      margin-left: 10px;
      max-width: 100px; }
      .cTool__result__section__technologies li p {
        margin-top: -10px; }
  /* RESULT PANEL -- SYSTEM */
  .cTool__result__section--system .cTool__result__section__visual {
    width: 200px;
    margin-left: -10px; }
  .cTool__result__section--system .cTool__result__section__description {
    width: 345px;
    margin-left: -20px; }
  .cTool__result__section--system .cTool__result__section__description__wrapper {
    padding-right: 10px; }
  .cTool__result__section--system .cTool__result__section__reviews {
    margin-top: 10px;
    line-height: 25px; }
    .cTool__result__section--system .cTool__result__section__reviews .reviewActions {
      margin: 0; }
      .cTool__result__section--system .cTool__result__section__reviews .reviewActions .revActionsCol:first-child {
        padding-left: 0; }
      .cTool__result__section--system .cTool__result__section__reviews .reviewActions .revActionsCol:last-child {
        padding-right: 0; }
  .cTool__result__section__hair-profile {
    font-size: 1em;
    width: 175px;
    margin: 0 0 35px 10px; }
    .cTool__result__section__hair-profile ul {
      margin: 20px 0 0 15px;
      font-size: 1.2em; }
      .cTool__result__section__hair-profile ul li {
        margin-top: 3px; }
    .cTool__result__section__hair-profile.active .ico--close, .cTool__result__section__hair-profile.active ul {
      display: block; }
    .cTool__result__section__hair-profile.active .ico--open {
      display: none; }
  .cTool__result__section--col {
    padding: 10px; }
    .cTool__result__section--col .cTool__result__section__title--result {
      font-size: 1.5em; }
    .cTool__result__section--col .cTool__result__section__title--recommend {
      font-size: 2em; }
    .cTool__result__section--col .cTool__result__section__description {
      width: 230px; }
  /* RESULT PANEL -- TREATMENT */
  .cTool__result__section--tratment {
    background: #f6f6f6;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-top: 10px; }
    .cTool__result__section--tratment .cTool__result__section__title--header {
      font-size: 2.6em;
      margin-bottom: 10px; }
    .cTool__result__section--tratment .cTool__result__section__col--visual {
      margin-top: 25px; }
    .cTool__result__section--tratment .cTool__result__section__col--text {
      margin-top: -35px; }
      .cTool__result__section--tratment .cTool__result__section__col--text .button {
        margin-bottom: 10px; }
      .cTool__result__section--tratment .cTool__result__section__col--text .cTool__result__section__title--header {
        font-size: 1.2em;
        margin-bottom: 8px; }
  /* RESULT PANEL -- RENEW */
  .cTool__result__section--renew {
    margin-top: 20px; }
    .cTool__result__section--renew .cTool__result__section__title--header {
      font-size: 1.2em;
      margin-bottom: 10px; }
    .cTool__result__section--renew .cTool__result__section__text {
      font-size: 1em; }
  /* RESULT PANEL -- SALON */
  .cTool__result__section--salon {
    background-image: linear-gradient(to bottom, rgba(186, 186, 186, 0.5) 0%, rgba(243, 243, 243, 0.5) 13%, rgba(255, 255, 255, 0.5) 86%, rgba(186, 186, 186, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80bababa', endColorstr='#80bababa',GradientType=0 );
    padding: 20px 10px; }
    .cTool__result__section--salon input[type="text"] {
      font-size: 1.2em !important;
      margin: 10px 0 5px; }
    .cTool__result__section--salon .cTool__result__section__col--form .cTool__result__section__title--header {
      font-size: 3em;
      width: 110px; }
      .cTool__result__section--salon .cTool__result__section__col--form .cTool__result__section__title--header span {
        font-size: 0.65em; }
    .cTool__result__section--salon .cTool__result__section__col--form .cTool__result__section__form {
      width: 230px; }
    .cTool__result__section--salon .cTool__result__section__col--form .buttons .button {
      padding: 12px 5px 8px 20px;
      font-size: 1.1em;
      background-position: 8px center; }
    .cTool__result__section--salon .cTool__result__section__col--form .buttons span {
      font-size: 1em; }
    .cTool__result__section--salon .cTool__result__section__col--visual {
      padding-left: 16px; }
      .cTool__result__section--salon .cTool__result__section__col--visual .cTool__result__section__title--header {
        font-size: 1.2em;
        margin-bottom: 10px; }
      .cTool__result__section--salon .cTool__result__section__col--visual .cTool__result__section__text {
        font-size: 1em; }
      .cTool__result__section--salon .cTool__result__section__col--visual .cTool__result__section__description {
        padding-left: 14px; }
  .success_stories > h2 {
    font-size: 4em; }
  .success_stories .name {
    font-size: 3em; }
  .success_stories .occupation {
    font-size: 1.5em; }
  .success_stories .text {
    font-size: 1.4em;
    margin: 10px 20px; }
  .success_stories .button {
    padding: 11px 18px 11px 22px;
    font-size: 1.2em; } }

@media screen and (min-width: 1000px) and (max-width: 1399px) {
  .cTool {
    margin-top: 35.71429px !important; }
  /* START PANEL */
  .cTool__start {
    height: 464.28571px; }
    .cTool__start .inner {
      padding: 0 242.85714px 0 328.57143px; }
    .cTool__start h2 {
      font-size: 2.85714em; }
    .cTool__start p {
      font-size: 1.14286em;
      line-height: 15.71429px;
      margin: 21.42857px 0 25px;
      padding-right: 78.57143px; }
  /* QUESTION PANEL */
  .cTool__question {
    padding: 12.14286px; }
  .cTool__gauge {
    height: 50px; }
    .cTool__gauge .cTool__gauge__label {
      font-size: 1.42857em;
      line-height: 50px; }
  /* MODULE */
  .cTool__module {
    margin-top: 35.71429px; }
    .cTool__module .button {
      margin: 14.28571px 0 0; }
  .cTool__module__description {
    width: 342.85714px;
    padding: 35.71429px 25px 0 14.28571px; }
    .cTool__module__description .cTool__module__description__number {
      font-size: 1.14286em; }
    .cTool__module__description .cTool__module__description__title {
      font-size: 2.85714em;
      margin: 9.28571px 0 20px; }
    .cTool__module__description .cTool__module__description__text {
      font-size: 1.14286em; }
  .cTool__module__question {
    width: 600px;
    padding: 3.57143px 0 14.28571px; }
    .cTool__module__question .cTool__module__question__title {
      font-size: 2.85714em;
      height: 61.42857px;
      margin: 0 28.57143px 35.71429px; }
    .cTool__module__question .cTool__module__question__answer span {
      font-size: 2.14286em;
      margin: 0 18.57143px; }
    .cTool__module__question .cTool__module__question__answer--visual .item {
      width: 164.28571px; }
      .cTool__module__question .cTool__module__question__answer--visual .item p {
        font-size: 1.35714em;
        margin-top: 14.28571px; }
    .cTool__module__question .cTool__module__question__answer--visual span {
      height: 128.57143px;
      line-height: 128.57143px; }
    .cTool__module__question .cTool__module__question__answer--text .item {
      width: 164.28571px;
      height: 92.85714px; }
      .cTool__module__question .cTool__module__question__answer--text .item p {
        font-size: 2.14286em;
        padding: 10.71429px; }
    .cTool__module__question .cTool__module__question__answer--text span {
      height: 200px;
      line-height: 200px; }
    .cTool__module__question .cTool__module__question__answer--text .cTool__module__question__answer__group .item {
      margin-top: 14.28571px; }
      .cTool__module__question .cTool__module__question__answer--text .cTool__module__question__answer__group .item:first-child {
        margin-top: 0; }
  /* RESULT PANEL */
  .cTool__result {
    background: #f6f6f6;
    background-image: linear-gradient(to bottom, #f6f6f6 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 );
    padding: 57.14286px 14.28571px 14.28571px; }
    .cTool__result:before {
      height: 35.71429px;
      top: -1.42857px;
      left: -1.42857px;
      right: -1.42857px; }
    .cTool__result .link {
      margin-top: 5.71429px; }
  .cTool__result__section__row {
    margin-top: 28.57143px; }
  .cTool__result__section__col.cTool__result__section__col--visual {
    padding-left: 28.57143px; }
    .cTool__result__section__col.cTool__result__section__col--visual.cTool__result__section__col--space {
      padding-left: 92.85714px; }
    .cTool__result__section__col.cTool__result__section__col--visual .cTool__result__section__description {
      padding-left: 39.28571px; }
  .cTool__result__section__col.cTool__result__section__col--text {
    padding-left: 98.57143px; }
  .cTool__result_nav {
    top: 17.85714px;
    left: 403.57143px; }
    .cTool__result_nav li {
      font-size: 1.07143em;
      margin-right: 14.28571px; }
      .cTool__result_nav li a {
        padding-left: 21.42857px; }
        .cTool__result_nav li a:before {
          top: 0; }
        .cTool__result_nav li a.print:before {
          background-image: url(../i/sprites/sprite.png);
          background-position: -222px -343px;
          width: 16px;
          height: 12px; }
        .cTool__result_nav li a.mail:before {
          background-image: url(../i/sprites/sprite.png);
          background-position: -238px -343px;
          width: 16px;
          height: 12px; }
  .cTool__result__section__title--result {
    font-size: 2.5em; }
  .cTool__result__section__title--recommend {
    font-size: 2.85714em; }
  .cTool__result__section__title--header {
    font-size: 6.64286em;
    line-height: 0.8; }
  .cTool__result__section__text {
    font-size: 1.28571em; }
  .cTool__result__section__type {
    width: 346.42857px;
    margin: 25px 0 17.85714px; }
    .cTool__result__section__type li {
      font-size: 1.42857em;
      padding: 0 14.28571px; }
  .cTool__result__section__technologies {
    margin-top: 14.28571px; }
    .cTool__result__section__technologies h3 {
      font-size: 1.42857em; }
    .cTool__result__section__technologies li {
      margin-left: 21.42857px; }
      .cTool__result__section__technologies li p {
        margin-top: -14.28571px; }
  /* RESULT PANEL -- SYSTEM */
  .cTool__result__section--system .cTool__result__section__visual {
    width: 285.71429px; }
  .cTool__result__section--system .cTool__result__section__description {
    width: 400px; }
  .cTool__result__section--system .cTool__result__section__text {
    width: 346.42857px; }
  .cTool__result__section--system .cTool__result__section__reviews {
    margin-top: 14.28571px;
    line-height: 17.85714px; }
    .cTool__result__section--system .cTool__result__section__reviews .reviewActions {
      margin: 0; }
  .cTool__result__section__hair-profile {
    font-size: 1.28571em;
    width: 217.85714px;
    margin: 0 0 42.85714px 30.71429px; }
    .cTool__result__section__hair-profile ul {
      margin: 21.42857px 0 0 14.28571px; }
      .cTool__result__section__hair-profile ul li {
        margin-top: 7.14286px; }
    .cTool__result__section__hair-profile.active .ico--close, .cTool__result__section__hair-profile.active ul {
      display: block; }
    .cTool__result__section__hair-profile.active .ico--open {
      display: none; }
  .cTool__result__section--col {
    padding: 14.28571px; }
    .cTool__result__section--col .cTool__result__section__title--result {
      font-size: 2em; }
    .cTool__result__section--col .cTool__result__section__title--recommend {
      font-size: 2.64286em; }
    .cTool__result__section--col .cTool__result__section__description {
      width: 296.42857px; }
  /* RESULT PANEL -- TREATMENT */
  .cTool__result__section--tratment {
    background: #f6f6f6;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-top: 14.28571px; }
    .cTool__result__section--tratment .cTool__result__section__title--header {
      font-size: 3.42857em;
      margin-bottom: 10.71429px; }
    .cTool__result__section--tratment .cTool__result__section__col--visual {
      margin-top: 28.57143px; }
    .cTool__result__section--tratment .cTool__result__section__col--text {
      margin-top: -46.42857px; }
      .cTool__result__section--tratment .cTool__result__section__col--text .button {
        margin-bottom: 39.28571px; }
      .cTool__result__section--tratment .cTool__result__section__col--text .cTool__result__section__title--header {
        font-size: 1.28571em;
        margin-bottom: 8.57143px; }
  /* RESULT PANEL -- RENEW */
  .cTool__result__section--renew {
    margin-top: 21.42857px; }
    .cTool__result__section--renew .cTool__result__section__title--header {
      font-size: 1.42857em;
      margin-bottom: 10.71429px; }
    .cTool__result__section--renew .cTool__result__section__text {
      font-size: 1.07143em; }
  /* RESULT PANEL -- SALON */
  .cTool__result__section--salon {
    background-image: linear-gradient(to bottom, rgba(186, 186, 186, 0.5) 0%, rgba(243, 243, 243, 0.5) 13%, rgba(255, 255, 255, 0.5) 86%, rgba(186, 186, 186, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80bababa', endColorstr='#80bababa',GradientType=0 );
    padding: 21.42857px 14.28571px; }
    .cTool__result__section--salon input[type="text"] {
      font-size: 1.14286em !important;
      margin: 10.71429px 0; }
    .cTool__result__section--salon .cTool__result__section__col--form .cTool__result__section__title--header {
      font-size: 3.92857em;
      width: 157.14286px; }
      .cTool__result__section--salon .cTool__result__section__col--form .cTool__result__section__title--header span {
        font-size: 0.46429em; }
    .cTool__result__section--salon .cTool__result__section__col--form .cTool__result__section__form {
      width: 278.57143px; }
    .cTool__result__section--salon .cTool__result__section__col--form .buttons .button {
      padding-right: 7.14286px; }
    .cTool__result__section--salon .cTool__result__section__col--form .buttons span {
      font-size: 1.35714em; }
    .cTool__result__section--salon .cTool__result__section__col--visual {
      padding-left: 11.42857px; }
      .cTool__result__section--salon .cTool__result__section__col--visual .cTool__result__section__title--header {
        font-size: 1.42857em;
        margin-bottom: 7.14286px; }
      .cTool__result__section--salon .cTool__result__section__col--visual .cTool__result__section__text {
        font-size: 1.07143em; }
      .cTool__result__section--salon .cTool__result__section__col--visual .cTool__result__section__description {
        padding-left: 21.42857px; }
  .success_stories .name {
    font-size: 4em; }
  .success_stories .occupation {
    font-size: 2em; } }

@media screen and (min-width: 1400px) {
  .cTool {
    margin-top: 50px !important; }
  /* START PANEL */
  .cTool__start {
    height: 650px; }
    .cTool__start .inner {
      padding: 0 340px 0 460px; }
    .cTool__start h2 {
      font-size: 4em; }
    .cTool__start p {
      font-size: 1.6em;
      line-height: 22px;
      margin: 30px 0 35px;
      padding-right: 110px; }
  /* QUESTION PANEL */
  .cTool__question {
    padding: 17px; }
  .cTool__gauge {
    height: 70px; }
    .cTool__gauge .cTool__gauge__label {
      font-size: 2em;
      line-height: 70px; }
  /* MODULE */
  .cTool__module {
    margin-top: 50px; }
    .cTool__module .button {
      margin: 20px 0 0; }
  .cTool__module__description {
    width: 480px;
    padding: 50px 35px 0 20px; }
    .cTool__module__description .cTool__module__description__number {
      font-size: 1.6em; }
    .cTool__module__description .cTool__module__description__title {
      font-size: 4em;
      margin: 13px 0 28px; }
    .cTool__module__description .cTool__module__description__text {
      font-size: 1.6em; }
  .cTool__module__question {
    width: 840px;
    padding: 5px 0 20px; }
    .cTool__module__question .cTool__module__question__title {
      font-size: 4em;
      height: 86px;
      margin: 0 40px 50px; }
    .cTool__module__question .cTool__module__question__answer span {
      font-size: 3em;
      margin: 0 26px; }
    .cTool__module__question .cTool__module__question__answer--visual .item {
      width: 230px; }
      .cTool__module__question .cTool__module__question__answer--visual .item p {
        font-size: 1.9em;
        margin-top: 20px; }
    .cTool__module__question .cTool__module__question__answer--visual span {
      height: 180px;
      line-height: 180px; }
    .cTool__module__question .cTool__module__question__answer--text .item {
      width: 230px;
      height: 130px; }
      .cTool__module__question .cTool__module__question__answer--text .item p {
        font-size: 3em;
        padding: 15px; }
    .cTool__module__question .cTool__module__question__answer--text span {
      height: 280px;
      line-height: 280px; }
    .cTool__module__question .cTool__module__question__answer--text .cTool__module__question__answer__group .item {
      margin-top: 20px; }
      .cTool__module__question .cTool__module__question__answer--text .cTool__module__question__answer__group .item:first-child {
        margin-top: 0; }
  /* RESULT PANEL */
  .cTool__result {
    background: #f6f6f6;
    background-image: linear-gradient(to bottom, #f6f6f6 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 );
    padding: 80px 20px 20px; }
    .cTool__result:before {
      height: 50px;
      top: -2px;
      left: -2px;
      right: -2px; }
    .cTool__result .link {
      margin-top: 8px; }
  .cTool__result__section__row {
    margin-top: 40px; }
  .cTool__result__section__col.cTool__result__section__col--visual {
    padding-left: 40px; }
    .cTool__result__section__col.cTool__result__section__col--visual.cTool__result__section__col--space {
      padding-left: 130px; }
    .cTool__result__section__col.cTool__result__section__col--visual .cTool__result__section__description {
      padding-left: 55px; }
  .cTool__result__section__col.cTool__result__section__col--text {
    padding-left: 138px; }
  .cTool__result_nav {
    top: 25px;
    left: 565px; }
    .cTool__result_nav li {
      font-size: 1.5em;
      margin-right: 20px; }
      .cTool__result_nav li a {
        padding-left: 30px; }
        .cTool__result_nav li a.print:before {
          background-image: url(../i/sprites/sprite.png);
          background-position: -611px -257px;
          width: 23px;
          height: 17px; }
        .cTool__result_nav li a.mail:before {
          background-image: url(../i/sprites/sprite.png);
          background-position: -611px -216px;
          width: 23px;
          height: 17px; }
  .cTool__result__section__title--result {
    font-size: 3.5em; }
  .cTool__result__section__title--recommend {
    font-size: 4em; }
  .cTool__result__section__title--header {
    font-size: 9.3em;
    line-height: 0.8; }
  .cTool__result__section__text {
    font-size: 1.8em; }
  .cTool__result__section__type {
    width: 485px;
    margin: 35px 0 25px; }
    .cTool__result__section__type li {
      font-size: 2em;
      padding: 0 20px; }
  .cTool__result__section__technologies {
    margin-top: 20px; }
    .cTool__result__section__technologies h3 {
      font-size: 2em; }
    .cTool__result__section__technologies li {
      margin-left: 30px; }
      .cTool__result__section__technologies li p {
        margin-top: -20px; }
  /* RESULT PANEL -- SYSTEM */
  .cTool__result__section--system .cTool__result__section__visual {
    width: 400px; }
  .cTool__result__section--system .cTool__result__section__description {
    width: 560px; }
  .cTool__result__section--system .cTool__result__section__text {
    width: 485px; }
  .cTool__result__section--system .cTool__result__section__reviews {
    margin-top: 20px;
    line-height: 25px; }
    .cTool__result__section--system .cTool__result__section__reviews .reviewActions {
      margin: 0; }
  .cTool__result__section__hair-profile {
    font-size: 1.8em;
    width: 305px;
    margin: 0 0 60px 43px; }
    .cTool__result__section__hair-profile ul {
      margin: 30px 0 0 20px; }
      .cTool__result__section__hair-profile ul li {
        margin-top: 10px; }
    .cTool__result__section__hair-profile.active .ico--close, .cTool__result__section__hair-profile.active ul {
      display: block; }
    .cTool__result__section__hair-profile.active .ico--open {
      display: none; }
  .cTool__result__section--col {
    padding: 20px; }
    .cTool__result__section--col .cTool__result__section__title--result {
      font-size: 2.8em; }
    .cTool__result__section--col .cTool__result__section__title--recommend {
      font-size: 3.7em; }
    .cTool__result__section--col .cTool__result__section__description {
      width: 415px; }
  /* RESULT PANEL -- TREATMENT */
  .cTool__result__section--tratment {
    background: #f6f6f6;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-top: 20px; }
    .cTool__result__section--tratment .cTool__result__section__title--header {
      font-size: 4.8em;
      margin-bottom: 15px; }
    .cTool__result__section--tratment .cTool__result__section__col--visual {
      margin-top: 40px; }
    .cTool__result__section--tratment .cTool__result__section__col--text {
      margin-top: -65px; }
      .cTool__result__section--tratment .cTool__result__section__col--text .button {
        margin-bottom: 55px; }
      .cTool__result__section--tratment .cTool__result__section__col--text .cTool__result__section__title--header {
        font-size: 1.8em;
        margin-bottom: 12px; }
  /* RESULT PANEL -- RENEW */
  .cTool__result__section--renew {
    margin-top: 30px; }
    .cTool__result__section--renew .cTool__result__section__title--header {
      font-size: 2em;
      margin-bottom: 15px; }
    .cTool__result__section--renew .cTool__result__section__text {
      font-size: 1.5em; }
  /* RESULT PANEL -- SALON */
  .cTool__result__section--salon {
    background-image: linear-gradient(to bottom, rgba(186, 186, 186, 0.5) 0%, rgba(243, 243, 243, 0.5) 13%, rgba(255, 255, 255, 0.5) 86%, rgba(186, 186, 186, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80bababa', endColorstr='#80bababa',GradientType=0 );
    padding: 30px 20px; }
    .cTool__result__section--salon input[type="text"] {
      font-size: 1.6em !important;
      margin: 15px 0; }
    .cTool__result__section--salon .cTool__result__section__col--form .cTool__result__section__title--header {
      font-size: 5.5em;
      width: 220px; }
      .cTool__result__section--salon .cTool__result__section__col--form .cTool__result__section__title--header span {
        font-size: 0.65em; }
    .cTool__result__section--salon .cTool__result__section__col--form .cTool__result__section__form {
      width: 390px; }
    .cTool__result__section--salon .cTool__result__section__col--form .buttons .button {
      padding-right: 10px; }
    .cTool__result__section--salon .cTool__result__section__col--form .buttons span {
      font-size: 1.9em; }
    .cTool__result__section--salon .cTool__result__section__col--visual {
      padding-left: 16px; }
      .cTool__result__section--salon .cTool__result__section__col--visual .cTool__result__section__title--header {
        font-size: 2em;
        margin-bottom: 10px; }
      .cTool__result__section--salon .cTool__result__section__col--visual .cTool__result__section__text {
        font-size: 1.5em; }
      .cTool__result__section--salon .cTool__result__section__col--visual .cTool__result__section__description {
        padding-left: 30px; } }

/*	=PLACEHOLDERS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.button.default, .button.button--primary, .button.salonfinderForm__button, .buttonsSubmenu a, .sfinder-filter__filter .item, .contactForm input[type="submit"], .filter .allBrandsButton, .socialBox.blueSocial li, .deactivationPage input[type="submit"], .deactivationPage button {
  background-color: #97b1c4; }

.button.default:hover, .button.button--primary:hover, .button.salonfinderForm__button:hover, .buttonsSubmenu a:hover, .buttonsSubmenu a.active, .sfinder-filter__filter input:checked + .item, .contactForm input[type="submit"] :hover, .filter .allBrandsButton:hover, .socialBox.blueSocial li:hover, .blueBox .uploadPhoto:hover .button, .deactivationPage input[type="submit"] :hover {
  background-color: #5f7d93; }

.tile .mask-headline, .salonMarketing .dotsDescriptionContent {
  text-shadow: rgba(0, 0, 0, 0.75) 0px 1px 2px; }

.tileFacebook .mask {
  background-image: linear-gradient(45deg, rgba(75, 97, 112, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b34b6170', endColorstr='#b3000000',GradientType=1 ); }

.tileTwitter:hover {
  background: #f3f5f7;
  background: rgba(193, 207, 217, 0.2); }

.tileVideo .mask, .tileYoutube .mask {
  background-image: linear-gradient(45deg, rgba(184, 211, 229, 0.6) 0%, rgba(0, 0, 0, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99b8d3e5', endColorstr='#99000000',GradientType=1 ); }

.tileDefault .tileTitle {
  background-image: linear-gradient(90deg, rgba(156, 177, 190, 0.6) 0%, rgba(225, 238, 246, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cb1be', endColorstr='#e1eef6',GradientType=1 ); }

.tile .mask, .detailsList .packshot a .mask {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 100;
  opacity: 0;
  transition-duration: 0.4s; }

.tile:hover .mask,
.tile.effect-on .mask, .detailsList .packshot a:hover .mask {
  opacity: 1;
  visibility: visible; }

.chooseYourCountry .selectBox,
.reviewsWrite__form .selectBox, .panels .searchPane .selectBox, .contactForm .selectBox, .salonfinderForm .selectBox, .deactivationPage .selectBox {
  position: relative; }
  .chooseYourCountry .input-validation-error.selectBox,
  .reviewsWrite__form .input-validation-error.selectBox, .panels .searchPane .input-validation-error.selectBox, .contactForm .input-validation-error.selectBox, .salonfinderForm .input-validation-error.selectBox, .deactivationPage .input-validation-error.selectBox {
    border: 1px solid #b70036; }
    .chooseYourCountry .input-validation-error.selectBox .styled-select-wrapper,
    .reviewsWrite__form .input-validation-error.selectBox .styled-select-wrapper, .panels .searchPane .input-validation-error.selectBox .styled-select-wrapper, .contactForm .input-validation-error.selectBox .styled-select-wrapper, .salonfinderForm .input-validation-error.selectBox .styled-select-wrapper, .deactivationPage .input-validation-error.selectBox .styled-select-wrapper {
      border: none; }
  .chooseYourCountry .selectBox .styled-select-wrapper,
  .reviewsWrite__form .selectBox .styled-select-wrapper, .panels .searchPane .selectBox .styled-select-wrapper, .contactForm .selectBox .styled-select-wrapper, .salonfinderForm .selectBox .styled-select-wrapper, .deactivationPage .selectBox .styled-select-wrapper {
    height: 46px;
    width: 100% !important;
    position: relative;
    overflow: hidden;
    border: 1px solid #4b6170;
    display: table;
    background: #fff;
    box-sizing: border-box; }
  .chooseYourCountry .selectBox .styled-select-text,
  .reviewsWrite__form .selectBox .styled-select-text, .panels .searchPane .selectBox .styled-select-text, .contactForm .selectBox .styled-select-text, .salonfinderForm .selectBox .styled-select-text, .deactivationPage .selectBox .styled-select-text {
    width: auto;
    height: 100%;
    color: #191919;
    padding: 0 28px 0 2%;
    position: relative;
    top: 0;
    left: 0;
    display: table-cell;
    vertical-align: middle;
    line-height: 1;
    text-align: left;
    font-family: "Gotham-Light"; }
  .chooseYourCountry .selectBox .styled-select-button,
  .reviewsWrite__form .selectBox .styled-select-button, .panels .searchPane .selectBox .styled-select-button, .contactForm .selectBox .styled-select-button, .salonfinderForm .selectBox .styled-select-button, .deactivationPage .selectBox .styled-select-button {
    width: 28px;
    height: 100%;
    background: url("../i/sprite/select_arrow.png") center center no-repeat #44443e;
    position: absolute;
    top: 0;
    right: 0; }
  .chooseYourCountry .selectBox select,
  .reviewsWrite__form .selectBox select, .panels .searchPane .selectBox select, .contactForm .selectBox select, .salonfinderForm .selectBox select, .deactivationPage .selectBox select {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-appearance: none; }

.cTool__result__section--salon input[type="text"], .popinTemplate2.popinTemplate2--email .popinDescription input[type="text"], .contactForm input[type="email"], .contactForm input[type="text"], .contactForm input[type="tel"], .contactForm textarea, .searchInput .searchText, .salonfinderForm input.address, .deactivationPage input[type="email"], .deactivationPage input[type="text"], .deactivationPage input[type="tel"], .deactivationPage textarea {
  font-family: "Gotham-Light";
  font-size: 1em;
  color: #191919;
  border: 1px solid #4b6170;
  width: 100%;
  height: 46px;
  padding: 0 2%;
  box-sizing: border-box; }
  .cTool__result__section--salon input.input-validation-error[type="text"], .popinTemplate2.popinTemplate2--email .popinDescription input.input-validation-error[type="text"], .contactForm input.input-validation-error[type="email"], .contactForm input.input-validation-error[type="text"], .contactForm input.input-validation-error[type="tel"], .contactForm textarea.input-validation-error, .searchInput .input-validation-error.searchText, .salonfinderForm input.input-validation-error.address, .deactivationPage input.input-validation-error[type="email"], .deactivationPage input.input-validation-error[type="text"], .deactivationPage input.input-validation-error[type="tel"], .deactivationPage textarea.input-validation-error {
    border: 1px solid #b70036; }

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

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

.tileTwitter.tile--social .mask-content,
.tileFacebook.tile--social .mask-content,
.tileVideo.tile--social .mask-content,
.tileYoutube.tile--social .mask-content, .tilesTrendings .mask-content {
  display: table-cell;
  vertical-align: top; }

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

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

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

/*	=COMMON
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/*----- GLOBAL ------------*/
.main {
  margin: 0 auto;
  position: relative;
  z-index: 100; }

.verticalWrapper {
  display: table;
  width: 100%;
  height: 100%; }

.verticalAlign {
  display: table-cell;
  vertical-align: middle;
  height: auto !important;
  padding: 0 5%; }

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

.line {
  width: 26px;
  height: 3px;
  margin: 20px auto;
  display: inline-block;
  background: #44443e; }

.visualText {
  display: none; }

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

.notifications .active {
  display: block; }

.link {
  font-family: "Gotham-Book";
  font-size: 1.5em;
  color: #4b6170;
  text-decoration: underline;
  display: inline-block; }
  .link:hover {
    text-decoration: none; }

.introTxt {
  text-align: center;
  padding: 10px 0;
  font: 2em/1.2 "Gotham-Book"; }
  @media screen and (min-width: 1000px) and (max-width: 1399px) {
    .introTxt {
      font-family: 1.6em; } }
  @media screen and (min-width: 768px) and (max-width: 999px), print {
    .introTxt {
      font-size: 1.4em; } }
  @media screen and (max-width: 767px) {
    .introTxt {
      font-size: 1.2em; } }

.centerTxt {
  text-align: center; }

/*----- HEADER ------------*/
header {
  height: 70px;
  width: 100%;
  /* IE filter gradient psuje layout w IE8 i IE9 */
  position: fixed;
  top: 0;
  left: 0;
  z-index: 210;
  transition: height 0.8s; }
  header .salon_finder_ico {
    margin: 5px 35px 0 0;
    float: right;
    display: block; }
  header .logo {
    position: absolute;
    left: 50%;
    margin-left: -78px;
    top: 21px;
    z-index: 2; }
    header .logo img {
      transition: all 1s; }
  header .search {
    width: 200px;
    line-height: 1.1;
    position: absolute;
    top: 50%;
    right: 130px;
    margin-top: -12px;
    z-index: 2; }
    header .search a:last-child {
      margin-left: 10px; }
  header .searchWrap {
    border: 3px solid #eef1f3;
    border: 3px solid rgba(139, 159, 172, 0.15);
    width: 194px;
    height: 19px;
    background: #fff;
    background: rgba(255, 255, 255, 0.2);
    float: left; }
  header .searchSubmit {
    margin: 5px 6px 4px;
    float: left;
    cursor: pointer;
    background-color: transparent;
    background-image: url(../i/sprites/sprite.png);
    background-position: -634px -382px;
    width: 10px;
    height: 10px; }
  header input[type="search"] {
    color: #7f7f7f;
    font-size: 1.1em;
    width: 162px;
    height: 19px;
    padding: 0 10px 0 0;
    border: 0;
    float: left;
    background: transparent;
    -webkit-appearance: none; }

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

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

/* Placeholders consistency */
input::-webkit-input-placeholder {
  color: #7f7f7f;
  letter-spacing: 0.5px;
  opacity: 1; }

input:-moz-placeholder {
  color: #7f7f7f;
  letter-spacing: 0.5px;
  opacity: 1; }

::-moz-placeholder {
  color: #7f7f7f;
  letter-spacing: 0.5px;
  opacity: 1; }

input:-ms-input-placeholder {
  color: #7f7f7f;
  letter-spacing: 0.5px;
  opacity: 1; }

.placeholder {
  color: #7f7f7f;
  letter-spacing: 0.5px;
  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; }

/*----- MENU --------------*/
/*----- BRADCRUMBS --------------*/
.breadcrumb {
  font-family: "Gotham-Book";
  font-size: 1.13em;
  color: #fff;
  transition: top 0.8s; }
  .breadcrumb li {
    float: left;
    box-sizing: border-box; }
    .breadcrumb li.current {
      font-family: "Gotham-Bold"; }
    .breadcrumb li a {
      color: inherit;
      font-size: inherit; }
      .breadcrumb li a:hover, .breadcrumb li a:active {
        color: inherit;
        text-decoration: underline; }
  .breadcrumb > li + li:before {
    content: ">";
    font-family: "Gotham-Book";
    color: inherit;
    margin: 0 4px;
    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; }

/*----- FOOTER ------------*/
footer {
  margin: 40px auto 20px;
  overflow: hidden; }
  footer:before, footer:after {
    content: "";
    display: table; }
  footer:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden; }
  footer .col {
    float: left;
    padding: 10px 0 2px; }
    footer .col h3 {
      font-size: 1.383em;
      text-align: center;
      font-family: "Gotham-Light"; }
  footer .col-1 {
    width: 317px; }
    footer .col-1 h3 {
      margin-bottom: 15px; }
    footer .col-1 a {
      padding-left: 10px;
      background: url("../i/sprite/foot-arrow.png") no-repeat 0 center; }
  footer .col-2 {
    width: 412px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5; }
    footer .col-2 h3 {
      margin-bottom: 5px; }
  footer .col-3 {
    width: 269px; }
    footer .col-3 h3 {
      margin-bottom: 13px; }
  footer ul {
    text-align: center; }
    footer ul li {
      text-align: center;
      text-transform: uppercase;
      display: inline-block;
      font-size: 1.1em;
      margin-left: 20px; }
      footer ul li:first-child {
        margin-left: 0; }

footer, footer a {
  color: #44443e;
  transition: opacity 0.2s; }

footer a:hover {
  opacity: 0.7; }

.footerRowWrap {
  width: 100%;
  height: 50px;
  background: #44443e; }

.footerRow {
  margin: 0 auto;
  line-height: 25px;
  color: #999;
  font-size: 0.9em;
  font-weight: bold; }
  .footerRow a {
    color: #999;
    transition: color 0.2s; }
    .footerRow a:hover {
      color: #fff; }
  .footerRow .left {
    float: left; }
  .footerRow .center {
    float: left;
    margin-left: 182px; }
  .footerRow .right {
    float: right; }
  .footerRow .footerMenu li {
    float: left; }
    .footerRow .footerMenu li.first a {
      margin-left: 0; }
      .footerRow .footerMenu li.first a:before {
        content: "";
        border: 0 !important; }
  .footerRow .footerMenu a {
    position: relative;
    padding: 0 12px 0 0;
    margin-left: 16px; }
    .footerRow .footerMenu a:before {
      content: "";
      border-top: 1px solid #999;
      width: 4px;
      height: 1px;
      display: block;
      position: absolute;
      left: -16px;
      top: 50%; }
  .footerRow .copyright {
    text-align: center; }
  .footerRow .BBB a {
    display: inline-block;
    text-indent: -9999px;
    margin: 3px 0 0 10px;
    background-image: url(../i/sprites/sprite.png);
    background-position: -372px -431px;
    width: 49px;
    height: 19px; }
  .footerRow .adchoices a {
    text-transform: uppercase;
    padding-right: 16px;
    background: transparent url("../i/sprite/ad-choice-icon.png") center right no-repeat; }

.countrySelector a {
  margin: 0 auto;
  display: inline-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 #999;
    top: 10px;
    right: 0;
    position: absolute; }

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

/*----- 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 li {
    float: left;
    text-align: center;
    width: 150.6px;
    overflow: hidden; }
  ul.brandsList a {
    text-transform: uppercase;
    box-sizing: border-box;
    border-right: 1px solid #f5f5f5;
    display: block;
    position: relative;
    z-index: 1;
    min-height: 173px;
    transition: all 0.3s linear; }
    ul.brandsList a:hover, ul.brandsList a.active {
      background: #f7f9fb; }
    ul.brandsList a.plus-ico:before {
      content: "+";
      position: absolute;
      bottom: 10px;
      right: 10px;
      font-family: arial;
      font-size: 1em;
      z-index: 2; }
  ul.brandsList h3 {
    z-index: 2;
    position: absolute;
    bottom: 14px;
    font-size: 1.2em;
    padding-top: 10px;
    width: 100%;
    text-align: center;
    font-family: "Gotham-Medium"; }
    ul.brandsList h3 span {
      display: block;
      font-family: "Gotham-Book";
      font-family: 0.9em; }

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

/*----- PANELS ------------*/
.panels {
  margin-top: 30px; }
  .panels .block {
    width: 662px;
    height: 388px;
    position: relative;
    float: left;
    color: #fff;
    font-family: "Gotham-Light";
    text-transform: uppercase; }
    .panels .block .content {
      width: 253px; }
      .panels .block .content a {
        display: table-cell;
        vertical-align: middle;
        color: #fff; }
      .panels .block .content span {
        font-size: 2.5em;
        padding: 5px 20px;
        display: block; }
    .panels .block .boldText {
      font-family: "Gotham-Medium"; }
    .panels .block .packshot {
      position: absolute;
      top: 0;
      max-height: 100%; }
  .panels .nextBtn {
    position: absolute;
    top: 50%;
    margin-top: -23px; }
  .panels .block-1 .content {
    float: left;
    height: 100%;
    text-align: left;
    display: table;
    position: relative;
    z-index: 101;
    background: #648297; }
  .panels .block-1 .packshot {
    right: 0; }
  .panels .block-1 .nextBtn {
    right: 0; }
  .panels .block-2 {
    float: right; }
    .panels .block-2 .content {
      float: right;
      height: 100%;
      text-align: right;
      display: table;
      position: relative;
      z-index: 101;
      background: #9cb4c6; }
    .panels .block-2 .packshot {
      left: 0; }
    .panels .block-2 .nextBtn {
      right: 253px; }
  .panels .searchPane {
    position: absolute;
    top: 133.5px;
    left: 60px;
    width: 290px;
    z-index: 100; }
    .panels .searchPane .selectBox {
      margin-bottom: 10px; }
      .panels .searchPane .selectBox .styled-select-wrapper {
        height: 46px;
        border: none; }
      .panels .searchPane .selectBox .styled-select-text {
        text-transform: none;
        font-family: "Gotham-Light";
        font-size: 1.4em;
        padding: 0 47px 0 10px;
        letter-spacing: 0.5px; }
    .panels .searchPane input[type='text'] {
      font-family: "Gotham-Light";
      color: #191919;
      width: 242px;
      height: 46px;
      float: left;
      font-size: 1.4em;
      padding: 0 10px; }
    .panels .searchPane input[type='submit'] {
      float: left;
      cursor: pointer;
      background-image: url(../i/sprites/sprite.png);
      background-position: -533px -404px;
      width: 28px;
      height: 46px; }

/*	=DETAILS LIST
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.detailsList {
  clear: both;
  margin-top: 50px; }
  .detailsList .wrap {
    padding-top: 20px;
    margin-top: 20px; }
    .detailsList .wrap:before {
      content: '';
      width: 26px;
      height: 2px;
      background: #44443e;
      display: block;
      float: right;
      margin-top: -20px; }
  .detailsList h2 {
    font-size: 3.5em;
    font-family: "Gotham-Light";
    position: relative;
    text-transform: uppercase; }
    .detailsList h2 strong {
      font-size: 1.14em;
      font-family: "Gotham-Medium";
      display: block;
      font-weight: normal; }
    .detailsList h2 + span {
      font-family: "Gotham-Book";
      font-size: 1.6em;
      margin: -15px 0 20px;
      display: block; }
  .detailsList h3 {
    font-size: 1.6em;
    font-family: "Gotham-Book";
    padding: 10px 0; }
  .detailsList .row:before, .detailsList .row:after {
    content: "";
    display: table; }
  .detailsList .row:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden; }
  .detailsList .row .buttons {
    text-align: right; }
  .detailsList .rowLeft .packshot, .detailsList .rowLeft .wrap:before {
    float: left; }
  .detailsList .rowLeft .description {
    text-align: left; }
  .detailsList .rowLeft .inner {
    padding: 76px 10px 76px 76px; }
  .detailsList .rowLeft .buttons {
    text-align: left; }
  .detailsList img {
    width: 100%;
    display: block;
    transition: all 0.4s cubic-bezier(0.105, 0.86, 0.52, 0.965); }
  .detailsList .packshot {
    float: right;
    width: 50%;
    overflow: hidden; }
    .detailsList .packshot a {
      position: relative;
      display: block; }
      .detailsList .packshot a .mask {
        display: block; }
      .detailsList .packshot a:hover img {
        -ms-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2); }
      .detailsList .packshot a:hover .mask {
        background: rgba(53, 84, 110, 0.5); }
      .detailsList .packshot a.videoLink:before {
        content: '';
        background-image: url(../i/sprites/sprite.png);
        background-position: -93px -120px;
        width: 90px;
        height: 90px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -45px 0 0 -45px; }
  .detailsList .description {
    float: right;
    width: 50%;
    text-align: right;
    font-family: "Gotham-Book"; }
  .detailsList p, .detailsList ul {
    font-size: 1.6em;
    margin-bottom: 10px; }
    .detailsList p a, .detailsList ul a {
      text-decoration: underline; }
  .detailsList li {
    padding: 15px 0; }
  .detailsList .inner {
    padding: 76px 76px 76px 10px; }
  .detailsList .buttons {
    margin: 0; }
  .detailsList .button {
    margin: 30px 0 0; }
  .detailsList .succesStories {
    margin-top: 20px;
    text-align: center; }
    .detailsList .succesStories h2 {
      text-align: center;
      margin-bottom: 20px; }
      .detailsList .succesStories h2:before {
        background: none; }

/*	=POPIN POPUP
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.popinActive .main {
  z-index: initial; }

.global-popup-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #8b9fac;
  opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 9000;
  display: none;
  transform: translateZ(0); }
  .global-popup-overlay.is-loading {
    display: block;
    background: url("../i/loaders/trending-stories.gif") no-repeat center #fff; }
  .global-popup-overlay.getDirectionsOverlay {
    opacity: 0;
    filter: alpha(opacity=0); }
  .global-popup-overlay.js-overlay-visible {
    display: block; }

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

.global-popin-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;
  text-align: left; }
  .popinTemplate2 .close {
    font-size: 1.6em;
    line-height: 17px;
    width: 17px;
    height: 17px;
    text-align: center;
    font-family: "Gotham-Light";
    color: #fff;
    background-color: #97b1c4; }
  .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: "Gotham-Light";
    line-height: 1; }
  .popinTemplate2 .name {
    bottom: 100px;
    background: #000; }
  .popinTemplate2 .position {
    bottom: 50px;
    background: #c8013c; }
    .popinTemplate2 .position .award {
      font-family: "Gotham-Book"; }
  .popinTemplate2 .changeYearNav {
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: opacity, 0.3s, ease-out; }
    .popinTemplate2 .changeYearNav li {
      position: absolute;
      top: 50%;
      margin-top: -28px;
      width: 37px; }
    .popinTemplate2 .changeYearNav a {
      background-color: transparent;
      display: block; }
    .popinTemplate2 .changeYearNav .next {
      right: 0; }
      .popinTemplate2 .changeYearNav .next a {
        background-image: url(../i/sprites/sprite.png);
        background-position: -487px -102px;
        width: 37px;
        height: 56px; }
    .popinTemplate2 .changeYearNav .prev {
      left: 0; }
      .popinTemplate2 .changeYearNav .prev a {
        background-image: url(../i/sprites/sprite.png);
        background-position: -487px -46px;
        width: 37px;
        height: 56px; }
  .popinTemplate2 .popinDescription {
    width: 460px;
    height: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
    color: #44443e; }
    .popinTemplate2 .popinDescription h2 {
      font-family: "Gotham-Medium";
      font-size: 3.4em;
      line-height: 1;
      padding: 10px 0 20px; }
    .popinTemplate2 .popinDescription h3 {
      font-family: "Gotham-Light";
      font-size: 2.4em;
      line-height: 1;
      padding: 0 0 30px; }
    .popinTemplate2 .popinDescription p {
      font-size: 1.4em;
      line-height: 1.4;
      font-family: "Gotham-Book"; }
    .popinTemplate2 .popinDescription .buttons {
      position: absolute;
      bottom: 75px;
      left: 55px;
      right: 55px;
      margin: 0;
      text-align: left; }
    .popinTemplate2 .popinDescription:before {
      content: "";
      width: 5px;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background-image: linear-gradient(0deg, #888389 0%, #dcdadc 100%); }
  .popinTemplate2 .seeMoreLink {
    display: none; }
  .popinTemplate2 .socialBox {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0; }
    .popinTemplate2 .socialBox ul {
      font-size: 1em; }
  .popinTemplate2 .scrollWrapper {
    position: absolute;
    overflow: hidden;
    top: 60px;
    left: 60px;
    right: 60px;
    bottom: 175px;
    width: auto; }
  .popinTemplate2 .scroller {
    width: 95%; }
  .popinTemplate2 .iScrollVerticalScrollbar {
    background: #e8ecee;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 8px; }
  .popinTemplate2 .iScrollIndicator {
    background: #5f7d93;
    margin: 0 2px; }
  .popinTemplate2 hr {
    position: absolute;
    bottom: 49px;
    left: 5%;
    width: 90%;
    display: none; }
  .popinTemplate2.popinOneAboveOther {
    width: 850px;
    padding: 40px; }
    .popinTemplate2.popinOneAboveOther .popinVisual, .popinTemplate2.popinOneAboveOther .popinDescription {
      width: 100%;
      height: auto;
      float: none; }
    .popinTemplate2.popinOneAboveOther .popinDescription {
      height: 262px; }
      .popinTemplate2.popinOneAboveOther .popinDescription:before {
        display: none; }
      .popinTemplate2.popinOneAboveOther .popinDescription .button {
        font-size: 1.2em;
        padding: 12px 10px 8px 26px;
        display: none; }
    .popinTemplate2.popinOneAboveOther .scrollWrapper {
      top: 25px;
      left: 0;
      right: 0;
      bottom: 60px; }
    .popinTemplate2.popinOneAboveOther .socialBox {
      bottom: 0; }
    .popinTemplate2.popinOneAboveOther .close {
      top: 13px;
      right: 13px; }
  .popinTemplate2.popinTemplate2--email {
    background: url("../i/send-chat.jpg") 0 0 no-repeat;
    width: 460px;
    min-height: 390px; }
    .popinTemplate2.popinTemplate2--email .popinDescription {
      height: 425px; }
      .popinTemplate2.popinTemplate2--email .popinDescription:before {
        display: none; }
      .popinTemplate2.popinTemplate2--email .popinDescription label {
        font-family: "Gotham-Book";
        font-size: 1.6em; }
      .popinTemplate2.popinTemplate2--email .popinDescription input[type="text"] {
        font-size: 1.6em; }
      .popinTemplate2.popinTemplate2--email .popinDescription dt {
        margin-bottom: 5px; }
      .popinTemplate2.popinTemplate2--email .popinDescription dd {
        margin-bottom: 15px; }
        .popinTemplate2.popinTemplate2--email .popinDescription dd:last-child {
          margin-bottom: 0; }
      .popinTemplate2.popinTemplate2--email .popinDescription .allRow {
        text-align: right; }
        .popinTemplate2.popinTemplate2--email .popinDescription .allRow .button {
          display: inline-block;
          font-size: 2em;
          padding: 15px 22px 11px 26px; }
  .popinTemplate2.popinTemplate2--guidelines {
    min-height: 390px; }
    .popinTemplate2.popinTemplate2--guidelines .popinDescription {
      height: 450px; }
    .popinTemplate2.popinTemplate2--guidelines .scrollWrapper {
      bottom: 25px; }

/* popinTemplate2 */
.popupTemplate {
  position: relative;
  background: #fff;
  width: 500px;
  height: 190px;
  background-color: #fff;
  display: inline-block;
  /* small */ }
  .popupTemplate .close {
    font-size: 3.3em;
    line-height: 23px;
    font-family: "Gotham-Light";
    color: #000;
    background: transparent; }
  .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: "Gotham-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; }

.voucherPopin {
  width: 680px;
  padding: 50px 100px 20px; }
  .voucherPopin.popinTemplate2 {
    min-height: auto; }
  .voucherPopin h4 {
    font-family: "Gotham-Medium";
    font-size: 4em; }
  .voucherPopin .subTitle {
    display: block;
    font-family: "Gotham-Book";
    font-size: 0.4em;
    margin-top: 20px;
    padding-top: 23px;
    position: relative; }
    .voucherPopin .subTitle:before {
      content: '';
      height: 3px;
      width: 26px;
      background: #44443e;
      position: absolute;
      left: 0;
      top: 0; }
  .voucherPopin .selectBox {
    width: 48%;
    display: inline-block;
    float: left;
    margin-right: 2%; }
    .voucherPopin .selectBox:nth-child(odd) {
      float: right;
      margin-right: 0; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .voucherPopin {
      width: 400px;
      padding: 30px 50px 0; }
      .voucherPopin h4 {
        font-size: 2.3em; }
      .voucherPopin .subTitle {
        font-size: 0.5em;
        margin-top: 10px;
        padding-top: 12px; }
        .voucherPopin .subTitle:before {
          width: 15px;
          height: 2px; } }
  @media only screen and (max-width: 767px) {
    .voucherPopin.popinTemplate2 {
      width: 94%;
      padding: 20px 3% 0; }
    .voucherPopin h4 {
      font-size: 1.9em;
      font-family: "Baskerville";
      text-align: center;
      color: #4b6170; }
    .voucherPopin .subTitle {
      color: #44443e;
      font-size: 0.8em;
      margin-top: 0;
      padding: 10px 0 20px;
      text-align: left; }
      .voucherPopin .subTitle:before {
        display: none; }
    .voucherPopin .allRow {
      text-align: center; } }

/*----- HOMEPAGE ----------*/
/*	=TOP MAIN VISUAL
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.topMainVisual {
  position: relative;
  width: 100%;
  padding-top: 110px;
  /* 	OLD SLIDER
	.slides-wrap, .slide { width: 100%; }
	.slider-pagination {
	    left: 0;
	    bottom: 2%;
	    position: absolute;
	    text-align: center;
	    width: 100%;
	    height: 50%;
	    .js-paginator {
			position: absolute;
			bottom: 0;
			left: 0;
			text-align: center;
			width: 100%;
	        z-index: 11;
		}
		.js-page {
	    	display: inline-block;
	    	margin: 0 5px;
	    	a {
		        overflow: hidden;
		        display: block;
		        width: 16px;
		        height: 16px;
		        border-radius: 50%;
		        background: #fff;
		        font-size: 0;
		        text-indent: -9999em;
		        @include box-sizing(border-box);
		    }
	    }
		.js-page.js-page-current a {
			background: #82a2b9;
			border: 2px solid #7391a7;
		}
	    .button-prev, .button-next {
	        display: block;
	        position: absolute;
	        top: 0;
	        z-index: 11;
	    }
	    .button-prev {
	    	@include sprite($sprite-s-1400, arrow_slider_prev);
	    	left: 2%;
	    }
	    .button-next {
	    	@include sprite($sprite-s-1400, arrow_slider_next);
	    	right: 2%;
	    }
		.js-disabled {display: none;}
	}
*/ }
  .topMainVisual .bx-wrapper {
    position: relative; }
    .topMainVisual .bx-wrapper .bx-viewport {
      z-index: 4; }
  .topMainVisual.home .buttons {
    width: auto; }
  .topMainVisual.home .col {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }

.slides {
  width: 100%; }
  .slides .slick-arrow {
    display: block;
    position: absolute;
    top: 40%;
    z-index: 11;
    overflow: hidden;
    text-indent: -9999em;
    font-size: 0;
    border: 0 none;
    cursor: pointer;
    background-color: transparent; }
  .slides .slick-prev {
    background-image: url(../i/sprites/sprite.png);
    background-position: -648px -32px;
    width: 21px;
    height: 38px;
    left: 2%; }
  .slides .slick-next {
    background-image: url(../i/sprites/sprite.png);
    background-position: -648px -70px;
    width: 21px;
    height: 38px;
    right: 2%; }

.slick-dots {
  position: absolute;
  bottom: 20px;
  left: 0;
  text-align: center;
  width: 100%;
  z-index: 11; }
  .slick-dots li {
    display: inline-block;
    margin: 0 5px; }
  .slick-dots button {
    overflow: hidden;
    display: block;
    width: 16px;
    height: 16px;
    border: 0 none;
    cursor: pointer;
    border-radius: 50%;
    background: #fff;
    font-size: 0;
    text-indent: -9999em;
    box-sizing: border-box; }
  .slick-dots .slick-active button {
    background: #82a2b9;
    border: 2px solid #7391a7; }

/*	=TRENDING STORIES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.tilesTrendings {
  padding-bottom: 30px;
  position: relative;
  margin-bottom: 0 !important; }
  .tilesTrendings .loader {
    position: absolute;
    left: 0;
    bottom: 0;
    display: none;
    width: 100%;
    height: 30px;
    z-index: 100; }
    .tilesTrendings .loader.active {
      display: block; }
    .tilesTrendings .loader .spinningMeat {
      position: absolute;
      background: url("../i/loaders/trending-stories.gif");
      width: 30px;
      height: 30px;
      margin-left: -15px;
      margin-top: -15px;
      left: 50%;
      bottom: 0; }

/* =CONTACT US PAGE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.contactContent {
  font-family: "Gotham-Book";
  margin: 40px 0 20px;
  font-size: 1.6em; }
  .contactContent h2 {
    font-family: "Gotham-Light";
    font-size: 2.5em;
    margin-bottom: 20px; }
  .contactContent h3 {
    font-family: "Gotham-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 .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: 23px; }
  .contactForm dd {
    float: left;
    clear: right;
    width: 70%;
    padding: 0;
    margin-bottom: 20px;
    line-height: 40px; }
  .contactForm input[type="submit"] {
    font-size: 1.3em;
    float: right; }
  .contactForm textarea {
    padding: 2%;
    height: 150px; }
  .contactForm .validation-error-message {
    color: #b70036;
    display: block;
    overflow: hidden;
    line-height: 1;
    height: 20px;
    padding: 10px 0;
    transition: height 1s; }
    .contactForm .validation-error-message.active {
      height: 2em; }
  .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.75em; }
  .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, 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; }

.contactAdresses ul li strong {
  font-family: arial, sans-serif; }

.contactAdresses > h2 {
  font-family: arial, sans-serif; }

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

.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;
  display: none; }
  .distributorsPopup .buttons {
    margin: 10px 10px 0; }
  .mfp-ready .distributorsPopup {
    display: block; }

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

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

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

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

/* =SEARCH RESLUTS PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.searchContent h1 {
  font-family: "Gotham-Light";
  font-size: 4em;
  text-transform: uppercase;
  text-align: center; }
  .searchContent h1 span {
    font-family: "Gotham-Medium"; }

.searchInput {
  margin: 90px 0 65px;
  text-align: center; }
  .searchInput label {
    display: inline-block;
    vertical-align: top; }
  .searchInput .searchText {
    background: url("../i/sprite/search_button.png") no-repeat scroll 10px center #fff;
    font-size: 1.4em;
    padding-left: 45px;
    width: 580px; }
  .searchInput .button {
    margin-left: 10px; }

.searchResult {
  margin-top: 80px; }
  .searchResult li {
    padding-bottom: 40px;
    margin-top: 45px;
    position: relative; }
    .searchResult li:first-child {
      margin-top: 0; }
    .searchResult li:before {
      content: "";
      width: 680px;
      height: 1px;
      background: #e2e2e2;
      position: absolute;
      bottom: 0;
      left: 0; }
  .searchResult h3 {
    font-family: "Gotham-Light";
    font-size: 3em;
    text-transform: uppercase; }
  .searchResult p {
    font-family: "Gotham-Book";
    font-size: 1.6em;
    margin: 22px 0 13px; }
  .searchResult .searchPage {
    font-family: "Gotham-Medium";
    font-size: 1.6em;
    background: url("../i/sprite/button_arrow_blue.png") no-repeat scroll 0 4.5px;
    padding-left: 15px;
    color: #5f7d93;
    text-decoration: underline; }
    .searchResult .searchPage:hover {
      color: #97b1c4;
      text-decoration: none; }

/*	=SALON FINDER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.salonfinderForm {
  margin: 0 auto; }
  .salonfinderForm .selectBox {
    font-size: 1.4em; }
  .salonfinderForm input.address {
    float: left;
    margin: 0;
    font-size: 1.4em; }
  .salonfinderForm input.button {
    margin: 0;
    padding-right: 14px;
    float: right; }

.salonElement.salonElement {
  height: auto; }
  .salonElement.salonElement .salonData {
    float: none;
    padding-left: 20%; }

/*	=FILTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.filter {
  text-align: center;
  padding: 40px 0 25px 0;
  font-family: "Gotham-Medium"; }
  .filter:before, .filter:after {
    content: "";
    display: table; }
  .filter:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden; }
  .filter ul.filter-list {
    display: inline-block;
    /* fix na centrowanie */ }
  .filter .filter-list li {
    font-size: 1.4em;
    line-height: 26px;
    float: left; }
  .filter .filter-list .title {
    float: left;
    padding-right: 10px; }
  .filter .allBrandsButton {
    display: block;
    padding: 0 20px;
    margin: 0 0 5px 10px;
    color: #fff;
    font-family: "Gotham-Medium";
    line-height: 26px;
    border: 0 none; }

/*	=PRODUCTS PAGES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.watchword {
  text-align: center;
  line-height: 1;
  padding: 6em 0 4em; }
  .watchword h2 {
    font-size: 6em;
    font-family: "Gotham-Medium"; }
  .watchword h3 {
    font-size: 6em;
    font-family: "Gotham-Light"; }
    .watchword h3 br {
      display: none; }
  .watchword.sideBySide h2, .watchword.sideBySide h3 {
    display: inline-block;
    margin: 0 0.1em; }
  .watchword p {
    margin: 40px 0;
    font-size: 1.6em;
    font-family: "Gotham-Book";
    line-height: 1.6; }

.productSubMenu {
  width: 214px;
  margin-top: 20px;
  float: left;
  display: table; }
  .productSubMenu li {
    background: #f5f5f5;
    border-bottom: 2px solid #fff; }
  .productSubMenu a {
    height: 70px;
    width: 187px;
    padding-left: 27px;
    display: table-cell;
    margin-bottom: 1px;
    position: relative;
    font-size: 1.7em;
    font-family: "Gotham-Book";
    line-height: 1.2;
    vertical-align: middle;
    text-transform: uppercase;
    position: relative; }
  .productSubMenu a.active, .productSubMenu a:hover {
    color: #fff;
    background-color: #8b9fac;
    background-image: linear-gradient(90deg, #8b9fac 0%, #c4cfd7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b9fac', endColorstr='#c4cfd7',GradientType=1 ); }
    .productSubMenu a.active:before, .productSubMenu a:hover:before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -10px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 0 10px 10px;
      border-color: transparent transparent transparent #fff; }

.productInformation > div {
  float: left; }

.productInformation .packshot {
  width: 458px;
  text-align: center; }
  .productInformation .packshot img {
    height: inherit; }

.productInformation .description {
  width: 685px;
  line-height: 25px; }
  .productInformation .description h3 {
    font-size: 4em;
    font-family: "Gotham-Medium";
    margin-bottom: 4%;
    line-height: 1em; }
  .productInformation .description p {
    margin: 4% 0;
    font-size: 1.6em;
    font-family: "Gotham-Book"; }
  .productInformation .description .contentList {
    margin-bottom: 20px; }
  .productInformation .description .button {
    margin-left: 0; }

.productInformation .arrowLink {
  font-family: "Gotham-Medium";
  font-size: 1.6em;
  color: #658398;
  text-decoration: underline;
  margin: 4.09367% 15px 4.20913%;
  display: block;
  position: relative; }
  .productInformation .arrowLink:before {
    content: '>';
    position: absolute;
    top: 0;
    left: -15px; }

.socialBox {
  text-align: center;
  margin: 30px 0; }
  .socialBox .shadow {
    display: inline-block;
    height: 2px;
    width: 125px;
    margin-bottom: 23px; }
  .socialBox .shadow.left {
    background-image: linear-gradient(left, rgba(255, 255, 255, 0), #cccccc); }
  .socialBox .shadow.right {
    background-image: linear-gradient(left, #cccccc, rgba(255, 255, 255, 0)); }
  .socialBox li {
    display: inline-block;
    margin: 3px 20px;
    transition-property: opacity;
    transition-duration: 0.2s; }
    .socialBox li:hover {
      opacity: 0.7; }
  .socialBox .facebookButton {
    background-image: url(../i/sprites/sprite.png);
    background-position: -570px -111px;
    width: 42px;
    height: 41px;
    float: left; }
  .socialBox .tweetButton {
    background-image: url(../i/sprites/sprite.png);
    background-position: -570px -152px;
    width: 42px;
    height: 41px;
    float: left; }
  .socialBox .pinItButton {
    background-image: url(../i/sprites/sprite.png);
    background-position: -570px -70px;
    width: 42px;
    height: 41px;
    float: left; }
  .socialBox.alignLeft {
    text-align: left; }
  .socialBox.blueSocial {
    width: 100%;
    text-align: center;
    margin: 0; }
    .socialBox.blueSocial ul {
      display: inline-block; }
    .socialBox.blueSocial li {
      float: left;
      margin: 0 5px 0 0;
      padding: 0; }
    .socialBox.blueSocial a {
      display: block;
      width: 28px;
      height: 28px;
      border: 1px solid #97b1c4; }
    .socialBox.blueSocial .shareOn {
      background-color: #fff;
      height: 28px;
      line-height: 28px;
      font-size: 1.4em;
      font-family: "Gotham-Book";
      padding: 0 12px;
      margin-right: 0;
      color: #97b1c4;
      border: 1px solid #97b1c4; }
      .socialBox.blueSocial .shareOn:hover {
        background-color: #fff; }
    .socialBox.blueSocial .facebookButton {
      background-image: url(../i/sprites/sprite.png);
      background-position: 0px -628px;
      width: 28px;
      height: 28px; }
    .socialBox.blueSocial .tweetButton {
      background-image: url(../i/sprites/sprite.png);
      background-position: -414px -592px;
      width: 28px;
      height: 28px; }
    .socialBox.blueSocial .pinItButton {
      background-image: url(../i/sprites/sprite.png);
      background-position: -386px -592px;
      width: 28px;
      height: 28px; }
    .socialBox.blueSocial .instagramButton {
      background-image: url(../i/sprites/sprite.png);
      background-position: -28px -628px;
      width: 28px;
      height: 28px; }
    .socialBox.blueSocial .youtubeButton {
      background-image: url(../i/sprites/sprite.png);
      background-position: -526px -592px;
      width: 28px;
      height: 28px; }

/*	=SITEMAP
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.sitemap {
  margin-top: 80px;
  padding-bottom: 15px;
  position: relative; }
  .sitemap:before {
    content: "";
    width: 1px;
    background: #e2e2e2;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -0.5px; }

.sitemap__col {
  width: 50%;
  display: inline-block;
  float: left;
  padding: 0 0 0 30px;
  box-sizing: border-box; }
  .sitemap__col:first-child {
    padding: 0 30px 0 0; }
  .sitemap__col:last-child .sitemap__box:last-child {
    padding-bottom: 39px;
    border-bottom: 1px solid #e2e2e2; }

.sitemap__box {
  padding-top: 37px;
  margin-top: 40px;
  border-top: 1px solid #e2e2e2; }
  .sitemap__box:first-child {
    padding: 0;
    margin: 0;
    border: none; }

.sitemap__header {
  font-family: "Gotham-Light";
  font-size: 4em;
  text-transform: uppercase;
  margin-bottom: 35px; }
  .sitemap__header span {
    font-family: "Gotham-Medium"; }

.sitemap__links li {
  margin-top: 20px; }
  .sitemap__links li:first-child {
    margin-top: 0; }

.sitemap__links a {
  font-family: "Gotham-Medium";
  font-size: 2em;
  color: #4b6170;
  text-transform: uppercase;
  transition: color 0.2s; }
  .sitemap__links a:hover {
    color: #97b1c4; }

.sitemap__links.sitemap__links--inner li {
  margin-top: 10px; }

.sitemap__links.sitemap__links--inner a {
  text-transform: none;
  color: #44443e; }
  .sitemap__links.sitemap__links--inner a:hover {
    color: #97b1c4; }

/*	=ERROR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.errorPage .pictureFrame .colRight h1 {
  font-size: 20em;
  color: #fff;
  color: rgba(255, 255, 255, 0.5);
  margin: 0;
  line-height: 1; }

.searchContent--error .searchInput {
  margin: 50px 0; }

.searchContent--error p {
  font-family: "Gotham-Book";
  font-size: 1.6em;
  margin-bottom: 50px; }

.searchContent--error .button--back {
  margin: 50px 0 0; }

/*	=COUNTRY SELECTOR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.countryselector {
  background: rgba(255, 255, 255, 0.5);
  display: table;
  width: 100%;
  text-align: left;
  position: relative;
  box-sizing: border-box; }
  .countryselector a {
    transition: color 0.2s; }
    .countryselector a:hover {
      color: #5f7d93 !important; }

.pictureFrame .colRight .countryselector__header {
  font-family: "Gotham-Medium";
  text-transform: uppercase; }
  .pictureFrame .colRight .countryselector__header a {
    color: #4b6170; }

.countryselector__col {
  display: table-cell;
  box-sizing: border-box; }

.countryselector__box:first-child {
  margin-top: 0; }

.countryselector__links li {
  display: block;
  font-family: "Gotham-Book"; }

/*	=SALON MARKETING
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.customizeBox {
  text-align: center;
  text-transform: uppercase; }
  .customizeBox h3 {
    font-family: "Gotham-Book"; }
  .customizeBox .customizeBox__item {
    display: inline-block;
    width: 100%; }
    .customizeBox .customizeBox__item:last-child {
      margin: 0; }
    .customizeBox .customizeBox__item > * {
      display: inline-block; }
  .customizeBox p {
    font-family: "Gotham-Light"; }

/*	=STYLE VISON
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.styleVision .download {
  display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: super; }

.smartAppLinkBig {
  margin: 15px 5px 0;
  display: inline-block; }

.smartAppLinkSmall {
  margin: -10px 5px;
  display: inline-block; }

/*	=FAQ
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.faqQuestionAndAnswers {
  border-bottom: 2px solid #e2e2e2; }

.faqQuestion {
  font-family: "Gotham-Book";
  font-size: 3em;
  padding: 40px 55px 40px 0;
  border-top: 2px solid #e2e2e2;
  position: relative;
  cursor: pointer; }
  .faqQuestion:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -25px;
    background-image: url(../i/sprites/sprite.png);
    background-position: -436px -153px;
    width: 50px;
    height: 50px; }

.faqAnswer {
  font-family: "Gotham-Book";
  font-size: 1.6em;
  line-height: 1.4;
  margin-bottom: 60px;
  display: none; }

.faqImg {
  float: right;
  margin: 0 0 20px 20px;
  max-width: 680px; }

.activeQuestion .faqQuestion:before {
  background-image: url(../i/sprites/sprite.png);
  background-position: -436px -203px;
  width: 50px;
  height: 50px; }

.activeQuestion .faqAnswer {
  display: block; }

/*	=TERMS & CONDITIONS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.termsAndConditions {
  font-size: 1.2em;
  line-height: 1.4;
  margin-top: 130px;
  font-family: "Gotham-Book"; }
  .termsAndConditions * {
    padding: 10px 0; }
  .termsAndConditions h1 {
    font-family: "Baskerville-Bold";
    font-size: 1.4em; }
  .termsAndConditions h2 {
    font-family: "Baskerville-SemiBold";
    font-size: 1.2em; }
  .termsAndConditions ol {
    list-style-type: decimal;
    padding: 0 0 0 30px; }
  .termsAndConditions li {
    padding: 5px 0; }

/*	=UNSUBSCRIBE PAGE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.unsubscribe {
  font-size: 1.6em;
  margin-top: 30px;
  font-family: "Gotham-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: "Gotham-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 .contactForm input[type="submit"] {
    margin: 15px 0 10px;
    float: none; }
  .unsubscribe .popupTemplate {
    left: 50%;
    width: 400px;
    min-height: 180px;
    height: auto;
    margin-left: -200px;
    z-index: 9002; }
    .unsubscribe .popupTemplate .close {
      font-family: "Gotham-Light"; }
    .unsubscribe .popupTemplate .content h2 {
      color: #97b1c4; }
    .unsubscribe .popupTemplate .content p.text {
      font-family: "Gotham-Book";
      margin: 0 !important; }

/*	=SUBSCRIBE PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.subscribe {
  font-size: 1.6em;
  margin-top: 30px;
  font-family: "Gotham-Book";
  border-bottom: 1px solid #dfdfdf; }
  .subscribe i {
    font-size: 0.8em;
    display: block;
    margin-top: 8px; }
  .subscribe h2 {
    font-family: "Gotham-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: 632px; }
  .subscribe .styled-select-wrapper {
    float: right; }
  .subscribe .contactForm .selectComboWrap {
    float: right; }
  .subscribe .contactForm .selectBox {
    float: right;
    width: 300px; }
    .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[type="submit"] {
    margin: 15px 0 10px;
    float: none; }
  .subscribe input + .validation-error-message {
    width: 600px;
    float: right;
    padding: 5px 4% 0 0; }
  .subscribe .popupTemplate {
    left: 50%;
    width: 400px;
    min-height: 180px;
    height: auto;
    margin-left: -200px; }
    .subscribe .popupTemplate .close {
      font-family: "Gotham-Light"; }
    .subscribe .popupTemplate .content h2 {
      color: #97b1c4; }
    .subscribe .popupTemplate .content p.text {
      font-family: "Gotham-Book";
      margin: 0 !important; }

/*	=MONEY BACK GUARANTEE PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.mbg .pictureFrame .prodInfo {
  font-family: "Gotham-Medium";
  font-size: 3.6em; }

.mbg .pictureFrame .colRight h1.large {
  margin-bottom: 0; }

.mbg .detailsList p {
  text-transform: uppercase;
  line-height: 28px;
  font-weight: 600;
  margin: 0; }

.mbg .detailsList .button {
  margin: 80px 0 90px; }

.mbg .detailsList .disclaimer {
  font-size: 1.4em;
  line-height: 22px; }
  .mbg .detailsList .disclaimer .link {
    font-size: 1em; }

/*	=MEMORIAS COMPLETAS PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.blueBox {
  background-color: #e1eef6;
  padding: 0 15px 32px;
  margin: 48px 0;
  font-family: "Gotham-Light";
  position: relative; }
  .blueBox .title {
    padding: 33px 0 24px;
    font-size: 32px; }
    @media only screen and (max-width: 767px) {
      .blueBox .title {
        font-size: 26px; } }
  .blueBox .subtitle {
    font-size: 18px; }
  .blueBox .steps {
    padding: 48px 15px 42px;
    border-bottom: 1px solid #fff; }
  .blueBox .step {
    width: 31.2%;
    padding: 1%;
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #fff; }
    .blueBox .step:last-child {
      border: 0 none; }
    @media only screen and (max-width: 767px) {
      .blueBox .step {
        width: 100%;
        padding: 10px 0;
        border-right: 0 none;
        border-bottom: 1px solid #fff; } }
  .blueBox .stepTitle {
    font-size: 17px; }
  .blueBox .stepNum {
    color: #fff;
    font: 50px/1 "Gotham-Medium";
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px; }
  .blueBox .stepForm {
    padding: 30px 0; }
  .blueBox input[type='text'], .blueBox input[type='email'] {
    font-size: 14px;
    padding: 6px 3%;
    width: 94%;
    margin: 8px 0; }
  .blueBox .uploadPhoto {
    position: relative;
    background: url("../i/picto_upload.png") no-repeat top;
    text-align: center;
    overflow: hidden;
    margin: 8px auto; }
    .blueBox .uploadPhoto .button {
      margin-top: 99px;
      z-index: 1; }
    .blueBox .uploadPhoto p {
      position: absolute;
      top: 0px;
      font-size: 15px;
      width: 100%;
      text-align: center;
      background: #e1eef6;
      padding: 32px 0; }
  .blueBox input[type='file'] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 131px;
    opacity: 0;
    overflow: hidden;
    cursor: pointer;
    z-index: 2; }
  .blueBox textarea {
    width: 100%;
    padding: 5px;
    height: 115px; }
  .blueBox .validation-error-message {
    font-size: 12px;
    color: #b70036;
    padding: 3px 0;
    display: block; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .blueBox .uploadPhoto .button {
      font-size: 13px; }
    .blueBox .steps {
      padding-bottom: 0; } }
  .blueBox #form-loader {
    position: absolute;
    bottom: 170px;
    left: 50%;
    margin-left: -25px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .blueBox #form-loader {
        bottom: 150px; } }
    @media only screen and (max-width: 767px) {
      .blueBox #form-loader {
        bottom: 185px; } }

.message {
  margin: 25px;
  color: #333; }
  .message p {
    font-size: 18px;
    text-align: center;
    padding: 20px; }
  .message.success {
    background: #e1eef6;
    border: 1px solid #a1cbe0; }
  .message .socialBox {
    padding-bottom: 20px; }

/*	=IE8 STYLES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/*	=PRINT STYLES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
@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; }
  .no-print.topMainVisual {
    display: none; }
  .cTool__result {
    border: none;
    padding-top: 0; }
    .cTool__result:before,
    .cTool__result .cTool__result_nav,
    .cTool__result .link,
    .cTool__result .cTool__result__section__reviews,
    .cTool__result .button,
    .cTool__result .ico,
    .cTool__result .reviewActions {
      display: none !important; }
    .cTool__result .cTool__result__section--tratment .cTool__result__section__col--text {
      margin-top: 30px; }
    .cTool__result .cTool__result__section__hair-profile .mobile {
      display: block;
      text-align: center;
      font-size: 1.4em; } }

.searchPagination {
  width: 100%;
  padding: 40px 0 20px 0;
  text-align: center; }
  .searchPagination li {
    text-align: center;
    display: inline-block; }
  .searchPagination li a {
    padding: 10px;
    display: inline-block;
    background: #e2e2e2; }
  .searchPagination li.active a {
    color: #fff;
    background: #5f7d93; }

/*----- ACTIVO -----*/
.activoTpl1 .salonFinderTop__colRight h1.large {
  font-size: 5.8em; }

@media only screen and (min-width: 1400px) {
  .activoTpl1 .salonfinderForm {
    margin-top: 30px; } }

@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .activoTpl1 .salonfinderForm {
    margin-top: 5px; } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .activoTpl1 .salonfinderForm {
    margin-top: 5px; } }

.activoDisclaimer {
  font-size: 1.2em;
  padding: 20px 0;
  font-family: "Gotham-Book"; }
  .activoDisclaimer p {
    padding: 3px 0; }
  @media only screen and (max-width: 767px) {
    .activoDisclaimer {
      font-size: 0.9em; } }

.activo-hide-menu .search,
.activo-hide-menu .headerMenu,
.activo-hide-menu .nav,
.activo-hide-menu .menu-event-catcher {
  display: none; }

@media only screen and (min-width: 1400px) {
  .activo-hide-menu .topMainVisual {
    margin-top: 70px; } }

@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .activo-hide-menu .topMainVisual {
    margin-top: 50px; } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .activo-hide-menu .topMainVisual {
    margin-top: 70px; } }

.activoTooltip {
  position: relative;
  cursor: help; }
  .activoTooltip:hover .activoTooltipContent {
    display: block; }

.activoTooltipContent {
  display: none;
  position: absolute;
  left: 0;
  width: 200px;
  padding: 10px;
  background: white;
  border: 1px solid #e2e2e2;
  text-align: left;
  z-index: 100;
  font-size: 12px; }
  @media only screen and (min-width: 1400px) {
    .activoTooltipContent {
      top: 1.6em; } }
  @media only screen and (min-width: 1000px) and (max-width: 1399px) {
    .activoTooltipContent {
      top: 2.4em; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .activoTooltipContent {
      top: 1.2em; } }
  @media only screen and (max-width: 767px) {
    .activoTooltipContent {
      top: 1.6em; } }

.activoForm .validation-error-message {
  height: auto;
  clear: both; }

@media only screen and (min-width: 1400px) {
  .sfinder__header .activoTooltipContent {
    top: 4em; } }

@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .sfinder__header .activoTooltipContent {
    top: 2.4em; } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .sfinder__header .activoTooltipContent {
    top: 2.4em; } }

@media only screen and (max-width: 767px) {
  .sfinder__header .activoTooltipContent {
    top: 2.2em; } }

.activoLearnMore {
  padding-top: 20px;
  position: relative; }
  .activoLearnMore:before {
    content: '';
    display: block;
    background-color: #e2e2e2;
    height: 2px;
    width: 80%;
    position: absolute;
    left: 0;
    top: 0; }

.deactivationPage {
  width: 60%;
  margin-bottom: 30px; }
  .deactivationPage dl {
    margin-top: 25px; }
  .deactivationPage dt {
    float: left;
    width: 30%;
    padding: 0;
    margin-bottom: 10px;
    line-height: 46px; }
  .deactivationPage dd {
    float: left;
    clear: right;
    width: 70%;
    padding: 0;
    margin-bottom: 20px;
    line-height: 40px; }
  .deactivationPage input[type="submit"] {
    font-size: 1.3em;
    float: right; }
  .deactivationPage textarea {
    padding: 2%;
    height: 150px; }
  .deactivationPage .validation-error-message {
    color: #b70036;
    display: block;
    overflow: hidden;
    line-height: 1;
    height: 20px;
    padding: 10px 0;
    transition: height 1s; }
    .deactivationPage .validation-error-message.active {
      height: 2em; }
  .deactivationPage .input-validation-error input[type="text"], .deactivationPage .input-validation-error textarea, .deactivationPage .input-validation-error .selectBox {
    border: 1px solid #b70036; }
  .deactivationPage .input-validation-error label {
    color: #b70036; }
  .deactivationPage .disclaimer {
    font-size: 0.75em; }
  .deactivationPage .contactFormInner {
    display: block; }
    .deactivationPage .contactFormInner.hidden {
      display: none; }
  .deactivationPage button {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0 none;
    outline: none;
    cursor: pointer;
    font-size: 1.3em;
    float: left; }
    @media only screen and (max-width: 767px) {
      .deactivationPage button {
        width: 100%; } }
  .deactivationPage button + button {
    margin-left: 1em; }
  .deactivationPage .successCheckingMessageText,
  .deactivationPage .successDeactivationMessageText {
    color: #589d59; }
  .deactivationPage .errorCheckingMessageText,
  .deactivationPage .errorDeactivationMessageText {
    color: #b70036; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

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

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

.fredagspodden .detailsList p {
  line-height: 130%;
  font-family: "Gotham-Book"; }

.fredagspodden .detailsList > div {
  float: left;
  height: 500px;
  text-align: left; }
  .fredagspodden .detailsList > div:nth-of-type(3), .fredagspodden .detailsList > div:nth-of-type(4) {
    height: auto; }

.fredagspodden .detailsList .inner {
  padding: 75px; }
  @media screen and (min-width: 768px) and (max-width: 999px) {
    .fredagspodden .detailsList .inner {
      padding: 25px; } }
  @media screen and (max-width: 767px) {
    .fredagspodden .detailsList .inner {
      padding: 25px; } }

.fredagspodden .detailsList .wrap:before {
  float: left; }

.fredagspodden .bottomText {
  padding: 30px;
  line-height: 130%;
  font-family: "Gotham-Book";
  font-size: 1.25em; }
  .fredagspodden .bottomText p {
    padding-bottom: 15px;
    font-size: 11px; }

.popinTemplate2.popinBuyNowWrapper {
  width: 760px !important;
  height: 350px !important;
  min-height: 350px !important;
  padding: 0 !important;
  margin: 0 !important; }
  @media only screen and (max-width: 767px) {
    .popinTemplate2.popinBuyNowWrapper {
      width: 300px !important;
      height: 400px !important; } }

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

.popinTemplate2 .button {
  padding: 15px 22px 11px 26px;
  font-size: 2em; }

.popinTemplate2.popinOneAboveOther {
  width: 850px;
  padding: 40px; }
  .popinTemplate2.popinOneAboveOther .popinVisual, .popinTemplate2.popinOneAboveOther .popinDescription {
    width: 100%;
    height: auto;
    float: none; }
  .popinTemplate2.popinOneAboveOther .popinDescription {
    height: 262px; }
    .popinTemplate2.popinOneAboveOther .popinDescription:before {
      display: none; }
    .popinTemplate2.popinOneAboveOther .popinDescription .button {
      font-size: 1.2em;
      padding: 12px 10px 8px 26px;
      display: none; }
  .popinTemplate2.popinOneAboveOther .scrollWrapper {
    top: 25px;
    left: 0;
    right: 0;
    bottom: 60px; }
  .popinTemplate2.popinOneAboveOther .socialBox {
    bottom: 0; }
  .popinTemplate2.popinOneAboveOther .close {
    top: 13px;
    right: 13px; }

.popinTemplate2 .popinBuyNow {
  color: #fff;
  height: 320px;
  padding: 15px; }
  @media only screen and (max-width: 767px) {
    .popinTemplate2 .popinBuyNow {
      height: auto; } }
  .popinTemplate2 .popinBuyNow h1 {
    line-height: 40px;
    font-size: 35px;
    font-family: "Gotham-Medium";
    color: #000;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .popinTemplate2 .popinBuyNow h1 {
        line-height: 25px;
        font-size: 25px; } }
  .popinTemplate2 .popinBuyNow p {
    color: #c0c0c0;
    font-size: 1.4em !important;
    margin: 0 !important;
    padding: 40px 0; }
    @media only screen and (max-width: 767px) {
      .popinTemplate2 .popinBuyNow p {
        padding: 15px 0; } }
  .popinTemplate2 .popinBuyNow .colLeft {
    text-align: center;
    width: 49%;
    height: inherit;
    display: table;
    float: left;
    border-right: 1px solid #282828; }
    @media only screen and (max-width: 767px) {
      .popinTemplate2 .popinBuyNow .colLeft {
        display: block;
        float: none;
        width: 100%;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-right: 0;
        border-bottom: 1px solid #282828; } }
  .popinTemplate2 .popinBuyNow .colRight {
    text-align: center;
    width: 49%;
    height: inherit;
    float: left;
    display: table; }
    @media only screen and (max-width: 767px) {
      .popinTemplate2 .popinBuyNow .colRight {
        display: block;
        float: none;
        width: 100%; } }
  @media only screen and (max-width: 767px) {
    .popinTemplate2 .popinBuyNow h1, .popinTemplate2 .popinBuyNow .button {
      display: inline-block; }
    .popinTemplate2 .popinBuyNow .button {
      font-family: arial; } }

/*	=RWD
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
@media screen and (max-width: 767px) {
  /*  =PLACEHOLDERS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .chooseYourCountry .selectBox .styled-select-wrapper,
  .reviewsWrite__form .selectBox .styled-select-wrapper, .panels .searchPane .selectBox .styled-select-wrapper, .contactForm .selectBox .styled-select-wrapper, .salonfinderForm .selectBox .styled-select-wrapper, .deactivationPage .selectBox .styled-select-wrapper {
    height: 40px; }
  .cTool__result__section--salon input[type="text"], .popinTemplate2.popinTemplate2--email .popinDescription input[type="text"], .contactForm input[type="email"], .contactForm input[type="text"], .contactForm input[type="tel"], .contactForm textarea, .searchInput .searchText, .salonfinderForm input.address, .deactivationPage input[type="email"], .deactivationPage input[type="text"], .deactivationPage input[type="tel"], .deactivationPage textarea {
    line-height: 40px;
    height: 40px; }
  /*  =COMMON
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .mediaQueries {
    font-family: "mediaMobile"; }
  .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 */
  .main, .rwdDimension {
    width: 300px; }
  .nextBtn {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -404px;
    width: 28px;
    height: 46px; }
  .prevBtn {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -358px;
    width: 28px;
    height: 46px; }
  .line {
    width: 25px;
    margin: 15px auto; }
  .pictureFrame .colRight h1.large {
    font-size: 3em;
    margin: 0; }
  .pictureFrame .prodInfo {
    font-size: 1.58em; }
  .pictureFrame .prodDescription {
    font-size: 1.18em; }
  .pictureFrame .colLeft {
    width: 100%;
    min-height: initial; }
  .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: 100%;
    position: absolute; }
  .topMainVisual.home .pictureFrame .colLeft {
    width: 100%; }
  .topMainVisual.home .pictureFrame.colReversed .colRight {
    left: 0;
    width: 100%; }
  .topMainVisual.home .buttons {
    text-align: center;
    left: 0 !important;
    right: 0; }
    .topMainVisual.home .buttons .button {
      margin-bottom: 0; }
  /* OLD SLIDER
.topMainVisual {
    .slider-pagination {
        .button-prev {
            @include sprite($sprite-s-320, arrow_slider_prev);
        }
        .button-next {
            @include sprite($sprite-s-320, arrow_slider_next);
        }
        .js-page {
            a {
                width: 10px;
                height: 10px;
            }
        }
    }
}
*/
  .slides .slick-prev {
    background-image: url(../i/sprites/sprite.png);
    background-position: -634px -164px;
    width: 11px;
    height: 20px; }
  .slides .slick-next {
    background-image: url(../i/sprites/sprite.png);
    background-position: -634px -184px;
    width: 11px;
    height: 20px; }
  .slick-dots {
    display: none; }
  .verticalWrapper {
    overflow: hidden; }
  /*----- HEADER ------------*/
  header {
    height: 50px;
    overflow: visible; }
    header .search {
      display: none;
      position: static;
      height: 50px;
      margin-top: 0;
      width: 270px; }
      header .search .search_mini_ico {
        width: 100px;
        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: 90px;
        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 .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: 79px;
      height: 46px;
      float: left;
      display: block; }
    header .header-inner .menu-event-catcher {
      width: 22px;
      height: 41px;
      top: 4.5px;
      left: 0;
      z-index: 2; }
    header .header-inner .menuTrigger {
      width: 22px;
      height: 21px;
      margin: 10px 15px;
      right: auto;
      bottom: auto;
      display: block;
      background-image: url(../i/sprites/sprite.png);
      background-position: -612px -28px;
      width: 22px;
      height: 21px; }
      header .header-inner .menuTrigger img {
        display: none; }
    header .logo {
      margin-left: -50px;
      top: 15px; }
      header .logo img {
        display: block;
        width: 100px; }
  /*----- BRAND MENU --------------*/
  .negativeBlock {
    display: block;
    margin: auto;
    margin-bottom: 20px;
    border: 0 none; }
  .brandsListWrap {
    margin: 0; }
  .mobileSelectMenu {
    font-family: "Gotham-Light";
    font-size: 2em;
    clear: both;
    overflow: hidden; }
    .mobileSelectMenu ul {
      display: block;
      /*  UKRYCIE MENU  */ }
      .mobileSelectMenu ul li a {
        display: block;
        padding: 12px 0;
        text-transform: uppercase;
        border-bottom: 1px solid #e2e2e2; }
    .mobileSelectMenu select {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
    .mobileSelectMenu.active .wrap {
      display: block; }
    .mobileSelectMenu.active .filterButton:before {
      background: url("../i/sprite/arrows_up_down_white.png") no-repeat scroll center 10px #44443e; }
    .mobileSelectMenu .wrap {
      display: none; }
      .mobileSelectMenu .wrap .active {
        background-color: #e8ecee; }
  .filterButton {
    line-height: 31px;
    display: block;
    text-transform: uppercase;
    padding: 10px 35px 10px 0;
    position: relative;
    border-bottom: 1px solid #e2e2e2; }
    .filterButton: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 #44443e; }
  /*----- PANELS ------------*/
  .panels .block {
    height: auto;
    position: relative;
    width: 300px;
    float: left; }
    .panels .block .content {
      text-align: left;
      width: 100%;
      height: 140px;
      position: absolute;
      top: -140px;
      left: 0;
      float: none; }
      .panels .block .content span {
        font-size: 1.8em;
        line-height: 22px; }
  .panels .packshot {
    position: relative !important;
    float: none !important; }
  .panels .block-1 {
    margin-right: 0;
    margin-top: 140px; }
  .panels .block-2 {
    margin-top: 150px; }
    .panels .block-2 .nextBtn {
      right: 0; }
  .panels .searchPane {
    width: 207px;
    height: 40px;
    z-index: 2;
    top: 98.5px;
    left: 51px; }
    .panels .searchPane .selectBox .styled-select-wrapper {
      height: 40px; }
    .panels .searchPane .selectBox .styled-select-text {
      padding: 0 32px 0 10px; }
    .panels .searchPane .selectBox .styled-select-button {
      width: 28px; }
    .panels .searchPane input[type="text"] {
      width: 159px;
      height: 40px; }
    .panels .searchPane input[type='submit'] {
      background-image: url(../i/sprites/sprite.png);
      background-position: -533px -404px;
      width: 28px;
      height: 46px;
      background-color: #44443e;
      background-position: 0 center;
      height: 40px; }
  /*  =DETAILS LIST
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .detailsList {
    clear: both;
    margin: 0; }
    .detailsList .wrap {
      padding-top: 14px;
      margin-top: 14px; }
      .detailsList .wrap:before {
        float: left;
        margin-top: -14px; }
    .detailsList .row {
      height: 70px;
      overflow: hidden;
      border-bottom: 1px solid #e5e5e5; }
      .detailsList .row.active {
        height: auto; }
        .detailsList .row.active h2:before {
          background: url("../i/sprite/arrows_up_down_white.png") no-repeat scroll center 10px #44443e; }
    .detailsList h2 {
      font-size: 2em;
      margin-bottom: 0;
      position: relative;
      cursor: pointer;
      padding-top: 14px; }
      .detailsList h2: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 #44443e; }
      .detailsList h2 strong {
        font-size: 1em; }
      .detailsList h2 + span {
        font-size: 1.3em;
        margin: -12px 0 15px; }
    .detailsList h3 {
      font-size: 1.4em;
      padding: 5px 0; }
    .detailsList .rowLeft .wrap:before {
      float: left; }
    .detailsList .rowLeft .inner {
      padding: 0 0 14px; }
    .detailsList .packshot {
      display: none; }
    .detailsList .description {
      float: none;
      width: 100%;
      text-align: left; }
    .detailsList p, .detailsList ul {
      margin-bottom: 14px; }
    .detailsList li {
      padding: 14px 0; }
    .detailsList .inner {
      padding: 0 0 14px; }
    .detailsList .button {
      margin: 14px 0 0; }
    .detailsList.allVisible {
      margin: 20px 0 10px; }
      .detailsList.allVisible .row {
        height: auto;
        margin-bottom: 10px; }
      .detailsList.allVisible h2:before {
        display: none; }
      .detailsList.allVisible .packshot {
        display: block;
        width: 100%;
        float: none; }
      .detailsList.allVisible .buttons {
        text-align: center; }
  /*  =POPIN POPUP
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .popinTemplate2 {
    min-height: inherit;
    margin: 10px 0;
    width: 100%;
    height: auto; }
    .popinTemplate2 .popinVisual {
      height: auto;
      width: 100%;
      line-height: normal;
      float: none;
      margin-top: 40px; }
    .popinTemplate2 .imgDescription {
      font-size: 1.2em;
      padding: 10px; }
    .popinTemplate2 .name {
      bottom: 32px; }
    .popinTemplate2 .position {
      bottom: 0; }
    .popinTemplate2 .popinDescription {
      width: 100%;
      height: 265px;
      overflow: visible; }
      .popinTemplate2 .popinDescription h2 {
        font-size: 2em;
        padding: 10px 0; }
      .popinTemplate2 .popinDescription h3 {
        font-size: 2em;
        padding: 0 0 20px; }
      .popinTemplate2 .popinDescription p {
        font-size: 1.2em;
        line-height: 1.2; }
      .popinTemplate2 .popinDescription .buttons {
        left: 50%;
        bottom: 50px;
        margin: 0 0 0 -25%;
        display: none; }
      .popinTemplate2 .popinDescription:before {
        width: 0; }
    .popinTemplate2 .seeMoreLink {
      display: block;
      background: #fff;
      color: #999998;
      position: absolute;
      right: 10px;
      bottom: 68px;
      font-size: 1.2em;
      font-family: "Gotham-Book"; }
    .popinTemplate2 .scrollWrapper {
      top: 5px;
      left: 0;
      right: 0;
      bottom: 66px;
      padding: 0 10px;
      background: rgba(255, 255, 255, 0.6); }
    .popinTemplate2 .iScrollVerticalScrollbar {
      display: none; }
    .popinTemplate2 .mob-active .seeMoreLink {
      display: none; }
    .popinTemplate2 .mob-active .buttons {
      display: block; }
    .popinTemplate2 .mob-active .scrollWrapper {
      z-index: 2; }
    .popinTemplate2 .mob-active .iScrollVerticalScrollbar {
      display: block; }
    .popinTemplate2 .socialBox {
      padding: 0;
      bottom: 12px; }
    .popinTemplate2.popinOneAboveOther {
      width: 320px;
      padding: 20px 0; }
      .popinTemplate2.popinOneAboveOther .popinVisual {
        margin-top: 13px; }
      .popinTemplate2.popinOneAboveOther .popinDescription {
        height: 185px; }
      .popinTemplate2.popinOneAboveOther .scrollWrapper {
        top: 15px;
        bottom: 45px; }
      .popinTemplate2.popinOneAboveOther .seeMoreLink {
        bottom: 43px;
        padding-left: 5px; }
      .popinTemplate2.popinOneAboveOther .close {
        top: 8px;
        right: 8px; }
      .popinTemplate2.popinOneAboveOther .mob-active .scrollWrapper {
        top: -180px; }
    .popinTemplate2.popinTemplate2--email {
      min-height: 360px; }
      .popinTemplate2.popinTemplate2--email .popinDescription {
        height: 360px; }
      .popinTemplate2.popinTemplate2--email .scrollWrapper {
        background: none; }
    .popinTemplate2.popinTemplate2--guidelines .popinDescription {
      height: 390px; }
    .popinTemplate2.popinTemplate2--guidelines .scrollWrapper {
      bottom: 15px; }
    .popinTemplate2.popinTemplate2--guidelines .iScrollVerticalScrollbar {
      display: block; }
  /*----- HOMEPAGE ----------*/
  /*  =TOP MAIN VISUAL
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .topMainVisual {
    padding-top: 50px; }
  /*  =ISOTOPE
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .block-1x1 {
    width: 140px;
    height: 140px; }
  .block-1x2, .block-2x1, .block-3x1, .block-2x2 {
    width: 290px;
    height: 290px; }
  .tilesProof .block-1x1 {
    width: 290px;
    height: 290px; }
  .tiles {
    margin: 5px 0 -5px; }
  .tile {
    margin: 5px; }
  .tileDefault .tileTitle {
    height: 30px; }
    .tileDefault .tileTitle h4, .tileDefault .tileTitle h5 {
      font-size: 1.2em;
      line-height: 1;
      padding: 0 17% 0 3%; }
    .tileDefault .tileTitle h4 {
      margin-right: 3px; }
    .tileDefault .tileTitle .more {
      width: 19px;
      height: 20px;
      margin-bottom: -10px;
      line-height: 20px;
      font-size: 1.8em; }
    .tileDefault .tileTitle.gradientLine:before {
      height: 2px;
      top: -2px; }
  .tileDefault .rating {
    display: none; }
  .tileDefault .boldText, .tileDefault .thinText {
    font-size: 1.5em; }
  .tileDefault.block-1x1 .play {
    background-image: url(../i/sprites/sprite.png);
    background-position: -284px -551px;
    width: 39px;
    height: 39px;
    margin-left: -19.5px;
    margin-top: -19.5px; }
  .tileDeclaration:before {
    margin: -17px 0 0 -17px;
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -450px;
    width: 35px;
    height: 35px; }
  .tileDeclaration .declarationIcon {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -450px;
    width: 35px;
    height: 35px;
    margin-bottom: 10px; }
  .tileDeclaration .declarationContent {
    font-size: 1.2em; }
  .home.main {
    width: 300px;
    /* RESPONSIVE */
    /* DYNAMIC BOXES ISOTOPE */ }
    .home.main.fixWidth.dynamicBox {
      width: 320px;
      /* RESPONSIVE */ }
    .home.main .block-1x1, .home.main .block-1x2, .home.main .block-2x1 {
      width: 300px;
      height: 300px; }
    .home.main .tiles {
      margin: 5px 0 -5px; }
    .home.main .tile {
      margin: 5px 10px; }
      .home.main .tile .mask-headline {
        font-size: 1.6em; }
  .landingProductsTiles .tileDefault .tileTitle {
    height: 22px;
    padding: 0 17% 0 3%;
    width: 81%; }
    .landingProductsTiles .tileDefault .tileTitle h4, .landingProductsTiles .tileDefault .tileTitle h5 {
      font-size: 1em; }
    .landingProductsTiles .tileDefault .tileTitle .more {
      width: 9px;
      height: 10px;
      line-height: 10px;
      font-size: 0.9em;
      margin-bottom: -5px; }
  .tilesTrendings .block-1x1 {
    width: 300px;
    height: 300px; }
  .tilesTrendings .tile {
    margin: 5px 0; }
  .tilesTrendings .mask-content {
    padding: 6em 3.5em 0; }
  .tilesTrendings .description, .tilesTrendings .twitTitle {
    font-size: 1.5em; }
  .tilesTrendings .twitNick {
    font-size: 1.2em; }
  .tilesProof .tile .button {
    font-size: 1.6em;
    padding: 12px 22px 8px 26px; }
  .tileTwitter .socialLogo,
  .tileFacebook .socialLogo,
  .tileYoutube .socialLogo,
  .tileVideo .socialLogo {
    margin-bottom: 10px; }
  .tileFacebook .socialLogo {
    background-image: url(../i/sprites/sprite.png);
    background-position: -48px -431px;
    width: 48px;
    height: 48px; }
  .tileFacebook:before {
    background-image: url(../i/sprites/sprite.png);
    background-position: -48px -431px;
    width: 48px;
    height: 48px; }
  .tileTwitter .socialLogo {
    background-image: url(../i/sprites/sprite.png);
    background-position: -96px -431px;
    width: 47px;
    height: 47px; }
  .tileTwitter:before {
    background-image: url(../i/sprites/sprite.png);
    background-position: -96px -431px;
    width: 47px;
    height: 47px; }
  .tileTwitter a {
    padding: 4.5em 3.5em 0; }
  .tileTwitter .line {
    width: 135px;
    height: 1px;
    margin: 17px auto; }
  .tileVideo .socialLogo {
    background-image: url(../i/sprites/sprite.png);
    background-position: -570px -28px;
    width: 42px;
    height: 42px; }
  .tileVideo:before {
    background-image: url(../i/sprites/sprite.png);
    background-position: 0px -592px;
    width: 32px;
    height: 36px; }
  .tileYoutube .socialLogo {
    background-image: url(../i/sprites/sprite.png);
    background-position: 0px -592px;
    width: 32px;
    height: 36px; }
  .tileYoutube:before {
    background-image: url(../i/sprites/sprite.png);
    background-position: 0px -592px;
    width: 32px;
    height: 36px; }
  .tileYoutube:hover .play {
    background-image: url(../i/sprites/sprite.png);
    background-position: 0px -431px;
    width: 48px;
    height: 48px; }
  .tileYoutube .description {
    padding: 0 2.3em 1.7em; }
  .tileButton .buttonWrap {
    margin: 0 10px 10px; }
  .tileButton.tileButton--right .buttonWrap {
    text-align: center; }
  .tileButton.tileButton--left .buttonWrap {
    text-align: center; }
  .tileButton .tile-text {
    font-size: 1.8em;
    padding: 0 10px; }
  .tileButton .tile-percent,
  .tileButton .tile-number {
    font-size: 4.8em; }
  .tileButton.tileButton--right.block-2x1 .buttonWrap {
    text-align: center;
    margin-right: inherit; }
  .tileButton.tileButton--left.block-2x1 .buttonWrap {
    text-align: center;
    margin-left: inherit; }
  .play {
    background-image: url(../i/sprites/sprite.png);
    background-position: -436px -355px;
    width: 49px;
    height: 49px;
    top: 130px;
    margin-left: -24.5px; }
  /*----- FOOTER ------------*/
  /* sprites for each icons in element .followUs */
  .followUs .ico_facebook {
    background-image: url(../i/sprites/sprite.png);
    background-position: -666px -136px;
    width: 7px;
    height: 17px; }
  .followUs .ico_tweet {
    background-image: url(../i/sprites/sprite.png);
    background-position: -648px -267px;
    width: 24px;
    height: 26px; }
  .followUs .ico_pint {
    background-image: url(../i/sprites/sprite.png);
    background-position: -648px -241px;
    width: 24px;
    height: 26px; }
  .followUs .ico_youtube {
    background-image: url(../i/sprites/sprite.png);
    background-position: -343px -385px;
    width: 18px;
    height: 17px; }
  .followUs .ico_istagram {
    background-image: url(../i/sprites/sprite.png);
    background-position: -450px -431px;
    width: 18px;
    height: 18px; }
  .otherBrands .ico_wella {
    background-image: url(../i/sprites/sprite.png);
    background-position: -394px -479px;
    width: 38px;
    height: 23px; }
  .otherBrands .ico_clairol {
    background-image: url(../i/sprites/sprite.png);
    background-position: -214px -479px;
    width: 49px;
    height: 23px; }
  .otherBrands .ico_sp {
    background-image: url(../i/sprites/sprite.png);
    background-position: -432px -479px;
    width: 33px;
    height: 23px; }
  .otherBrands .ico_sassoon {
    background-image: url(../i/sprites/sprite.png);
    background-position: -351px -479px;
    width: 43px;
    height: 23px; }
  .otherBrands .ico_sebastian {
    background-image: url(../i/sprites/sprite.png);
    background-position: -152px -479px;
    width: 62px;
    height: 23px; }
  .otherBrands .ico_londa {
    background-image: url(../i/sprites/sprite.png);
    background-position: -263px -479px;
    width: 44px;
    height: 23px; }
  .otherBrands .ico_kadus {
    background-image: url(../i/sprites/sprite.png);
    background-position: -307px -479px;
    width: 44px;
    height: 23px; }
  footer, .footerRow {
    width: 255px;
    /* RESPONSIVE */ }
  footer {
    margin: 30px auto 25px; }
    footer .col {
      background: transparent url("../i/sprite/footer-border.png") 0 0 repeat-x;
      float: none; }
      footer .col h3 {
        font-size: 1.5em;
        letter-spacing: -0.8px; }
    footer .col-1 {
      width: 100%;
      padding: 16px 0 14px; }
      footer .col-1 h3 {
        margin-bottom: 13px; }
    footer .col-2 {
      width: 100%;
      border-left: none;
      border-right: none;
      padding: 14px 0 10px; }
      footer .col-2 h3 {
        margin-bottom: 11px; }
      footer .col-2 ul li {
        margin-left: 7px; }
    footer .col-3 {
      width: 100%;
      padding: 20px 0 0; }
      footer .col-3 h3 {
        margin-bottom: 11px; }
  .footerRowWrap {
    height: auto; }
  .footerRow {
    line-height: inherit;
    font-size: 1.2em;
    text-align: center; }
    .footerRow .copyright {
      font-size: 0.8em;
      height: 40px;
      line-height: 40px; }
    .footerRow a {
      height: 40px;
      line-height: 40px; }
    .footerRow .left {
      float: none; }
    .footerRow .center {
      float: none;
      margin-left: 0; }
    .footerRow .right {
      float: none; }
    .footerRow .footerMenu li {
      float: none;
      border-bottom: 1px solid #696965; }
    .footerRow .footerMenu a {
      padding: 0;
      margin-left: 0; }
      .footerRow .footerMenu a:before {
        display: none; }
    .footerRow .footerMenu .adchoices a {
      padding-right: 16px; }
    .footerRow .BBB a {
      margin-top: 7px; }
    .footerRow .copyright {
      line-height: 1;
      height: auto;
      padding: 10px 0; }
  .countrySelector {
    border-bottom: 1px solid #696965; }
    .countrySelector a {
      padding: 0 0 0 25px;
      text-align: center;
      background: url("../i/sprite/country-logo-ico.png") no-repeat 0 center; }
      .countrySelector a:after {
        display: none; }
  /* =CONTACT US PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  .contactContent .active h2:before {
    background-position: center 11px; }
  .contactContent h2 {
    font-size: 1.25em;
    margin: 0 0 10px;
    padding: 0 15% 0 2%;
    position: relative;
    border: none; }
    .contactContent h2:before {
      content: "";
      display: block;
      background: url("../i/sprite/arrows_up_down_white.png") no-repeat scroll center -17px #44443e;
      width: 30px;
      height: 30px;
      position: absolute;
      top: 0;
      margin-top: -4.5px;
      right: 5px; }
  .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: 0; }
    .contactForm dt, .contactForm dd {
      float: none;
      width: 100%; }
    .contactForm dt {
      line-height: 1;
      margin-bottom: 5px; }
    .contactForm textarea {
      height: 120px; }
    .contactForm input[type="submit"] {
      float: none;
      padding: 15px 22px 11px 26px; }
    .contactForm .tabContainer {
      margin-top: 20px; }
    .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; }
  /*
input[type="checkbox"] {
    height: 30px;
    width: 30px;
    margin-top: 3px;
}
input[type="checkbox"] + label.css-label:before {
    background-position: 0 -40px;
}
input[type="checkbox"]:checked + label.css-label:before {
    background-position: 0 -70px;
} */
  .css-label {
    padding-left: 40px;
    margin-top: 5px;
    font-size: 0.75em; }
    .css-label:before {
      height: 30px;
      width: 30px;
      top: -2px; }
  /* =SEARCH RESLUTS PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  .searchContent h1 {
    font-size: 1.8em; }
    .searchContent h1 .searchWord {
      display: block; }
  .searchInput {
    margin: 30px 0; }
    .searchInput .searchText {
      width: 300px;
      font-size: 1.6em; }
    .searchInput .button {
      margin: 20px 0 0 0; }
  .searchResult {
    margin-top: 10px; }
    .searchResult li {
      padding: 10px 0 0;
      margin-top: 20px; }
      .searchResult li:before {
        width: 100%;
        top: 0;
        bottom: inherit; }
    .searchResult h3 {
      font-size: 2em; }
    .searchResult p {
      font-size: 1.2em;
      margin: 10px 0 8px; }
    .searchResult .searchPage {
      background-position: -1px 2.5px;
      font-size: 1.2em;
      padding-left: 10px; }
  /*  =SALON FINDER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .salonfinderForm {
    width: 255px; }
    .salonfinderForm .selectBox {
      margin-bottom: 12px; }
    .salonfinderForm input.address {
      width: 100%;
      margin-bottom: 14px; }
    .salonfinderForm input.button {
      font-size: 2em;
      padding: 15px 22px 11px 26px;
      margin-bottom: 20px;
      float: none; }
  /*  =PRODUCTS PAGES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .watchword {
    padding: 1.5em 0 1.2em; }
    .watchword h2, .watchword h3 {
      font-size: 2em; }
    .watchword p {
      font-size: 1.2em;
      line-height: 1.2;
      margin: 10px 0; }
  .productInformation {
    margin-top: 25px; }
    .productInformation > div {
      float: none; }
    .productInformation .packshot {
      width: auto; }
      .productInformation .packshot img {
        max-width: 100%; }
    .productInformation .description {
      width: auto;
      margin-top: 10px; }
      .productInformation .description h3 {
        font-size: 2em; }
      .productInformation .description p {
        line-height: 1.2; }
    .productInformation .socialBox {
      border-top: 1px solid #e2e2e2;
      border-bottom: 1px solid #e2e2e2;
      line-height: 0; }
  .socialBox {
    margin: 0;
    padding: 15px 0; }
    .socialBox .shadow {
      width: 50px; }
    .socialBox li {
      display: inline-block;
      margin: 0 5px;
      transition-property: opacity; }
  /*  =SITEMAP
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .sitemap {
    margin-top: 25px;
    padding-bottom: 0; }
    .sitemap:before {
      display: none; }
  .sitemap__col {
    padding: 0;
    width: 100%; }
    .sitemap__col:first-child {
      padding: 0; }
      .sitemap__col:first-child .sitemap__box:last-child {
        padding-bottom: 29px;
        border-bottom: 1px solid #e2e2e2; }
    .sitemap__col:last-child {
      margin-top: 30px; }
      .sitemap__col:last-child .sitemap__box:last-child {
        padding-bottom: 0;
        border-bottom: none; }
  .sitemap__box {
    padding-top: 27px;
    margin-top: 30px;
    border-top: 1px solid #e2e2e2; }
  .sitemap__header {
    font-size: 2.5em;
    margin-bottom: 20px; }
  .sitemap__links li {
    margin-top: 25px; }
    .sitemap__links li:first-child {
      margin-top: 0; }
  .sitemap__links a {
    font-size: 1.6em; }
  .sitemap__links.sitemap__links--inner li {
    margin-top: 25px; }
  /*  =ERROR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .errorPage .pictureFrame .colRight {
    position: absolute;
    padding-top: 0; }
    .errorPage .pictureFrame .colRight h1 {
      font-size: 10em; }
  .searchContent--error .searchInput {
    margin: 30px 0; }
  .searchContent--error p {
    font-size: 1.6em;
    margin-bottom: 30px; }
  .searchContent--error .button--back {
    margin: 50px 0 0; }
  /*  =COUNTRY SELECTOR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .countryselector {
    display: inline-block;
    padding: 20px 10px 0;
    background: none; }
    .countryselector:before {
      content: "";
      background: #fff;
      position: absolute;
      top: 0;
      bottom: 0;
      left: -6%;
      right: -6%;
      z-index: -1; }
  .pictureFrame .colRight .countryselector__header {
    font-size: 1.5em;
    margin: 0 0 20px !important; }
  .countryselector__col {
    display: inline-block; }
  .countryselector__col--international,
  .countryselector__col--america {
    width: 60%; }
  .countryselector__col--europe {
    float: right;
    width: 40%;
    padding-left: 15px; }
  .countryselector__col--america .countryselector__box {
    margin-top: 50px; }
    .countryselector__col--america .countryselector__box:first-child {
      margin-top: 30px; }
  .countryselector__links li {
    font-size: 1.2em;
    line-height: 1;
    margin-bottom: 22px; }
  /*  =SALON MARKETING
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .salonMarketing.main .tiles {
    margin: -5px 0; }
  .salonMarketing .tile {
    margin: 5px 0; }
    .salonMarketing .tile .button {
      margin: 15px 0 0;
      padding-right: 14px; }
  .salonMarketing .block-1x1 {
    width: 300px;
    height: 300px; }
  .salonMarketing .mask-content {
    padding: 0 2%; }
  .salonMarketing .dotsDescriptionContent {
    font-size: 1.7em; }
  .salonMarketing .mask-headline {
    font-size: 1.7em; }
  .customizeBox {
    padding: 20px 0; }
    .customizeBox h3 {
      font-size: 2em;
      margin: 0 0 30px; }
    .customizeBox .customizeBox__item {
      margin-bottom: 30px; }
    .customizeBox p {
      font-size: 1.8em; }
    .customizeBox .button {
      margin-top: 15px; }
  /*  =STYLE VISON
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .styleVision .packshot {
    display: none !important; }
  .styleVision .detailsList p {
    line-height: 22px;
    display: block;
    margin-top: -10px; }
  .styleVision .detailsList .row:last-child {
    border: none; }
  .styleVision .detailsList .row .buttons {
    text-align: left !important; }
  .styleVision .detailsList .wrap:before {
    margin-top: -20px; }
  .smartAppLinkBig {
    margin: 15px 0 10px; }
  .smartAppLinkSmall {
    margin: 20px 5px 0; }
  .appStoreBig {
    background-image: url(../i/sprites/sprite.png);
    background-position: -133px -213px;
    width: 131px;
    height: 44px; }
  .appStoreSmall {
    background-image: url(../i/sprites/sprite.png);
    background-position: -133px -213px;
    width: 131px;
    height: 44px; }
  .googlePlayBig {
    background-image: url(../i/sprites/sprite.png);
    background-position: 0px -213px;
    width: 133px;
    height: 44px; }
  .googlePlaySmall {
    background-image: url(../i/sprites/sprite.png);
    background-position: 0px -213px;
    width: 133px;
    height: 44px; }
  /*  =FAQ
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .faqQuestion {
    font-size: 2em;
    padding: 20px 35px 20px 0; }
    .faqQuestion:before {
      margin-top: -15px;
      background-image: url(../i/sprites/sprite.png);
      background-position: -242px -592px;
      width: 30px;
      height: 30px; }
  .faqAnswer {
    font-size: 1.2em;
    line-height: 1.1;
    margin-bottom: 20px; }
  .faqImg {
    max-width: 140px;
    margin: 0 0 10px 10px; }
  .activeQuestion .faqQuestion:before {
    background-image: url(../i/sprites/sprite.png);
    background-position: -212px -592px;
    width: 30px;
    height: 30px; }
  /*  =SUBSCRIBE PAGE
-------------------- */
  .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;
    margin-left: -160px; }
    .subscribe .popupTemplate .content p.text {
      font-size: 1.2em;
      text-align: center; }
  /*  =UNSUBSCRIBE PAGE
-------------------- */
  .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%;
      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;
      margin-left: -160px; }
      .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; }
  /*  =MONEY BACK GUARANTEE PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .mbg .pictureFrame .prodInfo {
    font-size: 2em;
    margin-bottom: 20px; }
  .mbg .detailsList .row {
    border: none; }
  .mbg .detailsList .description {
    margin-top: 14px; }
  .mbg .detailsList p {
    line-height: 20px; }
  .mbg .detailsList .button {
    margin: 30px 0 40px; }
  .mbg .detailsList .disclaimer {
    font-size: 1.4em;
    line-height: 20px; }
  .fredagspodden .detailsList > div {
    height: auto; }
    .fredagspodden .detailsList > div:nth-of-type(3), .fredagspodden .detailsList > div:nth-of-type(4) {
      height: auto; }
  .fredagspodden .detailsList .inner {
    padding: 20px 0px; }
  .fredagspodden .detailsList h2:before {
    display: none; }
  .fredagspodden .detailsList .packshot {
    display: block;
    width: 100%; }
  .fredagspodden .topMainVisual {
    margin-bottom: 20px; }
    .fredagspodden .topMainVisual .colRight {
      position: static; }
  .fredagspodden #sf-anchor {
    padding-top: 60px; }
    .fredagspodden #sf-anchor .markersCount {
      top: -55px; } }

/* @media */
@media screen and (min-width: 768px) and (max-width: 999px), print {
  /*	=PLACEHOLDERS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .chooseYourCountry .selectBox .styled-select-wrapper,
  .reviewsWrite__form .selectBox .styled-select-wrapper, .panels .searchPane .selectBox .styled-select-wrapper, .contactForm .selectBox .styled-select-wrapper, .salonfinderForm .selectBox .styled-select-wrapper, .deactivationPage .selectBox .styled-select-wrapper {
    height: 32px; }
  .cTool__result__section--salon input[type="text"], .popinTemplate2.popinTemplate2--email .popinDescription input[type="text"], .contactForm input[type="email"], .contactForm input[type="text"], .contactForm input[type="tel"], .contactForm textarea, .searchInput .searchText, .salonfinderForm input.address, .deactivationPage input[type="email"], .deactivationPage input[type="text"], .deactivationPage input[type="tel"], .deactivationPage textarea {
    line-height: 32px;
    height: 32px; }
  /*	=COMMON
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .mediaQueries {
    font-family: "mediaTablet"; }
  .tablet-show {
    display: block !important; }
  .tablet-hide {
    display: none !important; }
  .main, .rwdDimension {
    width: 728px; }
  .nextBtn {
    background-image: url(../i/sprites/sprite.png);
    background-position: -611px -551px;
    width: 15px;
    height: 25px; }
  .prevBtn {
    background-image: url(../i/sprites/sprite.png);
    background-position: -610px -592px;
    width: 15px;
    height: 25px; }
  .line {
    width: 14px;
    margin: 10px auto; }
  .link {
    font-size: 1.2em; }
  .pictureFrame .colLeft {
    min-height: 150px; }
  .pictureFrame .colRight h1.large {
    font-size: 3.85em;
    margin: 0 0 5px; }
  .pictureFrame .prodInfo {
    font-size: 1.65em; }
  .pictureFrame .prodDescription {
    font-size: 1.2em; }
  /*----- HEADER ------------*/
  header {
    height: 70px; }
    header .logo {
      margin-left: -62px;
      top: 20px; }
      header .logo img {
        width: 83%; }
    header .search {
      right: 15px;
      width: 170px; }
      header .search .searchWrap {
        width: 164px; }
      header .search .search_mini_ico {
        background-image: url(../i/sprites/sprite.png);
        background-position: -634px -100px;
        width: 13px;
        height: 20px; }
      header .search .salon_finder_ico {
        background-image: url(../i/sprites/sprite.png);
        background-position: -634px -204px;
        width: 12px;
        height: 18px; }
    header input[type="search"] {
      font-size: 0.9em;
      width: 140px; }
  /*----- BRADCRUMBS --------------*/
  .breadcrumb {
    font-size: 1em; }
  section .breadcrumb {
    top: 80px; }
  /*----- BRAND MENU --------------*/
  .brandsListWrap {
    margin: 20px -20px; }
  ul.brandsList li {
    width: 145.2px; }
  ul.brandsList a {
    min-height: 163px; }
    ul.brandsList a.plus-ico:before {
      bottom: 8px;
      right: 7px; }
  /*----- PANELS ------------*/
  .panels .block {
    width: 357px;
    height: 208px; }
    .panels .block .content {
      width: 138px; }
      .panels .block .content span {
        font-size: 1.4em;
        padding: 3px 10px; }
  .panels .nextBtn {
    margin-top: -12.5px; }
  .panels .block-2 .nextBtn {
    right: 138px; }
  .panels .searchPane {
    width: 185px;
    height: 60px;
    z-index: 2;
    top: 75px;
    left: 16px; }
    .panels .searchPane .selectBox .styled-select-wrapper {
      height: 25px; }
    .panels .searchPane .selectBox .styled-select-text {
      font-size: 1em;
      padding: 0 36px 0 10px; }
    .panels .searchPane .selectBox .styled-select-button {
      background-image: url(../i/sprites/sprite.png);
      background-position: -82px -628px;
      width: 15px;
      height: 25px; }
    .panels .searchPane input[type="text"] {
      width: 150px;
      height: 25px;
      font-size: 1em; }
    .panels .searchPane input[type='submit'] {
      background-image: url(../i/sprites/sprite.png);
      background-position: -611px -551px;
      width: 15px;
      height: 25px;
      height: 25px; }
  /*	=DETAILS LIST
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .detailsList {
    margin-bottom: 30px; }
    .detailsList .videoLink:before {
      background-image: url(../i/sprites/sprite.png);
      background-position: -436px -306px;
      width: 50px;
      height: 49px;
      margin: -25px 0 0 -25px; }
    .detailsList .wrap {
      padding-top: 15px;
      margin-top: 15px; }
      .detailsList .wrap:before {
        height: 2px;
        margin-top: -15px; }
    .detailsList h2 {
      font-size: 2em; }
      .detailsList h2 strong {
        font-size: 1.1em; }
      .detailsList h2 + span {
        font-size: 1.2em;
        margin-bottom: 10px; }
    .detailsList h3 {
      font-size: 1.2em;
      padding: 5px 0; }
    .detailsList p, .detailsList ul {
      font-size: 1.2em;
      margin-bottom: 10px; }
    .detailsList .rowLeft .inner {
      padding: 28px 5px 28px 28px; }
    .detailsList .inner {
      padding: 28px 28px 28px 5px; }
    .detailsList li {
      padding: 10px 0; }
    .detailsList .button {
      margin: 10px 0 0;
      font-size: 1em; }
  /*	=POPIN POPUP
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .popinTemplate2 {
    min-height: 400px; }
    .popinTemplate2 .imgDescription {
      font-size: 1.6em; }
    .popinTemplate2 .name {
      bottom: 96px; }
    .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 .socialBox a {
      width: 21px;
      height: 21px; }
    .popinTemplate2 .socialBox .shareOn {
      height: 21px;
      line-height: 21px;
      font-size: 1em;
      padding: 0 10px; }
    .popinTemplate2 .socialBox .facebookButton {
      background-image: url(../i/sprites/sprite.png);
      background-position: -414px -113px;
      width: 21px;
      height: 21px; }
    .popinTemplate2 .socialBox .tweetButton {
      background-image: url(../i/sprites/sprite.png);
      background-position: -611px -480px;
      width: 21px;
      height: 21px; }
    .popinTemplate2 .socialBox .pinItButton {
      background-image: url(../i/sprites/sprite.png);
      background-position: -612px -152px;
      width: 21px;
      height: 21px; }
    .popinTemplate2 .socialBox .instagramButton {
      background-image: url(../i/sprites/sprite.png);
      background-position: -414px -92px;
      width: 21px;
      height: 21px; }
    .popinTemplate2 .socialBox .youtubeButton {
      background-image: url(../i/sprites/sprite.png);
      background-position: -612px -49px;
      width: 21px;
      height: 21px; }
    .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--email {
      height: auto;
      width: 460px; }
      .popinTemplate2.popinTemplate2--email .popinDescription {
        height: 335px; }
        .popinTemplate2.popinTemplate2--email .popinDescription .allRow .button {
          font-size: 1.6em;
          padding: 12px 10px 8px 26px; }
    .popinTemplate2.popinTemplate2--guidelines .popinDescription {
      height: 390px; }
    .popinTemplate2.popinTemplate2--guidelines .scrollWrapper {
      bottom: 15px; }
  /*----- HOMEPAGE ----------*/
  /*	=TOP MAIN VISUAL
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .topMainVisual {
    padding-top: 100px; }
  /*	=ISOTOPE
	- - - - - - -  - - - - - - - - - - - - - - - - - - - - - - -	*/
  .block-1x1 {
    width: 236px;
    height: 236px; }
  .block-1x2 {
    width: 232px;
    height: 474px;
    /* 232*2 = 464 + 2x5px margin */ }
  .block-2x1 {
    width: 482px;
    height: 236px; }
  .block-2x2 {
    width: 482px;
    height: 482px; }
  .block-3x1 {
    width: 718px;
    height: 232px; }
  .tiles {
    margin: 5px -5px -5px; }
  .tile {
    margin: 5px; }
    .tile .button {
      font-size: 1.1em;
      padding: 12px 10px 8px 26px; }
  .tileDefault .tileTitle {
    height: 42px; }
    .tileDefault .tileTitle h4, .tileDefault .tileTitle h5 {
      font-size: 1.3em; }
    .tileDefault .tileTitle h4 {
      margin-right: 4px; }
    .tileDefault .tileTitle .more {
      width: 15px;
      height: 16px;
      margin-bottom: -8px;
      line-height: 16px;
      font-size: 1.2em; }
    .tileDefault .tileTitle.gradientLine:before {
      height: 3px;
      top: -3px; }
  .tileDefault .rating {
    margin-left: -39px; }
  .tileDefault .boldText, .tileDefault .thinText {
    font-size: 2.5em; }
  .tileDeclaration:before {
    margin: -17px 0 0 -17px;
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -450px;
    width: 35px;
    height: 35px; }
  .tileDeclaration .declarationIcon {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -450px;
    width: 35px;
    height: 35px;
    margin-bottom: 15px; }
  .tileDeclaration .declarationContent {
    font-size: 1.2em; }
  .home.main {
    width: 728px;
    /* RESPONSIVE */
    /* DYNAMIC BOXES ISOTOPE */ }
    .home.main.fixWidth.dynamicBox {
      width: 768px;
      /* RESPONSIVE */ }
    .home.main .tiles {
      margin: 5px 12px -5px; }
    .home.main .block-1x1 {
      width: 362px;
      height: 260px; }
    .home.main .block-1x2 {
      width: 362px;
      height: 530px; }
    .home.main .block-2x1 {
      width: 734px;
      height: 260px; }
    .home.main .tile {
      margin: 5px; }
      .home.main .tile .mask-headline {
        font-size: 2em; }
      .home.main .tile .button {
        font-size: 1.6em;
        padding-right: 10px; }
  .landingProductsTiles .tileDefault .tileTitle {
    height: 30px; }
    .landingProductsTiles .tileDefault .tileTitle h4, .landingProductsTiles .tileDefault .tileTitle h5 {
      font-size: 1.6em; }
  .tilesTrendings .mask-content {
    padding: 4.5em 2.5em 0; }
  .tilesTrendings .description,
  .tilesTrendings .twitTitle {
    font-size: 1.2em; }
  .tilesTrendings .twitNick {
    font-size: 1em; }
  .tilesProof .tile .button {
    font-size: 1em;
    padding: 10px 5px 8px 15px;
    background-position: 7px center;
    background-size: 4px; }
  .tileTwitter .socialLogo,
  .tileFacebook .socialLogo,
  .tileYoutube .socialLogo,
  .tileVideo .socialLogo {
    margin-bottom: 10px; }
  .tileFacebook .socialLogo {
    background-image: url(../i/sprites/sprite.png);
    background-position: -323px -551px;
    width: 38px;
    height: 38px; }
  .tileFacebook:before {
    background-image: url(../i/sprites/sprite.png);
    background-position: -323px -551px;
    width: 38px;
    height: 38px; }
  .tileTwitter .socialLogo {
    background-image: url(../i/sprites/sprite.png);
    background-position: -205px -551px;
    width: 40px;
    height: 39px; }
  .tileTwitter:before {
    background-image: url(../i/sprites/sprite.png);
    background-position: -205px -551px;
    width: 40px;
    height: 39px; }
  .tileTwitter a {
    padding: 4.5em 2.5em 0; }
  .tileTwitter .line {
    width: 107px;
    height: 1px;
    margin: 17px auto; }
  .tileVideo .socialLogo {
    background-image: url(../i/sprites/sprite.png);
    background-position: -436px -306px;
    width: 50px;
    height: 49px; }
  .tileVideo:before {
    background-image: url(../i/sprites/sprite.png);
    background-position: -648px -108px;
    width: 25px;
    height: 28px; }
  .tileYoutube .socialLogo {
    background-image: url(../i/sprites/sprite.png);
    background-position: -648px -108px;
    width: 25px;
    height: 28px; }
  .tileYoutube:before {
    background-image: url(../i/sprites/sprite.png);
    background-position: -648px -108px;
    width: 25px;
    height: 28px; }
  .tileYoutube:hover .play {
    background-image: url(../i/sprites/sprite.png);
    background-position: -245px -551px;
    width: 39px;
    height: 39px; }
  .tileYoutube .description {
    padding: 0 2em 2.1em; }
  .tileButton .buttonWrap {
    margin: 0 10px 10px; }
  .tileButton .tile-text {
    font-size: 2.3em;
    padding: 0 10px; }
  .tileButton .tile-percent,
  .tileButton .tile-number {
    font-size: 3.8em; }
  .tileButton.tileButton--right.block-2x1 .buttonWrap {
    margin-right: 70px; }
  .tileButton.tileButton--left.block-2x1 .buttonWrap {
    margin-left: 70px; }
  .play {
    background-image: url(../i/sprites/sprite.png);
    background-position: -284px -551px;
    width: 39px;
    height: 39px;
    margin-left: -19.5px;
    margin-top: -19.5px; }
  /*----- FOOTER ------------*/
  /* sprites for each icons in element .followUs */
  .followUs .ico_facebook {
    background-image: url(../i/sprites/sprite.png);
    background-position: -666px -153px;
    width: 6px;
    height: 14px; }
  .followUs .ico_tweet {
    background-image: url(../i/sprites/sprite.png);
    background-position: -465px -479px;
    width: 18px;
    height: 18px; }
  .followUs .ico_pint {
    background-image: url(../i/sprites/sprite.png);
    background-position: -451px -458px;
    width: 18px;
    height: 18px; }
  .followUs .ico_youtube {
    background-image: url(../i/sprites/sprite.png);
    background-position: -353px -328px;
    width: 15px;
    height: 14px; }
  .followUs .ico_istagram {
    background-image: url(../i/sprites/sprite.png);
    background-position: -450px -431px;
    width: 18px;
    height: 18px; }
  .otherBrands .ico_wella {
    background-image: url(../i/sprites/sprite.png);
    background-position: -221px -458px;
    width: 29px;
    height: 20px; }
  .otherBrands .ico_clairol {
    background-image: url(../i/sprites/sprite.png);
    background-position: -143px -458px;
    width: 40px;
    height: 20px; }
  .otherBrands .ico_sp {
    background-image: url(../i/sprites/sprite.png);
    background-position: -250px -458px;
    width: 29px;
    height: 20px; }
  .otherBrands .ico_sassoon {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -485px;
    width: 35px;
    height: 20px; }
  .otherBrands .ico_sebastian {
    background-image: url(../i/sprites/sprite.png);
    background-position: -321px -431px;
    width: 51px;
    height: 20px; }
  .otherBrands .ico_londa {
    background-image: url(../i/sprites/sprite.png);
    background-position: -183px -458px;
    width: 38px;
    height: 20px; }
  .otherBrands .ico_kadus {
    background-image: url(../i/sprites/sprite.png);
    background-position: -250px -506px;
    width: 44px;
    height: 24px; }
  footer, .footerRow {
    width: 755px;
    /* RESPONSIVE */ }
  footer {
    margin: 30px auto 20px; }
    footer .col {
      padding-top: 10px; }
      footer .col h3 {
        font-size: 1.106em; }
    footer .col-1 {
      width: 197px; }
      footer .col-1 h3 {
        margin-bottom: 12px; }
      footer .col-1 a {
        padding-left: 10px;
        background: url("../i/sprite/foot-arrow.png") no-repeat 0 center; }
    footer .col-2 {
      width: 308px; }
      footer .col-2 h3 {
        margin-bottom: 6px; }
    footer .col-3 {
      width: 248px; }
      footer .col-3 h3 {
        margin-bottom: 9px; }
    footer ul li {
      font-size: 0.833em;
      margin-left: 16px; }
  .footerRowWrap {
    height: 40px; }
  .footerRow {
    font-size: 0.75em;
    line-height: 20px; }
    .footerRow .center {
      margin-left: 102px; }
      .footerRow .center a {
        padding: 0 8px 0 0;
        margin-left: 8px; }
        .footerRow .center a:before {
          left: -10px; }
    .footerRow .BBB a {
      background-image: url(../i/sprites/sprite.png);
      background-position: -269px -328px;
      width: 36px;
      height: 14px; }
    .footerRow .adchoices a {
      padding-right: 17px; }
  .countrySelector a {
    background: url("../i/sprite/country-logo-ico.png") no-repeat 0 4px;
    padding-left: 15px; }
    .countrySelector a:after {
      top: 7px; }
  /* =CONTACT US PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  .contactContent {
    font-size: 1.2em; }
    .contactContent h2 {
      margin-bottom: 15px;
      font-size: 1.8em; }
    .contactContent li {
      margin-bottom: 15px; }
    .contactContent .colLeft {
      width: 438px;
      padding: 0 15px 0 0; }
    .contactContent .colRight {
      width: 260px;
      padding: 0 0 0 15px; }
  .contactForm dl {
    margin-top: 15px; }
  .contactForm dd, .contactForm dt {
    line-height: 30px;
    margin-bottom: 10px; }
  .contactForm dd {
    width: 65%; }
  .contactForm dt {
    width: 35%; }
  .contactForm textarea {
    height: 80px; }
  .contactForm .css-label, .contactForm .disclaimer {
    font-size: 0.8em; }
  .contactForm .css-label {
    line-height: 2; }
  .contactAdresses p {
    margin: 0 0 10px; }
  /* =SEARCH RESLUTS PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  .searchContent h1 {
    font-size: 2.8em; }
  .searchInput {
    margin: 35px 0 50px; }
    .searchInput .searchText {
      width: 450px;
      height: 44px;
      line-height: 44px; }
    .searchInput .button {
      margin-left: 10px; }
  .searchResult {
    margin-top: 60px; }
    .searchResult li {
      margin-top: 35px; }
    .searchResult h3 {
      font-size: 2.8em; }
    .searchResult p {
      font-size: 1.4em; }
    .searchResult .searchPage {
      background-position: 0 3.5px;
      font-size: 1.4em; }
  /*  =SALON FINDER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .salonfinderForm {
    width: 345px;
    margin-top: 25px; }
    .salonfinderForm .selectBox {
      margin-bottom: 14px; }
    .salonfinderForm input.address {
      width: 200px; }
    .salonfinderForm input.button {
      font-size: 1.4em;
      padding: 11px 10px 7px 20px;
      background-position-x: 8px; }
  /*	=PRODUCTS PAGES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .watchword {
    padding: 2em 0; }
    .watchword h2, .watchword h3 {
      font-size: 2.8em; }
    .watchword p {
      font-size: 1.2em;
      line-height: 1.2;
      margin: 15px 0; }
  .productSubMenu {
    width: 118px;
    margin-top: 20px; }
    .productSubMenu a {
      height: 38px;
      width: 103px;
      padding-left: 15px;
      font-size: 0.95em;
      line-height: 1.2; }
    .productSubMenu a.active:before, .productSubMenu a:hover:before {
      margin-top: -6px;
      border-width: 6px 0 6px 6px; }
  .productInformation .packshot {
    width: 243px; }
  .productInformation .description {
    width: 367px; }
    .productInformation .description h3 {
      font-size: 2em; }
    .productInformation .description p {
      font-size: 1.2em;
      line-height: 1.2; }
  .productInformation .socialBox .shadow {
    width: 50px; }
  .socialBox {
    margin: 15px 0; }
    .socialBox .shadow {
      width: 115px; }
    .socialBox li {
      display: inline-block;
      margin: 3px 10px;
      transition-property: opacity; }
  /*	=SITEMAP
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .sitemap {
    margin-top: 30px;
    padding-bottom: 10px; }
  .sitemap__col {
    padding: 0 0 0 15px; }
    .sitemap__col:first-child {
      padding: 0 15px 0 0; }
    .sitemap__col:last-child .sitemap__box:last-child {
      padding-bottom: 19px;
      border-bottom: 1px solid #e2e2e2; }
  .sitemap__box {
    padding-top: 20px;
    margin-top: 23px;
    border-top: 1px solid #e2e2e2; }
  .sitemap__header {
    font-size: 2.2em;
    margin-bottom: 20px; }
  .sitemap__links li {
    margin-top: 10px; }
    .sitemap__links li:first-child {
      margin-top: 0; }
  .sitemap__links a {
    font-size: 1.2em; }
  .sitemap__links.sitemap__links--inner li {
    margin-top: 5px; }
  /*	=ERROR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .errorPage .pictureFrame .colRight h1 {
    font-size: 11em; }
  .searchContent--error .searchInput {
    margin: 30px 60px 50px; }
  .searchContent--error p {
    font-size: 1.4em;
    margin-bottom: 30px; }
  .searchContent--error .button--back {
    margin: 30px 0 0; }
  /*  =COUNTRY SELECTOR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .countryselector {
    padding: 10px 15px; }
  .pictureFrame .colRight .countryselector__header {
    font-size: 1em;
    margin: 0 0 10px !important; }
  .countryselector__col--europe {
    padding: 0 40px; }
  .countryselector__box {
    margin-top: 20px; }
  .countryselector__links li {
    font-size: 0.9em;
    line-height: 12px; }
  /*  =SALON MARKETING
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .salonMarketing.main .tiles {
    margin: 0 -8px -8px; }
  .salonMarketing .tile {
    margin: 8px; }
    .salonMarketing .tile .button {
      font-size: 1.2em;
      margin: 20px 0 0;
      padding: 10px 15px 6px 25px; }
  .salonMarketing .block-1x1 {
    width: 356px;
    height: 254px; }
  .salonMarketing .dotsDescriptionContent {
    font-size: 2em; }
  .salonMarketing .mask-headline {
    font-size: 2em; }
  .customizeBox {
    padding: 25px 0 30px; }
    .customizeBox h3 {
      font-size: 2em;
      margin: 0 20px 25px; }
    .customizeBox .customizeBox__item {
      margin-bottom: 20px; }
    .customizeBox p {
      font-size: 2em; }
    .customizeBox .button {
      font-size: 1.6em; }
  /*  =STYLE VISON
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .styleVision .download {
    vertical-align: inherit; }
  .styleVision .detailsList p {
    line-height: 16px; }
  .appStoreBig {
    background-image: url(../i/sprites/sprite.png);
    background-position: -269px -294px;
    width: 102px;
    height: 34px; }
  .appStoreSmall {
    background-image: url(../i/sprites/sprite.png);
    background-position: -143px -431px;
    width: 80px;
    height: 27px; }
  .googlePlayBig {
    background-image: url(../i/sprites/sprite.png);
    background-position: -321px -257px;
    width: 104px;
    height: 34px; }
  .googlePlaySmall {
    background-image: url(../i/sprites/sprite.png);
    background-position: -343px -358px;
    width: 82px;
    height: 27px; }
  /*  =FAQ
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .faqQuestion {
    font-size: 1.9em;
    padding: 20px 35px 20px 0; }
    .faqQuestion:before {
      margin-top: -15px;
      background-image: url(../i/sprites/sprite.png);
      background-position: -242px -592px;
      width: 30px;
      height: 30px; }
  .faqAnswer {
    font-size: 1.2em;
    line-height: 1.1;
    margin-bottom: 20px; }
  .faqImg {
    max-width: 360px; }
  .activeQuestion .faqQuestion:before {
    background-image: url(../i/sprites/sprite.png);
    background-position: -212px -592px;
    width: 30px;
    height: 30px; }
  /*  =UNSUBSCRIBE PAGE
-------------------- */
  .unsubscribe input[type="text"],
  .unsubscribe input[type="email"] {
    width: 100%;
    box-sizing: border-box; }
  .unsubscribe .styled-select-wrapper {
    width: 100% !important; }
  /*  =SUBSCRIBE PAGE
-------------------- */
  .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; }
  /*  =MONEY BACK GUARANTEE PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .mbg .pictureFrame .prodInfo {
    font-size: 1.97486em; }
  .mbg .detailsList p {
    line-height: 15.36px; }
  .mbg .detailsList .button {
    margin: 43.88571px 0 49.37143px; }
  .mbg .detailsList .disclaimer {
    font-size: 0.768em;
    line-height: 12.06857px; }
  .fredagspodden .detailsList > div {
    height: 305px; }
  .fredagspodden .detailsList .inner {
    padding: 25px; }
  .fredagspodden .lykoButton {
    background-image: 150px auto; } }

/* @media */
@media screen and (min-width: 1000px) and (max-width: 1399px) {
  /*	=COMMON
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .mediaQueries {
    font-family: "mediaDesktop"; }
  .mob-show {
    display: none; }
  .main, .rwdDimension {
    width: 974px; }
  .nextBtn {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -404px;
    width: 28px;
    height: 46px; }
  .prevBtn {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -358px;
    width: 28px;
    height: 46px; }
  .pictureFrame .colRight h1.large {
    font-size: 5em; }
  .pictureFrame .prodInfo {
    font-size: 2.14286em; }
  .buttonsSubmenu {
    margin: 18.57143px 0; }
    .buttonsSubmenu a {
      min-width: 171.42857px;
      height: 32.85714px;
      line-height: 32.85714px;
      font-size: 1em;
      margin: 3.57143px;
      padding: 0 3.57143px; }
  /*----- HEADER ------------*/
  header {
    height: 50px; }
    header .logo {
      margin-left: -55px;
      top: 14px; }
      header .logo img {
        width: 70%; }
    header .search {
      right: 30px; }
      header .search .search_mini_ico {
        background-image: url(../i/sprites/sprite.png);
        background-position: -634px -100px;
        width: 13px;
        height: 20px; }
      header .search .salon_finder_ico {
        background-image: url(../i/sprites/sprite.png);
        background-position: -634px -204px;
        width: 12px;
        height: 18px; }
  /*----- BRADCRUMBS --------------*/
  section .breadcrumb {
    top: 90px; }
  /*----- FOOTER ------------*/
  /* sprites for each icons in element .followUs */
  .followUs .ico_facebook {
    background-image: url(../i/sprites/sprite.png);
    background-position: -648px -341px;
    width: 24px;
    height: 24px; }
  .followUs .ico_tweet {
    background-image: url(../i/sprites/sprite.png);
    background-position: -648px -267px;
    width: 24px;
    height: 26px; }
  .followUs .ico_pint {
    background-image: url(../i/sprites/sprite.png);
    background-position: -648px -241px;
    width: 24px;
    height: 26px; }
  .followUs .ico_youtube {
    background-image: url(../i/sprites/sprite.png);
    background-position: -648px -317px;
    width: 24px;
    height: 24px; }
  .otherBrands .ico_wella {
    background-image: url(../i/sprites/sprite.png);
    background-position: -210px -506px;
    width: 40px;
    height: 27px; }
  .otherBrands .ico_clairol {
    background-image: url(../i/sprites/sprite.png);
    background-position: -109px -506px;
    width: 54px;
    height: 27px; }
  .otherBrands .ico_sp {
    background-image: url(../i/sprites/sprite.png);
    background-position: -532px -551px;
    width: 39px;
    height: 27px; }
  .otherBrands .ico_sassoon {
    background-image: url(../i/sprites/sprite.png);
    background-position: -163px -506px;
    width: 47px;
    height: 27px; }
  .otherBrands .ico_sebastian {
    background-image: url(../i/sprites/sprite.png);
    background-position: -41px -506px;
    width: 68px;
    height: 27px; }
  .otherBrands .ico_londa {
    background-image: url(../i/sprites/sprite.png);
    background-position: -436px -404px;
    width: 51px;
    height: 27px; }
  .otherBrands .ico_kadus {
    background-image: url(../i/sprites/sprite.png);
    background-position: -371px -294px;
    width: 64px;
    height: 34px; }
  footer, .footerRow {
    width: 1000px;
    /* RESPONSIVE */ }
  .countrySelector a {
    background: url("../i/sprite/country-logo-ico.png") no-repeat 0 center; }
  /*----- TILES --------------*/
  .tiles {
    margin: 10px -5px; }
  .tile {
    margin: 5px; }
    .tile .mask-headline {
      font-size: 2.42857em; }
  .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; }
  .tileDefault:hover > img {
    filter: blur(2px); }
  .tileDefault .tileTitle {
    height: 57.14286px; }
    .tileDefault .tileTitle h4, .tileDefault .tileTitle h5 {
      font-size: 1.78571em; }
    .tileDefault .tileTitle .more {
      width: 19.28571px;
      height: 20px;
      font-size: 1.5em;
      line-height: 20px;
      margin-bottom: -10px; }
  .tileDefault .boldText, .tileDefault .thinText {
    font-size: 3.07143em; }
  .tileDefault .rating {
    margin-left: -39px; }
  .tilesTrendings .description, .tilesTrendings .twitTitle {
    font-size: 1.57143em; }
  .tilesTrendings .twitNick {
    font-size: 1.28571em; }
  .tileButton .tile-number, .tileButton .tile-percent {
    font-size: 5em; }
  .home .tile {
    margin: 5px; }
  .home .block-1x1 {
    width: 482px;
    height: 344px; }
  .home .block-1x2 {
    width: 482px;
    height: 698px; }
  .home .block-2x1 {
    width: 974px;
    height: 344px; }
  .landingProductsTiles .tileDefault .tileTitle {
    height: 41.42857px; }
    .landingProductsTiles .tileDefault .tileTitle h4, .landingProductsTiles .tileDefault .tileTitle h5 {
      font-size: 2.14286em; }
  /*----- PANELS --------------*/
  .panels {
    margin-top: 20px; }
    .panels .block {
      width: 481px;
      height: 292px; }
      .panels .block .content {
        width: 167px; }
        .panels .block .content span {
          font-size: 1.78571em;
          padding: 3.57143px 14.28571px;
          padding: 0 10px; }
    .panels .block-1 {
      margin-right: 10px; }
    .panels .block-2 .nextBtn {
      right: 168px; }
    .panels .packshot {
      width: 314px; }
    .panels .searchPane {
      width: 238px;
      z-index: 2;
      top: 101px;
      left: 44px;
      box-shadow: 0 20px 45px 15px rgba(0, 0, 0, 0.4); }
      .panels .searchPane .selectBox .styled-select-text {
        font-size: 1.1em; }
      .panels .searchPane .selectBox .styled-select-button {
        width: 28px; }
      .panels .searchPane input[type="text"] {
        width: 190px;
        font-size: 1.1em; }
  /*  =DETAILS LIST
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .detailsList .inner {
    padding: 54px 54px 54px 7px; }
  .detailsList .rowLeft .inner {
    padding: 54px 7px 54px 54px; }
  .detailsList h2 {
    font-size: 2.5em; }
  .detailsList p, .detailsList ul {
    font-size: 1.2em; }
  .detailsList .button {
    margin-top: 21.42857px; }
  /*  =TOP MAIN VISUAL
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .topMainVisual {
    padding-top: 78px; }
  /*  =SALON FINDER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .salonfinderForm {
    width: 450px;
    margin-top: 55px; }
    .salonfinderForm .selectBox {
      margin-bottom: 20px; }
    .salonfinderForm input.address {
      width: 250px; }
    .salonfinderForm .button {
      width: 185px !important;
      height: 46px;
      font-size: 1.5em;
      line-height: 1;
      margin-left: 14px;
      padding: 15px 22px 11px 26px; }
  /*  =COUNTRY SELECTOR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .countryselector {
    padding: 14.28571px 21.42857px;
    margin-top: 7.14286px; }
  .pictureFrame .colRight .countryselector__header {
    font-size: 1.28571em;
    margin: 0 0 8.57143px !important; }
  .countryselector__col--europe {
    padding: 0 46.42857px; }
  .countryselector__box {
    margin-top: 17.85714px; }
  .countryselector__links li {
    font-size: 1.07143em;
    line-height: 14.28571px; }
  /*  =PRODUCTS PAGES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .watchword {
    padding: 4.28571em 0 2.85714em; }
    .watchword h2, .watchword h3 {
      font-size: 4.28571em; }
    .watchword p {
      font-size: 1.2em;
      line-height: 1.2;
      margin: 28.57143px 0; }
  .productSubMenu {
    width: 152.85714px;
    margin-top: 14.28571px; }
    .productSubMenu a {
      height: 50px;
      width: 133.57143px;
      padding-left: 19.28571px;
      font-size: 1.21429em;
      line-height: 0.85714; }
      .productSubMenu a:hover:before, .productSubMenu a.active:before {
        border-width: 7.14286px 0 7.14286px 7.14286px;
        margin-top: -7.14286px; }
  .productInformation .packshot {
    width: 327.14286px; }
  .productInformation .description {
    width: 489.28571px;
    line-height: 17.85714px; }
    .productInformation .description h3 {
      font-size: 2.85714em;
      margin-bottom: 2.85714%; }
    .productInformation .description p {
      font-size: 1.14286em;
      margin: 2.85714% 0; }
  .productInformation .socialBox .shadow {
    width: 50px; }
  .socialBox {
    margin: 15px 0; }
    .socialBox .shadow {
      width: 115px; }
    .socialBox li {
      display: inline-block;
      margin: 3px 10px;
      transition-property: opacity; }
  /*  =SITEMAP
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .sitemap {
    margin-top: 57.14286px;
    padding-bottom: 10.71429px; }
  .sitemap__col {
    padding: 0 0 0 21.42857px; }
    .sitemap__col:first-child {
      padding: 0 21.42857px 0 0; }
    .sitemap__col:last-child .sitemap__box:last-child {
      padding-bottom: 27.85714px; }
  .sitemap__box {
    padding-top: 26.42857px;
    margin-top: 28.57143px; }
  .sitemap__header {
    font-size: 2.85714em;
    margin-bottom: 25px; }
  .sitemap__links li {
    margin-top: 14.28571px; }
  .sitemap__links a {
    font-size: 1.42857em; }
  .sitemap__links.sitemap__links--inner li {
    margin-top: 7.14286px; }
  /*  =FAQ
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .faqQuestion {
    font-size: 2.14286em;
    padding: 28.57143px 39.28571px 28.57143px 0; }
    .faqQuestion:before {
      margin-top: -15px;
      background-image: url(../i/sprites/sprite.png);
      background-position: -242px -592px;
      width: 30px;
      height: 30px; }
  .activeQuestion .faqQuestion:before {
    background-image: url(../i/sprites/sprite.png);
    background-position: -212px -592px;
    width: 30px;
    height: 30px; }
  .faqAnswer {
    font-size: 1.2em;
    line-height: 1.1;
    margin-bottom: 42.85714px; }
  .faqImg {
    margin: 0 0 14.28571px 14.28571px;
    max-width: 485.71429px; }
  /* =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 textarea {
    height: 105px; }
  .contactForm .css-label {
    line-height: 1.6; }
  .contactForm .selectBox .styled-select-wrapper {
    height: 28px; }
  .contactForm .selectBox .styled-select-text {
    padding-right: 28px; }
  .contactForm .selectBox .styled-select-button {
    width: 28px; }
  /*  =SALON MARKETING
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .salonMarketing .tile {
    margin: 5px; }
    .salonMarketing .tile .button {
      margin: 25px 0 0; }
  .salonMarketing .block-1x1 {
    width: 482px;
    height: 344px; }
  .salonMarketing .dotsDescriptionContent {
    font-size: 2.57143em; }
  .customizeBox {
    padding: 32.14286px 0 25px; }
    .customizeBox h3 {
      font-size: 2.14286em;
      margin-bottom: 25px; }
    .customizeBox .customizeBox__item {
      margin-bottom: 21.42857px; }
    .customizeBox p {
      font-size: 1.57143em; }
  /*  =STYLE VISON
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .styleVision .detailsList p {
    line-height: 15.71429px; }
  .appStoreBig {
    background-image: url(../i/sprites/sprite.png);
    background-position: -269px -294px;
    width: 102px;
    height: 34px; }
  .appStoreSmall {
    background-image: url(../i/sprites/sprite.png);
    background-position: -143px -431px;
    width: 80px;
    height: 27px; }
  .googlePlayBig {
    background-image: url(../i/sprites/sprite.png);
    background-position: -321px -257px;
    width: 104px;
    height: 34px; }
  .googlePlaySmall {
    background-image: url(../i/sprites/sprite.png);
    background-position: -343px -358px;
    width: 82px;
    height: 27px; }
  /*  =UNSUBSCRIBE PAGE
-------------------- */
  .unsubscribe input[type="text"],
  .unsubscribe input[type="email"] {
    width: 300px; }
  /*  =SUBSCRIBE PAGE
-------------------- */
  .subscribe input[type="text"],
  .subscribe input[type="email"] {
    width: 393px; }
  .subscribe .styled-select-wrapper {
    float: right; }
  .subscribe .contactForm .selectBox {
    float: right; }
  .subscribe .contactForm .left .selectBox {
    margin: 0 213px 0 0; }
  .subscribe .contactForm .selectComboWrap.single .selectBox {
    width: 393px;
    margin: 0; }
  .subscribe .contactForm .selectComboWrap.double .selectBox {
    width: 187px; }
    .subscribe .contactForm .selectComboWrap.double .selectBox + .selectBox {
      width: 187px;
      margin-right: 19px; }
  .subscribe h2 {
    margin-bottom: 10px; }
  .subscribe .contactForm input + .validation-error-message {
    width: 372px; }
  /*  =MONEY BACK GUARANTEE PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .mbg .pictureFrame .prodInfo {
    font-size: 2.57143em; }
  .mbg .detailsList p {
    line-height: 20px; }
  .mbg .detailsList .button {
    margin: 57.14286px 0 64.28571px; }
  .mbg .detailsList .disclaimer {
    font-size: 1em;
    line-height: 15.71429px; }
  .fredagspodden .detailsList > div {
    height: 350px; }
  .fredagspodden .detailsList .inner {
    padding: 65px; } }

/* @media */
@media screen and (min-width: 1400px) {
  /*	=COMMON
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  .mediaQueries {
    font-family: "mediaDesktop"; }
  .mob-show {
    display: none; }
  .main, .rwdDimension {
    width: 1358px; }
  .main .tiles {
    margin: 20px -11px -10px; }
  .nextBtn {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -404px;
    width: 28px;
    height: 46px; }
  .prevBtn {
    background-image: url(../i/sprites/sprite.png);
    background-position: -533px -358px;
    width: 28px;
    height: 46px; }
  .home.main {
    width: 1360px;
    /* RESPONSIVE */
    /* DYNAMIC BOXES ISOTOPE */ }
    .home.main.fixWidth.dynamicBox {
      width: 1400px;
      /* RESPONSIVE */ }
    .home.main .tiles {
      margin: 15px 8px -15px; }
  /*----- HEADER ------------*/
  header .search .search_mini_ico {
    background-image: url(../i/sprites/sprite.png);
    background-position: -634px -100px;
    width: 13px;
    height: 20px; }
  header .search .salon_finder_ico {
    background-image: url(../i/sprites/sprite.png);
    background-position: -634px -204px;
    width: 12px;
    height: 18px; }
  /*----- BRADCRUMBS --------------*/
  section .breadcrumb {
    top: 120px; }
  /*----- FOOTER ------------*/
  .followUs .ico_facebook {
    background-image: url(../i/sprites/sprite.png);
    background-position: -648px -341px;
    width: 24px;
    height: 24px; }
  .followUs .ico_tweet {
    background-image: url(../i/sprites/sprite.png);
    background-position: -648px -267px;
    width: 24px;
    height: 26px; }
  .followUs .ico_pint {
    background-image: url(../i/sprites/sprite.png);
    background-position: -648px -241px;
    width: 24px;
    height: 26px; }
  .followUs .ico_youtube {
    background-image: url(../i/sprites/sprite.png);
    background-position: -648px -317px;
    width: 24px;
    height: 24px; }
  .otherBrands .ico_wella {
    background-image: url(../i/sprites/sprite.png);
    background-position: -210px -506px;
    width: 40px;
    height: 27px; }
  .otherBrands .ico_clairol {
    background-image: url(../i/sprites/sprite.png);
    background-position: -109px -506px;
    width: 54px;
    height: 27px; }
  .otherBrands .ico_sp {
    background-image: url(../i/sprites/sprite.png);
    background-position: -532px -551px;
    width: 39px;
    height: 27px; }
  .otherBrands .ico_sassoon {
    background-image: url(../i/sprites/sprite.png);
    background-position: -163px -506px;
    width: 47px;
    height: 27px; }
  .otherBrands .ico_sebastian {
    background-image: url(../i/sprites/sprite.png);
    background-position: -41px -506px;
    width: 68px;
    height: 27px; }
  .otherBrands .ico_londa {
    background-image: url(../i/sprites/sprite.png);
    background-position: -436px -404px;
    width: 51px;
    height: 27px; }
  .otherBrands .ico_kadus {
    background-image: url(../i/sprites/sprite.png);
    background-position: -371px -294px;
    width: 64px;
    height: 34px; }
  footer, .footerRow {
    width: 1000px;
    /* RESPONSIVE */ }
  .countrySelector a {
    background: url("../i/sprite/country-logo-ico.png") no-repeat 0 center; }
  /*----- TILES --------------*/
  .tileDefault:hover > img {
    filter: blur(2px); }
  .tilesTrendings .description,
  .tilesTrendings .twitTitle {
    font-size: 2.2em; }
  .tilesTrendings .twitNick {
    font-size: 1.8em; }
  /*  =SALON FINDER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .salonfinderForm {
    width: 490px;
    margin-top: 55px; }
    .salonfinderForm .selectBox {
      margin-bottom: 20px; }
    .salonfinderForm input.address {
      width: 285px; }
  /*  =COUNTRY SELECTOR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .countryselector {
    padding: 20px 30px;
    margin-top: 10px; }
  .pictureFrame .colRight .countryselector__header {
    font-size: 1.8em;
    margin: 0 0 12px !important; }
  .countryselector__col--europe {
    padding: 0 65px; }
  .countryselector__box {
    margin-top: 25px; }
  .countryselector__links li {
    font-size: 1.5em;
    line-height: 20px; }
  /*  =SALON MARKETING
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .salonMarketing.main .tiles {
    margin: 0 -15px -15px; }
  .customizeBox {
    padding: 45px 0 35px; }
    .customizeBox h3 {
      font-size: 3em;
      margin-bottom: 35px; }
    .customizeBox .customizeBox__item {
      margin-bottom: 30px; }
    .customizeBox p {
      font-size: 2.2em; }
  /*  =STYLE VISON
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
  .styleVision .detailsList p {
    line-height: 22px; }
  .appStoreBig {
    background-image: url(../i/sprites/sprite.png);
    background-position: 0px -60px;
    width: 179px;
    height: 60px; }
  .appStoreSmall {
    background-image: url(../i/sprites/sprite.png);
    background-position: -111px -257px;
    width: 110px;
    height: 37px; }
  .googlePlayBig {
    background-image: url(../i/sprites/sprite.png);
    background-position: 0px 0px;
    width: 182px;
    height: 60px; }
  .googlePlaySmall {
    background-image: url(../i/sprites/sprite.png);
    background-position: 0px -257px;
    width: 111px;
    height: 37px; } }

/* @media */

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