@charset "UTF-8";
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=38df5a45-24fd-4184-8fdd-bc2896f76927&fontids=674399,674411,694021,694033");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* column width of items cell in cart */
/* end */
/* ===========================================================================================================
	FORMS
============================================================================================================= */
/*
* customButton(larghezza, altezza, coloreFont, coloreSfondo, coloreFontHover, coloreSfondoHover, coloreBordo, coloreBordoHover)
*/
/*
* customBox(larghezza, coloreFont, coloreSfondo, coloreFontHover)
*/
/*
* customLink(colore, coloreHover, align, TextDecoration, TextTransform, is Block?)
*/
.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}

/* MIXIN FOR FIXED WIDTH INNER CONTAINER */
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-14px);
  }
  60% {
    -webkit-transform: translateY(-7px);
  }
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-14px);
  }
  60% {
    -moz-transform: translateY(-7px);
  }
}
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -o-transform: translateY(0);
  }
  40% {
    -o-transform: translateY(-14px);
  }
  60% {
    -o-transform: translateY(-7px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-14px);
  }
  60% {
    transform: translateY(-7px);
  }
}
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-3px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(3px);
  }
}
@-moz-keyframes shake {
  0%, 100% {
    -moz-transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -moz-transform: translateX(-3px);
  }
  20%, 40%, 60%, 80% {
    -moz-transform: translateX(3px);
  }
}
@-o-keyframes shake {
  0%, 100% {
    -o-transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -o-transform: translateX(-3px);
  }
  20%, 40%, 60%, 80% {
    -o-transform: translateX(3px);
  }
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-3px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(3px);
  }
}
/* ==|== HELPERS ==================================================================================================== */
/* questo CSS ´┐¢ uno schifo totale,complimenti. da rifare da zero nei tempi morti!! */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}

.ir br {
  display: none;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.invisible {
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

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

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.covert {
  display: none;
}

body.js [data-action] {
  cursor: pointer;
}

/* js UI controls use this */
/* hide the injected loading animation from ECPack */
.ajaxLoad {
  display: none !important;
  position: fixed;
  background: transparent;
}

.scrollable {
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -ms-overflow-scrolling: touch;
  overflow-scrolling: touch;
  *zoom: 1;
  overflow-x: hidden;
  height: 100%;
  /* default 100%; the correct height should be calculated in runtime by layoutHelper function */
  /* 	body.contentOverlay &,
      body.showMegamenu &,
      body.showMainMenu &,
      body.showCart & {
          overflow: hidden;
          -webkit-transform: translate3d(0,0,0);
      } */
}
body.disableScroll .scrollable {
  overflow: hidden !important;
}
.scrollable.infinite {
  -webkit-transform: translate3d(0, 0, 0);
}

html, body {
  width: 100%;
  height: 100%;
}

/* width: 100% is needed for ie8 */
body {
  font: 62.5% "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
  /* ----  FROM NOW ON 1em = 10px ---- */
  min-width: 98em;
  /* ---- a portrait iPad is 768px ---- */
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  /*
  Note: without text-size-adjust override above the 70% of 10px would be 9px instead of 7px on the iPad.
  https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/AdjustingtheTextSize/AdjustingtheTextSize.html
  */
}

/*  main container,
	wrapper for #pages (when there's more than one, like  the splash and the hp);
	to add more pages, make sure there's a #pages wrapper (like in home) 
	just replicate the markup div.page and increment the $n_pages var in _vars.scss
*/
#pages_wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#pages_wrapper #pages {
  height: 100%;
}

#pages_wrapper .page {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

#fastreg #pages_wrapper {
  height: auto;
}

#site.page .page_struct_horiz {
  /**
  * For modern browsers
  * 1. The space content is one way to avoid an Opera bug when the
  *    contenteditable attribute is included anywhere else in the document.
  *    Otherwise it causes space to appear at the top and bottom of elements
  *    that are clearfixed.
  *
  * 2. The use of `table` rather than `block` is only necessary if using
  *    `:before` to contain the top-margins of child elements.
  *
  * 3. For IE 6/7 only
  *    Include this rule to trigger hasLayout and contain floats.
  */
  /* clearfix */
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 200%;
    /*
        set a double width to avoid line-wrapping of floated elements (content + 2 sidebars )
        ...the two sidemenus have a width in em, and the #page_content will be set to width 50%
        so it will be back to 100% of the outer container

    */
  /*		background-color: $sidemenus_bgcolor;*/
  -webkit-transform: translate3d(-28em, 0, 0);
  -moz-transform: translate3d(-28em, 0, 0);
  -ms-transform: translate3d(-28em, 0, 0);
  transform: translate3d(-28em, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
#site.page .page_struct_horiz:before, #site.page .page_struct_horiz:after {
  content: " ";
  display: table;
}
#site.page .page_struct_horiz:after {
  clear: both;
}
#site.page .page_struct_horiz {
  *zoom: 1;
}
body.loaded #site.page .page_struct_horiz {
  -moz-transition: -moz-transform 0.5s ease-in-out, margin 0.5s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out, margin 0.5s ease-in-out;
  -webkit-transition: -webkit-transform 0.5s ease-in-out, margin 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, margin 0.5s ease-in-out;
}
html.no-csstransforms3d #site.page .page_struct_horiz {
  margin-left: -28em;
}
#site.page .overlay_wrapper {
  height: 100%;
  position: relative;
}

body.logged .nlBlockContainer {
  display: none;
}

.sidemenu {
  display: block;
  float: left;
  width: 28em;
  height: 100%;
}
.sidemenu h3,
.sidemenu .groupTitle {
  height: 2em;
  line-height: 2em;
  font-size: 2em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin: 0;
  padding-left: 1em;
  color: #fff;
  position: relative;
}
html.no-touch .sidemenu a.groupTitle[href]:hover {
  background-color: #ff2c14;
  -moz-transition: background-color 0.25s;
  -o-transition: background-color 0.25s;
  -webkit-transition: background-color 0.25s;
  transition: background-color 0.25s;
}
.sidemenu h3[data-action="toggle_sidemenu_accordion"].active:before {
  margin-top: -0.125em;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0.25em;
  border-left-color: #fff;
  border-right: 0;
}
.sidemenu h3[data-action="toggle_sidemenu_accordion"]:before {
  position: absolute;
  top: 50%;
  margin-top: 0;
  right: 1.3em;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0.25em;
  border-top-color: #fff;
  border-bottom: 0;
}
.sidemenu .close {
  display: block;
  min-height: 7em;
  line-height: 7em;
  color: #737373;
  text-align: right;
}
.sidemenu .close .label {
  display: block;
  height: 100%;
  float: left;
  font-size: 1.25em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 1.5em;
}
.sidemenu .close:hover {
  color: #fff;
}
.sidemenu .submenu {
  overflow: hidden;
  margin: 0 0 1em 0;
}
.sidemenu a, .sidemenu h6 {
  display: block;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  letter-spacing: 0.02em;
  text-decoration: none;
  color: #737373;
}
html.no-touch .sidemenu a[href]:hover, html.no-touch .sidemenu h6[href]:hover {
  color: #fff;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}
.sidemenu li.selected {
  background-color: #ff2c14;
}
.sidemenu li.selected a {
  color: #fff;
}
.sidemenu .categoriesSubmenu a, .sidemenu .categoriesSubmenu h6, .sidemenu .experienceSubmenu a, .sidemenu .experienceSubmenu h6 {
  height: 3em;
  line-height: 3em;
  padding-left: 1.4em;
}
html.no-touch .sidemenu .categoriesSubmenu a[href]:hover, html.no-touch .sidemenu .categoriesSubmenu h6[href]:hover, html.no-touch .sidemenu .experienceSubmenu a[href]:hover, html.no-touch .sidemenu .experienceSubmenu h6[href]:hover {
  background-color: #ff2c14;
  -moz-transition: background-color 0.25s;
  -o-transition: background-color 0.25s;
  -webkit-transition: background-color 0.25s;
  transition: background-color 0.25s;
}
.sidemenu .preciousSubmenu a {
  font-size: 1em;
  color: #cb9105;
  font-weight: bold;
  letter-spacing: 0;
}
.sidemenu .preciousSubmenu a:hover {
  color: #cb9105 !important;
}
.sidemenu .infoSectionLeftMenu {
  border-top: 1px solid #444;
  margin-top: 2em;
  padding: 2em 0;
}
.sidemenu .infoSectionLeftMenu a {
  font-size: 1.6em;
  line-height: 2em;
  height: 2em;
  font-family: MetaSerifProItalic, Georgia, Serif;
  letter-spacing: -0.02em;
  padding-left: 1.4em;
}

/* cart Layer */
#cartLayerContainer {
  /**
  * For modern browsers
  * 1. The space content is one way to avoid an Opera bug when the
  *    contenteditable attribute is included anywhere else in the document.
  *    Otherwise it causes space to appear at the top and bottom of elements
  *    that are clearfixed.
  *
  * 2. The use of `table` rather than `block` is only necessary if using
  *    `:before` to contain the top-margins of child elements.
  *
  * 3. For IE 6/7 only
  *    Include this rule to trigger hasLayout and contain floats.
  */
  width: 30em;
  position: relative;
}
#cartLayerContainer:before, #cartLayerContainer:after {
  content: " ";
  display: table;
}
#cartLayerContainer:after {
  clear: both;
}
#cartLayerContainer {
  *zoom: 1;
}
#cartLayerContainer .cart-top {
  min-height: 7em;
  line-height: 7em;
  position: absolute;
  color: #121212;
  top: 0;
  width: 100%;
}
#cartLayerContainer .cart-top .label {
  display: block;
  height: 100%;
  float: left;
  font-size: 1.25em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 1.5em;
}
#cartLayerContainer .cart-top a {
  padding: 0;
}
#cartLayerContainer .cart-top .num-items {
  overflow: hidden;
  display: block;
  height: 100%;
  text-align: right;
  font-size: 1.25em;
  padding-right: 1.5em;
}
#cartLayerContainer .empty-cart-intro {
  display: block;
  line-height: 6em;
  width: 100%;
  float: left;
  font-size: 1.25em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 1.5em;
}
#cartLayerContainer .empty-cart {
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  text-align: left;
  color: #e5e5e5;
  margin-left: 20px;
  font-size: 6em;
  line-height: .9em;
  letter-spacing: -0.02em;
  position: absolute;
  width: 90%;
  height: 100%;
  margin-top: -50%;
  top: 50%;
  word-wrap: break-word;
}
body.de #cartLayerContainer .empty-cart {
  font-size: 5em;
}

@media only screen and (min-height: 768px) {
  #shoppingBagOverlay {
    height: 100%;
    position: relative;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    overflow-scrolling: touch;
    *zoom: 1;
    overflow-x: hidden;
  }
  body.disableScroll #shoppingBagOverlay {
    overflow: hidden !important;
  }
}

#cartpreviewlist {
  background: white;
  display: block;
  position: relative;
  margin-top: 7em;
  border-top: 1px solid #e9e9e9;
}
#cartpreviewlist .itemRow {
  /**
  * For modern browsers
  * 1. The space content is one way to avoid an Opera bug when the
  *    contenteditable attribute is included anywhere else in the document.
  *    Otherwise it causes space to appear at the top and bottom of elements
  *    that are clearfixed.
  *
  * 2. The use of `table` rather than `block` is only necessary if using
  *    `:before` to contain the top-margins of child elements.
  *
  * 3. For IE 6/7 only
  *    Include this rule to trigger hasLayout and contain floats.
  */
  position: relative;
  border-bottom: 1px solid #e9e9e9;
}
#cartpreviewlist .itemRow:before, #cartpreviewlist .itemRow:after {
  content: " ";
  display: table;
}
#cartpreviewlist .itemRow:after {
  clear: both;
}
#cartpreviewlist .itemRow {
  *zoom: 1;
}
#cartpreviewlist .itemRow:last-child {
  border-bottom: none;
}
#cartpreviewlist .cartImg {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  float: left;
  margin: 17px 11px;
  top: 0;
  left: 0;
  bottom: 0;
}
#cartpreviewlist .cartImg img {
  width: 85px;
}
#cartpreviewlist .itemDesc {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  float: left;
  padding: 17px 0;
  width: 130px;
  text-align: left;
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
  line-height: 15px;
  overflow: hidden;
}
#cartpreviewlist .deleteCont {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: absolute;
  right: 2em;
  top: 50%;
}
#cartpreviewlist .deleteCont a.itemDelete {
  margin-top: -50%;
}
#cartpreviewlist .deleteCont span.icon, #cartpreviewlist .deleteCont span#cboxClose:before {
  font-size: 2em;
  color: #d9d9d9;
}
html.no-touch #cartpreviewlist .deleteCont span.icon:hover, html.no-touch #cartpreviewlist .deleteCont span#cboxClose:hover:before {
  color: #000;
}
#cartpreviewlist .name {
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  letter-spacing: -0.02em;
  font-size: 1.6em;
  line-height: 16px;
  margin-bottom: 0.3em;
}
#cartpreviewlist .itemsColor {
  letter-spacing: -0.02em;
  font-size: 1.4em;
  line-height: 1.2em;
  overflow: hidden;
}
#cartpreviewlist .itemsPreorder {
  margin-bottom: 4px;
  color: #adadad;
  text-transform: uppercase;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  font-size: 1.2em;
}
#cartpreviewlist .itemsPrice {
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
  margin-top: 2em;
}
#cartpreviewlist .itemsPrice .price {
  color: #76c661;
  font-size: 1.8em;
  margin-right: 1em;
}
#cartpreviewlist .itemsBoxQuantity {
  font-size: 1.5em;
  padding-bottom: 1em;
}
#cartpreviewlist .itemsQuantity {
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 1.2em;
}
@media only screen and (max-height: 768px) {
  #cartpreviewlist {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    overflow-scrolling: touch;
    *zoom: 1;
    overflow-x: hidden;
  }
  body.disableScroll #cartpreviewlist {
    overflow: hidden !important;
  }
  #cartpreviewlist .dummy-item {
    display: block;
    height: 25em;
    width: 100%;
  }
}

#cartpreviewtot {
  border-top: 1px solid #e9e9e9;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  background: #fff;
  position: relative;
  width: 100%;
  padding: 23px 0 27px 0;
  text-align: center;
}
#cartpreviewtot .label {
  display: block;
  text-transform: uppercase;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  font-size: 1.3em;
  margin: 0 0 5px 0;
}
#cartpreviewtot .value {
  display: block;
  font-size: 4.3em;
  font-family: "HelveticaNeueW02-UltLt", Helvetica, Arial, sans-serif;
  color: #76c661;
  overflow: hidden;
  margin: 0 15px 20px 15px;
}
#cartpreviewtot a.btnGoToCart {
  width: 213px;
  /* 	height: $height;
  	line-height: -3+$height; */
  padding: 1em;
  color: #fff;
  text-align: center;
  background-color: #76c661;
  display: block;
  text-decoration: none;
  border: 1px solid #76c661;
  font-size: 1.5em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  cursor: pointer;
  white-space: normal;
  /* to allow line wraps in input type=button */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 0 15px;
  height: 45px;
  line-height: 45px;
  padding: 0;
  width: auto;
}
#cartpreviewtot a.btnGoToCart:hover, #cartpreviewtot a.btnGoToCart:focus {
  background-color: #62a651;
  color: #fff;
  border-color: #62a651;
}
html.no-touch #cartpreviewtot a.btnGoToCart:hover {
  bacground-color: #76c661;
}
@media only screen and (max-height: 768px) {
  #cartpreviewtot {
    position: absolute;
    bottom: 0;
  }
}

#top {
  position: relative;
  /**
  * For modern browsers
  * 1. The space content is one way to avoid an Opera bug when the
  *    contenteditable attribute is included anywhere else in the document.
  *    Otherwise it causes space to appear at the top and bottom of elements
  *    that are clearfixed.
  *
  * 2. The use of `table` rather than `block` is only necessary if using
  *    `:before` to contain the top-margins of child elements.
  *
  * 3. For IE 6/7 only
  *    Include this rule to trigger hasLayout and contain floats.
  */
  /* clearfix */
}
#top:before, #top:after {
  content: " ";
  display: table;
}
#top:after {
  clear: both;
}
#top {
  *zoom: 1;
}

#stripPromoEngine {
  width: 100%;
  height: 36px;
  background-color: #66ff00;
  overflow: hidden;
  display: block !important;
  position: relative;
}
#stripPromoEngine .cursorPromo {
  cursor: pointer;
}
#stripPromoEngine .centerBlock {
  background-color: #66ff00;
  width: 100%;
  margin: 0 auto;
}
#stripPromoEngine .centerBlock.short, #stripPromoEngine .centerBlock.long {
  position: absolute;
}
#stripPromoEngine .centerBlock.short {
  top: 0px;
}
#stripPromoEngine .centerBlock.long {
  top: 36px;
}
#stripPromoEngine .centerBlock .shortMessageWrapper {
  width: 960px;
  margin: 0 auto;
  height: 36px;
  overflow: hidden;
}
#stripPromoEngine .centerBlock .longMessageWrapper {
  width: 960px;
  margin: 0 auto;
  height: 200px;
  overflow: hidden;
}
#stripPromoEngine .centerBlock .shortMsg {
  width: 960px;
  height: 36px;
  font-size: 14px;
  color: #000;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  text-align: center;
  line-height: 36px;
  text-transform: uppercase;
}
#stripPromoEngine .centerBlock .shortMsg .icon, #stripPromoEngine .centerBlock .shortMsg #cboxClose:before {
  font-size: 10px;
}
#stripPromoEngine .centerBlock .shortMsg .iconMinus {
  display: none;
}
#stripPromoEngine .centerBlock .longMsg {
  padding-top: 30px;
  width: 960px;
  height: 200px;
  font-size: 34px;
  color: #000;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  text-align: center;
}
#stripPromoEngine .centerBlock.active .shortMsg,
#stripPromoEngine .centerBlock.active .longMsg {
  display: block;
  top: 0;
  position: absolute;
  z-index: 1000;
}
#stripPromoEngine .banner {
  width: 100%;
}
#stripPromoEngine .banner img {
  margin: 0 auto;
}
#stripPromoEngine .callToAction {
  margin: 0 10px;
}

@media only screen and (max-width: 1440px) {
  #stripPromoEngine .callToAction {
    padding: 20px;
  }
}
#site_header {
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /**
  * For modern browsers
  * 1. The space content is one way to avoid an Opera bug when the
  *    contenteditable attribute is included anywhere else in the document.
  *    Otherwise it causes space to appear at the top and bottom of elements
  *    that are clearfixed.
  *
  * 2. The use of `table` rather than `block` is only necessary if using
  *    `:before` to contain the top-margins of child elements.
  *
  * 3. For IE 6/7 only
  *    Include this rule to trigger hasLayout and contain floats.
  */
  /* clearfix */
  width: 100%;
  background: #000;
}
#site_header:before, #site_header:after {
  content: " ";
  display: table;
}
#site_header:after {
  clear: both;
}
#site_header {
  *zoom: 1;
}
#site_header h1 {
  display: block;
  float: left;
  border-left: 1px solid #2f2f2f;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  height: 7em;
  font: normal normal 1em "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
}
#site_header h1 a {
  display: block;
  height: 100%;
  line-height: 7em;
  text-decoration: none;
  color: #ff2c14;
}
#site_header h1 .icon, #site_header h1 #cboxClose:before {
  font-size: 3em;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: -0.1em 0 0 0.8em;
}
html.ielt8 #site_header h1 {
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  text-decoration: none;
}
html.ielt8 #site_header h1 .hidden {
  display: block !important;
  visibility: visible !important;
  font-size: 3em;
  letter-spacing: -0.02em;
}
html.ielt8 #site_header h1 a {
  line-height: 1 !important;
}
#site_header .menu {
  float: right;
}
#site_header .menu.priority {
  float: left;
}
#site_header .menu li {
  display: block;
  float: left;
  position: relative;
}
#site_header .menu li.search,
#site_header .menu li.colorpicker,
#site_header .menu li.wishlist,
#site_header .menu li.cartLayerIcon {
  border-left: 1px solid #2f2f2f;
}
#site_header .menu li.search a,
#site_header .menu li.colorpicker a,
#site_header .menu li.wishlist a,
#site_header .menu li.cartLayerIcon a {
  padding: 0 0.8em;
}
#site_header .menu li.accountindex,
#site_header .menu li.accountregistration {
  display: none;
}
#site_header .menu li.myAccount .icon, #site_header .menu li.myAccount #cboxClose:before,
#site_header .menu li.loginRegistration .icon,
#site_header .menu li.loginRegistration #cboxClose:before,
#site_header .menu li.cyc .icon,
#site_header .menu li.cyc #cboxClose:before,
#site_header .menu li.info .icon,
#site_header .menu li.info #cboxClose:before,
#site_header .menu li.storeLocator .icon,
#site_header .menu li.storeLocator #cboxClose:before,
#site_header .menu li.social .icon,
#site_header .menu li.social #cboxClose:before {
  display: none;
}
#site_header .menu li.myAccount a.blink {
  background: #ff2c14;
  color: #fff;
}
#site_header .menu a {
  display: block;
  position: relative;
  min-width: 5em;
  padding: 0 3em;
  text-align: center;
  color: #7D7D7D;
  line-height: 7em;
  min-height: 7em;
  -moz-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  -webkit-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}
#site_header .menu a .nitems {
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  position: absolute;
  right: 1.2em;
  top: -1.2em;
}
html.no-touch #site_header .menu a:hover, #site_header .menu a.active {
  color: #fff;
  background-color: #2f2f2f;
}
html.no-touch #site_header .menu a:hover .icon, html.no-touch #site_header .menu a:hover #cboxClose:before, #site_header .menu a.active .icon, #site_header .menu a.active #cboxClose:before {
  color: #fff;
}
.preciousSubmenu html.no-touch #site_header .menu a:hover, .preciousSubmenu #site_header .menu a.active {
  color: #cb9105;
}
#site_header .menu a[data-action="toggle_mainMenu"] {
  color: #fff;
}
#site_header .menu a[data-action="toggle_megamenu_account"].active, html.no-touch #site_header .menu a[data-action="toggle_megamenu_account"].active:hover, #site_header .menu a[data-action="toggle_mainMenu"].active a, html.no-touch #site_header .menu a[data-action="toggle_mainMenu"].active:hover a, html.no-touch #site_header .menu a[data-action="toggle_mainMenu"].active:focus a {
  background-color: #ff2c14;
  color: #fff;
}
#site_header .menu a[data-action="toggle_megamenu_account"].active .icon, #site_header .menu a[data-action="toggle_megamenu_account"].active #cboxClose:before, #site_header .menu a[data-action="toggle_megamenu_account"].active .icon:before, #site_header .menu a[data-action="toggle_megamenu_account"].active #cboxClose:before, html.no-touch #site_header .menu a[data-action="toggle_megamenu_account"].active:hover .icon, html.no-touch #site_header .menu a[data-action="toggle_megamenu_account"].active:hover #cboxClose:before, html.no-touch #site_header .menu a[data-action="toggle_megamenu_account"].active:hover .icon:before, html.no-touch #site_header .menu a[data-action="toggle_megamenu_account"].active:hover #cboxClose:before, #site_header .menu a[data-action="toggle_mainMenu"].active a .icon, #site_header .menu a[data-action="toggle_mainMenu"].active a #cboxClose:before, #site_header .menu a[data-action="toggle_mainMenu"].active a .icon:before, #site_header .menu a[data-action="toggle_mainMenu"].active a #cboxClose:before, html.no-touch #site_header .menu a[data-action="toggle_mainMenu"].active:hover a .icon, html.no-touch #site_header .menu a[data-action="toggle_mainMenu"].active:hover a #cboxClose:before, html.no-touch #site_header .menu a[data-action="toggle_mainMenu"].active:hover a .icon:before, html.no-touch #site_header .menu a[data-action="toggle_mainMenu"].active:hover a #cboxClose:before, html.no-touch #site_header .menu a[data-action="toggle_mainMenu"].active:focus a .icon, html.no-touch #site_header .menu a[data-action="toggle_mainMenu"].active:focus a #cboxClose:before, html.no-touch #site_header .menu a[data-action="toggle_mainMenu"].active:focus a .icon:before, html.no-touch #site_header .menu a[data-action="toggle_mainMenu"].active:focus a #cboxClose:before {
  color: #fff;
}
#site_header .menu a[data-action="toggle_megamenu_wishlist"].full, #site_header .menu a[data-action="toggle_megamenu_wishlist"].full #wishNum, #site_header .menu a[data-action="toggle_megamenu_wishlist"].active {
  color: #ff2c14;
}
#site_header .menu a[data-action="toggle_mainMenu"].active, html.no-touch #site_header .menu a[data-action="toggle_mainMenu"]:hover {
  background-color: #ff2c14;
}
#site_header .menu a[data-action="toggle_mainMenu"].active .hint, html.no-touch #site_header .menu a[data-action="toggle_mainMenu"]:hover .hint {
  display: block;
}
#site_header .menu a[data-action="toggle_mainMenu"].active .icon, #site_header .menu a[data-action="toggle_mainMenu"].active #cboxClose:before, html.no-touch #site_header .menu a[data-action="toggle_mainMenu"]:hover .icon, html.no-touch #site_header .menu a[data-action="toggle_mainMenu"]:hover #cboxClose:before {
  display: none;
}
#site_header .menu a[data-action="toggle_mainMenu"].active.active .hint, html.no-touch #site_header .menu a[data-action="toggle_mainMenu"]:hover.active .hint {
  display: none;
}
#site_header .menu a[data-action="toggle_mainMenu"].active.active .icon, #site_header .menu a[data-action="toggle_mainMenu"].active.active #cboxClose:before, html.no-touch #site_header .menu a[data-action="toggle_mainMenu"]:hover.active .icon, html.no-touch #site_header .menu a[data-action="toggle_mainMenu"]:hover.active #cboxClose:before {
  display: inline-block;
}
html.no-touch #site_header .menu a[data-action="toggle_megamenu_wishlist"]:hover, #site_header .menu a[data-action="toggle_megamenu_wishlist"].active, html.no-touch #site_header .menu a[data-action="toggle_megamenu_wishlist"].active:hover {
  background-color: #ff2c14;
  color: #fff;
}
html.no-touch #site_header .menu a[data-action="toggle_megamenu_wishlist"]:hover .icon, html.no-touch #site_header .menu a[data-action="toggle_megamenu_wishlist"]:hover #cboxClose:before, html.no-touch #site_header .menu a[data-action="toggle_megamenu_wishlist"]:hover .icon:before, html.no-touch #site_header .menu a[data-action="toggle_megamenu_wishlist"]:hover #cboxClose:before, html.no-touch #site_header .menu a[data-action="toggle_megamenu_wishlist"]:hover #wishNum, #site_header .menu a[data-action="toggle_megamenu_wishlist"].active .icon, #site_header .menu a[data-action="toggle_megamenu_wishlist"].active #cboxClose:before, #site_header .menu a[data-action="toggle_megamenu_wishlist"].active .icon:before, #site_header .menu a[data-action="toggle_megamenu_wishlist"].active #cboxClose:before, #site_header .menu a[data-action="toggle_megamenu_wishlist"].active #wishNum, html.no-touch #site_header .menu a[data-action="toggle_megamenu_wishlist"].active:hover .icon, html.no-touch #site_header .menu a[data-action="toggle_megamenu_wishlist"].active:hover #cboxClose:before, html.no-touch #site_header .menu a[data-action="toggle_megamenu_wishlist"].active:hover .icon:before, html.no-touch #site_header .menu a[data-action="toggle_megamenu_wishlist"].active:hover #cboxClose:before, html.no-touch #site_header .menu a[data-action="toggle_megamenu_wishlist"].active:hover #wishNum {
  color: #fff;
}
html.no-touch #site_header .menu a[data-action="toggle_cart"]:hover {
  background-color: #76c661;
  color: #fff;
}
html.no-touch #site_header .menu a[data-action="toggle_cart"]:hover #cartNum {
  color: #fff;
}
#site_header .menu a[data-action="toggle_cart"].full, #site_header .menu a[data-action="toggle_cart"].full #cartNum {
  color: #76c661;
}
#site_header .menu a[data-action="toggle_cart"].active, #site_header .menu a[data-action="toggle_cart"].active:hover, #site_header .menu a[data-action="toggle_cart"].active:focus {
  background-color: #76c661;
  color: #fff;
}
#site_header .menu a[data-action="toggle_cart"].active .icon, #site_header .menu a[data-action="toggle_cart"].active #cboxClose:before, #site_header .menu a[data-action="toggle_cart"].active:hover .icon, #site_header .menu a[data-action="toggle_cart"].active:hover #cboxClose:before, #site_header .menu a[data-action="toggle_cart"].active:focus .icon, #site_header .menu a[data-action="toggle_cart"].active:focus #cboxClose:before {
  color: #fff;
}
#site_header .menu a[data-action="toggle_cart"].active .icon:before, #site_header .menu a[data-action="toggle_cart"].active #cboxClose:before, #site_header .menu a[data-action="toggle_cart"].active:hover .icon:before, #site_header .menu a[data-action="toggle_cart"].active:hover #cboxClose:before, #site_header .menu a[data-action="toggle_cart"].active:focus .icon:before, #site_header .menu a[data-action="toggle_cart"].active:focus #cboxClose:before {
  color: #fff;
}
#site_header .menu a[data-action="toggle_cart"].active #cartNum, #site_header .menu a[data-action="toggle_cart"].active:hover #cartNum, #site_header .menu a[data-action="toggle_cart"].active:focus #cartNum {
  color: #fff;
}
#site_header .menu a[data-action="toggle_megamenu_colorpicker"].active {
  background-color: #336B8C;
  color: #fff;
}
html.no-touch #site_header .menu a[data-action="toggle_megamenu_colorpicker"].active:hover {
  color: #fff;
  background-color: #336B8C;
}
html.no-touch #site_header .menu a[data-action="toggle_megamenu_colorpicker"].active:hover .icon, html.no-touch #site_header .menu a[data-action="toggle_megamenu_colorpicker"].active:hover #cboxClose:before {
  color: #fff;
}
#site_header .menu a[data-action="toggle_megamenu_country"] {
  text-transform: capitalize;
}
#site_header .menu a .text,
#site_header .menu a .countryCode {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 1.3em;
  line-height: 2.4em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  white-space: nowrap;
}
#site_header .menu a .countryCode {
  display: none;
}
#site_header .menu a .hint {
  text-transform: uppercase;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  font-weight: bold;
  display: none;
  font-size: 1.2em;
}
#site_header .menu a .icon, #site_header .menu a #cboxClose:before {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 24px;
  height: 24px;
  font-size: 17px;
  line-height: 24px;
  overflow: hidden;
}
#site_header .menu a .icon:before, #site_header .menu a #cboxClose:before {
  display: block;
  width: 100%;
  text-align: center;
}
#site_header .menu .mainMenuIcon a {
  padding: 0;
  display: inline-block;
  width: 70px;
  height: 70px;
  background: #ff2c14;
}
#site_header .menu .mainMenuIcon a span {
  vertical-align: middle;
}
#site_header .menu .mainMenuIcon a span.labelMenu {
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: bold;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}
#site_header .menu .mainMenuIcon a span.icon-sideMenu {
  font-family: "kartell-icon";
}

body.showMainMenu .labelMenu {
  display: none !important;
}
body.showMainMenu .icon-sideMenu {
  display: block !important;
}
body.showMainMenu .icon-sideMenu:before {
  font-size: 17px;
  content: "\e004";
}

/* begin header simplemenu */
#site_header .simpleMenu > ul > li {
  max-height: 7em;
  line-height: 7em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}
#site_header .simpleMenu > ul > li a {
  display: inline;
  line-height: normal;
}
#site_header .simpleMenu > ul > li .welcomeText {
  font-size: 1.3em;
  color: #fff;
  display: inline;
}
#site_header .simpleMenu > ul > li .welcomeEmail {
  font-size: 1.3em;
  color: #adadad;
  display: inline;
}
#site_header .simpleMenu #login {
  float: right;
  line-height: 7em;
  color: #fff;
}
#site_header .simpleMenu #login a {
  font-size: 1.6em;
  color: #fff;
  text-transform: uppercase;
}
#site_header .simpleMenu #logout {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.3em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}

/* end header simplemenu */
html.csstransforms3d body.showSplash #pages {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
html.no-csstransforms3d body.showSplash #pages {
  margin-left: 0;
}

#megamenu_wrapper {
  overflow: hidden;
  background-color: #000;
  width: 100%;
  position: relative;
  height: 0;
  -webkit-perspective: 666px;
  -moz-perspective: 666px;
  -ms-perspective: 666px;
  perspective: 666px;
}
body.showMegamenu #megamenu_wrapper {
  height: 550px;
}
#megamenu_wrapper .megamenu {
  height: 550px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  zoom: 1;
  text-align: center;
  background: #fff;
  color: #ccc;
  z-index: 1;
}
html.csstransforms3d #megamenu_wrapper .megamenu {
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
#megamenu_wrapper .megamenu.opened {
  z-index: 199;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -ms-overflow-scrolling: touch;
  overflow-scrolling: touch;
  *zoom: 1;
}
body.disableScroll #megamenu_wrapper .megamenu.opened {
  overflow: hidden !important;
}
html.csstransitions3d #megamenu_wrapper .megamenu {
  opacity: 0;
}
html.no-csstransitions3d #megamenu_wrapper .megamenu {
  display: none;
}
html.csstransitions3d #megamenu_wrapper .megamenu.opened {
  opacity: 1;
}
html.no-csstransitions3d #megamenu_wrapper .megamenu.opened {
  display: block;
}
#megamenu_wrapper .megamenu p {
  display: block;
  padding: 2em;
  font-size: 2em;
  line-height: 1.5em;
}
#megamenu_wrapper .megamenu form p {
  font-size: 1em;
  padding: 0;
}
#megamenu_wrapper .megamenu h3 {
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  letter-spacing: -0.03em;
  font-size: 6em;
  color: #121212;
  margin: 0 0 0.3666667em 0;
}
#megamenu_wrapper .megamenu.fullHeight {
  height: 100%;
  min-height: 50em;
  perspective: none;
  transform-style: initial !important;
  transform-origin: initial !important;
  transform: none !important;
}
#megamenu_wrapper .megamenu .internationalMessage {
  display: none;
}
#megamenu_wrapper .megamenu #countryMatrix {
  margin-bottom: 0;
}
#megamenu_wrapper .megamenu .close {
  color: #2f2f2f;
  font-size: 1.4em;
  position: absolute;
  top: 1.4em;
  right: 1em;
  padding: 5px;
  display: block;
}
#megamenu_wrapper .megamenu .close:hover {
  color: #bfbfbf;
}

#colorbox #cboxLoadedContent {
  padding: 25px;
}
.ie #colorbox #cboxLoadedContent, .ie10 #colorbox #cboxLoadedContent, .ie9 #colorbox #cboxLoadedContent, .ielt9 #colorbox #cboxLoadedContent {
  padding: 25px 45px 25px 25px;
}

#mainMenu {
  background: #303030;
}
#mainMenu .buttonsBox {
  padding-left: 1.4em;
}
#mainMenu .buttonsBox a {
  font-size: 1em;
  height: 20px;
  width: 20px;
  text-align: left;
  padding: 1.1em;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  float: none;
}
#mainMenu .buttonsBox .icon, #mainMenu .buttonsBox #cboxClose:before {
  font-size: 2em;
}

html.csstransforms3d body.showMainMenu #site .page_struct_horiz {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
html.no-csstransforms3d body.showMainMenu #site .page_struct_horiz {
  margin-left: 0;
}

html.csstransforms3d body.showCart #site .page_struct_horiz {
  -webkit-transform: translate3d(-58em, 0, 0);
  -moz-transform: translate3d(-58em, 0, 0);
  -ms-transform: translate3d(-58em, 0, 0);
  transform: translate3d(-58em, 0, 0);
}
html.no-csstransforms3d body.showCart #site .page_struct_horiz {
  margin-left: -58em;
}
body.showCart #cartNum {
  display: none;
}
body.showCart .cartLayerIcon .icon-cart:before {
  content: "\e004";
}

.page_struct_vert {
  width: 50%;
  /* compensate .page_struct_f width: 200% defined previously, it's actually 100% */
  float: left;
  height: 100%;
}
body.showMegamenu .page_struct_vert {
  overflow: hidden;
}

.overlay[data-action="close_any_megamenu_or_sidemenu"] {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 998;
  /* must be higher than the isotope-items z-index but less than header's*/
  background-color: #000;
  top: 0;
  left: -1000%;
}
html.csstransforms3d .overlay[data-action="close_any_megamenu_or_sidemenu"] {
  /* needed to stay on top of isotope elements */
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
html.rgba .overlay[data-action="close_any_megamenu_or_sidemenu"] {
  background-color: transparent;
}
html.no-rgba .overlay[data-action="close_any_megamenu_or_sidemenu"] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
html.csstransitions .overlay[data-action="close_any_megamenu_or_sidemenu"] {
  -moz-transition: background-color 0.8s ease-in-out, opacity 0 ease-in-out 0.8s, left 0 linear 0.8s;
  -o-transition: background-color 0.8s ease-in-out, opacity 0 ease-in-out 0.8s, left 0 linear 0.8s;
  -webkit-transition: background-color 0.8s ease-in-out, opacity 0 ease-in-out 0.8s, left 0 linear 0.8s;
  transition: background-color 0.8s ease-in-out, opacity 0 ease-in-out 0.8s, left 0 linear 0.8s;
}

body.contentOverlay .overlay,
body.showMegamenu .overlay,
body.showMainMenu .overlay,
body.showCart .overlay {
  left: 0;
}
html.rgba body.contentOverlay .overlay, html.rgba
body.showMegamenu .overlay, html.rgba
body.showMainMenu .overlay, html.rgba
body.showCart .overlay {
  background: rgba(0, 0, 0, 0.85);
}
html.no-rgba body.contentOverlay .overlay, html.no-rgba
body.showMegamenu .overlay, html.no-rgba
body.showMainMenu .overlay, html.no-rgba
body.showCart .overlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}
html.csstransitions body.contentOverlay .overlay, html.csstransitions
body.showMegamenu .overlay, html.csstransitions
body.showMainMenu .overlay, html.csstransitions
body.showCart .overlay {
  -moz-transition: background-color 0.8s ease-in-out 0, opacity 0.8s ease-in-out 0, left 0;
  -o-transition: background-color 0.8s ease-in-out 0, opacity 0.8s ease-in-out 0, left 0;
  -webkit-transition: background-color 0.8s ease-in-out 0, opacity 0.8s ease-in-out 0, left 0;
  transition: background-color 0.8s ease-in-out 0, opacity 0.8s ease-in-out 0, left 0;
}

body.noMegamenuTransitions .megamenu,
body.noMegamenuTransitions #site_header .menu a {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

#info404, #info500 {
  display: table;
  background: #171717;
  color: #fff;
  text-align: center;
  width: 100%;
  height: 100%;
  border: 1px solid #171717;
}
#info404 #innerPage, #info500 #innerPage {
  display: table-cell;
  vertical-align: middle;
}
#info404 .backToHome a, #info500 .backToHome a {
  width: 280px;
  /* 	height: $height;
  	line-height: -3+$height; */
  padding: 1em;
  color: #828282;
  text-align: center;
  background-color: #fff;
  display: block;
  text-decoration: none;
  border: 1px solid #fff;
  font-size: 1.5em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  cursor: pointer;
  white-space: normal;
  /* to allow line wraps in input type=button */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-transform: uppercase;
  margin: 5em auto 0;
}
#info404 .backToHome a:hover, #info404 .backToHome a:focus, #info500 .backToHome a:hover, #info500 .backToHome a:focus {
  background-color: #dedede;
  color: #828282;
  border-color: #dedede;
}
#info404 .title, #info500 .title {
  font-size: 10em;
  font-family: "HelveticaNeueW02-UltLt", Helvetica, Arial, sans-serif;
  color: #ff2c14;
}
#info404 .subTitle, #info500 .subTitle {
  font-size: 2em;
  font-family: "HelveticaNeueW02-UltLt", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
#info404 .body, #info500 .body {
  font-size: 1.6em;
  margin: 2em auto 0;
}
#info404 .bottomPart, #info500 .bottomPart {
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
  color: #383838;
  font-size: 1.6em;
  margin-top: 5%;
}

@media only screen and (max-width: 1440px) {
  #site_header .menu li a {
    padding: 0 2em;
  }
  #site_header .menu li.social a {
    padding-right: 4em;
  }
}
@media only screen and (max-width: 1280px) {
  #site_header {
    font-size: 90%;
  }
  #site_header .menu li.myAccount a,
  #site_header .menu li.loginRegistration a,
  #site_header .menu li.cyc a,
  #site_header .menu li.info a,
  #site_header .menu li.storeLocator a,
  #site_header .menu li.social a {
    padding: 0 1.5em;
    min-width: 0;
  }
  #site_header .menu li.social a {
    padding-right: 3em;
  }
}
@media only screen and (max-width: 1110px) {
  body.gb #top,
  body.en #top,
  body.fr #top {
    font-size: 90%;
  }
}
#site_header .menu a.active .icon, #site_header .menu a.active #cboxClose:before, #site_header .menu a.active .icon:hover, #site_header .menu a.active #cboxClose:hover:before {
  color: #fff;
}

#cookieLawBox {
  position: fixed;
  z-index: 1000;
  bottom: 0;
  width: 50%;
  background-color: #fff;
}
.checkout-area #cookieLawBox {
  width: 100%;
}

html.ie #cookieLawBox, html.ie10 #cookieLawBox, html.ie9 #cookieLawBox, html.ie8 #cookieLawBox {
  width: 100%;
  left: 0;
}

#cookieLawButton {
  cursor: pointer;
  color: #333;
  width: 5%;
  text-align: right;
  vertical-align: middle;
  display: table-cell;
}

#cookieCloser {
  text-align: right;
  font-size: 2em;
}

#cookieLawBoxInner {
  display: table;
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
  color: #afafaf;
  padding: 25px;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  text-align: left;
  font-size: 12px;
  line-height: 19px;
}
#cookieLawBoxInner a {
  color: #000;
  text-decoration: underline;
}
#cookieLawBoxInner:after {
  display: table;
  content: "";
  clear: both;
}

#cookieLawLabel {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  width: 95%;
  vertical-align: middle;
}

iframe[name=google_conversion_frame] {
  display: none !important;
}

html.no-touch .sidemenu a.groupTitle.red[href]:hover {
  background-color: transparent;
  color: #ff2c14;
}

.sidemenu .groupTitle.red {
  color: #ff2c14;
}

html.no-touch .sidemenu a.groupTitle.gold[href]:hover {
  background-color: transparent;
  color: #ccb17c;
}

.sidemenu .groupTitle.gold {
  color: #ccb17c;
}

/* Fastreg & Fastreg Layer -------------------------------------------------- */
/* 	COMMON -------------------------------------------------------------------
 *	Common rules for fastreg-page & fastreg-layer
**/
#newsletter {
  color: #ccc;
  padding-top: 311px;
}
#newsletter h2 {
  font-size: 4em;
  color: #000;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}
#newsletter .imgContainer {
  position: absolute;
}
#newsletter .btnFastReg {
  float: right;
  width: 213px;
  /* 	height: $height;
  	line-height: -3+$height; */
  padding: 1em;
  color: #fff;
  text-align: center;
  background-color: #000;
  display: block;
  text-decoration: none;
  border: 1px solid #000;
  font-size: 1.5em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  cursor: pointer;
  white-space: normal;
  /* to allow line wraps in input type=button */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 2em;
}
#newsletter .btnFastReg:hover, #newsletter .btnFastReg:focus {
  background-color: #454545;
  color: #fff;
  border-color: #454545;
}
#newsletter .confirmRegistration {
  font-size: 2em;
}
#newsletter .intro, #newsletter .regCnt, #newsletter #newsletterThanksMsg {
  font-size: 1.7em;
  line-height: 1.5em;
  font-family: MetaSerifPro, Georgia, Serif;
  margin-bottom: 2em;
}
#newsletter .informative {
  font-size: 1.1em;
  line-height: 1.8em;
  border: 1px solid #ccc;
  padding: 2em;
}
#newsletter .informative .inner {
  height: 5em;
  overflow: auto;
}
#newsletter .informative a {
  color: #ccc;
}
#newsletter.subscribed-msg {
  padding: 15px 0px 15px 30px;
  box-sizing: border-box;
  text-align: center;
}
#newsletter .fastMailSubscribedMsg {
  font-size: 16px;
  color: #000;
}
#newsletter .errorRel {
  position: relative;
  left: 0;
  clear: both;
}

form[name="formNewsletter"] #emailNewsletter {
  width: 325px;
}
form[name="formNewsletter"] label.fl-typing, form[name="formNewsletter"] label.fl-filled {
  font-size: 12px !important;
}
form[name="formNewsletter"] label.fl-typing {
  color: #0194F1;
}
form[name="formNewsletter"] .preferencesContainer {
  padding: 0;
}
form[name="formNewsletter"] .preferencesContainer label {
  top: -3px;
  position: relative;
}
form[name="formNewsletter"] .preferencesContainer .fieldLabel {
  min-width: 100px;
}

/* 	FASTREG Page -------------------------------------------------------------
 *	Specific rules for fastreg-page
**/
.fastreg-page {
  background-color: white;
}
.fastreg-page.isSpecialNL #newsletter #containerFormNl {
  /* 
  				.informative {
  					height: 34px;
  					overflow: hidden;
                      padding: 1em;
  
  					.inner {
  						height: 3em;
  					}
  
  					::-webkit-scrollbar{
  						width:10px;
  					}
  
  					::-webkit-scrollbar-thumb{
  						border-radius:10px;
  						// background: $specialnl-yellow;
  					}
  
  					::-webkit-scrollbar-track-piece {
  						// background-color: $black;
  					}
  
  				}
   */
}
.fastreg-page.isSpecialNL #newsletter #containerFormNl h2.sectionTitleLayer {
  margin: 0 0 0.5em;
}
.fastreg-page.isSpecialNL #newsletter #containerFormNl .subTitleSpecialNL {
  font-size: 14px;
  text-align: center;
  padding-bottom: 25px;
  margin-bottom: 20px;
}
.fastreg-page.isSpecialNL #newsletter #containerFormNl .intro {
  width: 94%;
  font-size: 1.4em;
  margin-bottom: 2em;
}
.fastreg-page.isSpecialNL #newsletter #containerFormNl .btnFastReg {
  margin: 26px auto 14px;
  float: none;
  background-color: #cfb27a;
  font-size: 1.2em;
  color: #000;
  width: 100%;
  border: none;
}
.fastreg-page.isSpecialNL #newsletter #containerFormNl .rbNewsletter {
  margin: 24px auto 4px;
}
.fastreg-page.isSpecialNL #newsletter #containerFormNl #emailNewsletterWrapper label.fl-label {
  color: #000;
}
.fastreg-page #newsletter {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.fastreg-page #newsletter .imgContainer {
  position: relative;
}
.fastreg-page #newsletter .imgContainer img {
  width: 100%;
  height: auto;
}
.fastreg-page #newsletter #containerFormNl {
  width: 55em;
  margin: 0 auto;
  		/* 	.informative {
  				height: 60px;
  				overflow: hidden;
  
  				.jspVerticalBar{
  					background:none;
  					margin-right: 5px;
  				}
  				.jspDrag {
  					@include border-radius(5px);
  					background-color: $black;
  				}
  			} */
}
.fastreg-page #newsletter #containerFormNl .sectionTitleLayer {
  margin: 0 0 0.5em;
}
.fastreg-page #newsletter #containerFormNl #emailNewsletter {
  width: 100%;
}
.fastreg-page #newsletter #containerFormNl .btnFastReg {
  width: 100%;
  text-transform: uppercase;
  margin: 3em 0;
}
.fastreg-page #newsletter .fastMailSubscribedMsg {
  float: left;
  font-size: 2em;
  margin: 40px auto;
  text-align: center;
  width: 100%;
}
.fastreg-page .confirmRegistration {
  margin: 1em 0 0.5em;
  font-size: 2em;
  text-align: center;
}
.fastreg-page .regCnt p {
  text-align: center;
}

/* 	FASTREG Layer ------------------------------------------------------------
 *	Specific rules for fastreg-layer
**/
.fastreg-layer {
  /*
      Layer Newsletter casi:
        - "LANDING POPUP" : si apre al landing sulla pagina (automaticamente);
        - "DEFAULT POPUP" : si apre dal link di iscrizione alla newsletter nel menu;
  */
}
.fr .fastreg-layer label[for=emailNewsletter] {
  font-size: 13px;
}
.de .fastreg-layer label[for=emailNewsletter] {
  font-size: 15px;
}
.fastreg-layer #newsletter {
  /* .landing */
}
.fastreg-layer #newsletter.landing {
  padding-top: 0px;
  width: 100%;
  /*.iPad & #customCont {
  	padding: 42px 10px 44px 50px;
  }*/
  /* Android tablet rules */
  /* form */
}
.fastreg-layer #newsletter.landing ::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.fastreg-layer #newsletter.landing ::-webkit-scrollbar-thumb {
  background-color: #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.fastreg-layer #newsletter.landing h2 {
  font-size: 50px;
  margin-bottom: 45px;
  line-height: 50px;
}
.fastreg-layer #newsletter.landing .imgContainer {
  position: static;
  float: right;
  width: 50%;
  height: 575px;
  bottom: 0;
}
.fastreg-layer #newsletter.landing .imgContainer img {
  position: relative;
  bottom: 0;
  right: 0;
}
.fastreg-layer #newsletter.landing #customCont {
  float: left;
  width: 37%;
  min-height: 450px;
  padding: 50px 10px 60px 70px;
}
.fastreg-layer #newsletter.landing #customCont .content-intro {
  font-size: 1.45em;
  line-height: 1.6em;
  color: #262626;
  margin-bottom: 45px;
}
.fastreg-layer #newsletter.landing.ipadp .imgContainer {
  position: relative;
  width: 100%;
  height: 332px;
}
.fastreg-layer #newsletter.landing.ipadp .imgContainer img {
  position: static;
  width: 100%;
}
.fastreg-layer #newsletter.landing.ipadp #customCont {
  padding: 0;
  float: none;
  width: 56%;
  margin: 0 auto;
  padding-top: 100px;
  margin-bottom: 10px;
}
.fastreg-layer #newsletter.landing.ipadp #customCont h2, .fastreg-layer #newsletter.landing.ipadp #customCont .content-intro {
  text-align: center;
}
.fastreg-layer #newsletter.landing.ipadp #customCont .btnFastReg {
  float: none;
}
.fastreg-layer #newsletter.landing.tabletp .imgContainer {
  height: 415px;
}
.fastreg-layer #newsletter.landing form {
  /* .rbNewsletter */
  /* .informative */
}
.fastreg-layer #newsletter.landing form label.fl-label {
  color: #333333;
  font-size: 15px;
}
.fr .fastreg-layer #newsletter.landing form label.fl-label {
  font-size: 14px;
}
.fastreg-layer #newsletter.landing form .rbNewsletter {
  margin: 20px 0 30px;
  max-width: 99%;
  /* .preferencesContainer */
}
.fastreg-layer #newsletter.landing form .rbNewsletter #preferences_2 {
  min-width: 39%;
}
.fastreg-layer #newsletter.landing form .rbNewsletter #preferences_2 .rbInputWrapper {
  margin-left: 30px;
}
.fastreg-layer #newsletter.landing form .rbNewsletter .preferencesContainer {
  display: inline-block;
  margin-right: 0;
}
.fastreg-layer #newsletter.landing form .rbNewsletter .preferencesContainer#preferences_1 {
  min-width: 60%;
}
.fastreg-layer #newsletter.landing form .rbNewsletter .preferencesContainer label {
  top: 3px;
  font-size: 14px;
  left: 0;
}
.fr .fastreg-layer #newsletter.landing form .rbNewsletter .preferencesContainer label, .de .fastreg-layer #newsletter.landing form .rbNewsletter .preferencesContainer label {
  font-size: 13px;
}
.fastreg-layer #newsletter.landing form .informative {
  width: 100%;
  padding: 0;
  text-align: left;
  font-size: 1.2em;
  line-height: 1.4em;
  border-color: #b3b3b3;
  height: 45px;
}
.fastreg-layer #newsletter.landing form .informative .inner {
  height: auto;
  padding: 15px 25px 15px 15px;
  overflow: auto;
  color: #999;
}
.fastreg-layer #newsletter.landing form .informative .jspDrag {
  background-color: black;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.fastreg-layer #newsletter.landing form .informative .jspHorizontalBar, .fastreg-layer #newsletter.landing form .informative .jspVerticalBar {
  background: none;
}
.fastreg-layer #newsletter.landing form .informative .jspTrack {
  right: 8px;
}
.fastreg-layer #newsletter.landing form #emailNewsletter {
  border: 0;
  width: 99%;
  background: #d6d6d6;
}
.fastreg-layer #newsletter.landing form input[type="radio"] + .rb {
  /*	@include button;   WTF !?*/
  height: 24px;
  width: 24px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -280px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .fastreg-layer #newsletter.landing form input[type="radio"] + .rb {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -259px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}
.fastreg-layer #newsletter.landing form input[type="radio"]:checked + .rb {
  /*	@include button;   WTF !?*/
  height: 24px;
  width: 24px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -166px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .fastreg-layer #newsletter.landing form input[type="radio"]:checked + .rb {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -156px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}
.fastreg-layer #newsletter.landing form .error + .cb {
  /*	@include button;   WTF !?*/
  height: 24px;
  width: 24px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -280px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .fastreg-layer #newsletter.landing form .error + .cb {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -259px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}
.fastreg-layer #newsletter.landing .btnFastReg {
  width: 100%;
  float: left;
  background: #f02913;
  border: 1px solid #f02913;
  margin-top: 20px;
  font-size: 1.1em;
  padding: 1.3em 1em;
}
.fastreg-layer #newsletter.landing .btnFastReg:hover {
  background: #bd1919;
  border: 1px solid #bd1919;
}
.fastreg-layer #newsletter.landing.subscribed-msg {
  padding: 6em 3em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}
.fastreg-layer #newsletter.default .imgContainer {
  top: 0;
  left: 0;
}

#colorbox.default-layer.landing-isSpecialNL {
  		/*.informative {
  			height: 36px;
  			overflow: hidden;
  
  			.inner {
  				height: 6em;
  			}
  
  			::-webkit-scrollbar{
  				width:10px;
  			}
  
  			::-webkit-scrollbar-thumb{
  				border-radius:10px;
  				background: $color-black;
  			}
  
  			::-webkit-scrollbar-track-piece {
  				background-color: transparent;
  			}
  		}*/
  /* 
  		#emailNewsletterWrapper {
  			.innerField { 
  				& label.fl-label {
  					font-size: 16px;
  					left: 24px;
  					color: $black;
  
  					.fr &, .de & {
  						font-size: 14px;
  					}
  				}
  			}
  		}
   */
}
#colorbox.default-layer.landing-isSpecialNL .imgContainer img {
  width: 100%;
}
#colorbox.default-layer.landing-isSpecialNL .informative {
  width: 100%;
  padding: 0;
  text-align: left;
}
#colorbox.default-layer.landing-isSpecialNL .informative .inner {
  padding: 5px 25px 15px 15px;
}
#colorbox.default-layer.landing-isSpecialNL #newsletter .btnFastReg {
  margin: 46px auto 14px;
  color: black;
  background-color: #cfb27a;
  border: none;
}
#colorbox.default-layer.landing-isSpecialNL #newsletter .fastMailSubscribedMsg {
  color: #000;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}
#colorbox.default-layer.landing-isSpecialNL #newsletter .rbNewsletter .preferencesContainer {
  margin: 0 20px 0px 0;
}
#colorbox.default-layer.landing-isSpecialNL #newsletter .rbNewsletter .preferencesContainer#preferences_1 label {
  overflow: visible;
}
#colorbox.default-layer.landing-isSpecialNL #newsletter .rbNewsletter .preferencesContainer#preferences_2 {
  margin: 0;
}
#colorbox.default-layer.landing-isSpecialNL #newsletter .rbNewsletter .preferencesContainer label {
  						/* top: 3px;
  						left: 3px;
  						color: $black;
  						font-family: $fontSansSerifBold;
  						font-size: 14px;
  
  						.fr &, .de & {
  							font-size: 13px;
  						} */
}
#colorbox.landing-isSpecialNL.landing-layer button#cboxClose {
  /*	@include button;   WTF !?*/
  height: 70px;
  width: 70px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -493px;
  background-repeat: no-repeat;
  background-color: transparent;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 0px;
  right: 0px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #colorbox.landing-isSpecialNL.landing-layer button#cboxClose {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -455px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}
#colorbox.landing-isSpecialNL.landing-layer button#cboxClose:before {
  content: "";
}
#colorbox.landing-layer #cboxLoadedContent {
  padding: 0px;
}
#colorbox.landing-layer #cboxClose {
  /*	@include button;   WTF !?*/
  height: 70px;
  width: 70px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -568px;
  background-repeat: no-repeat;
  background-color: transparent;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 0px;
  right: 0px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #colorbox.landing-layer #cboxClose {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -527px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}
#colorbox.landing-layer #cboxClose:hover {
  /*	@include button;   WTF !?*/
  height: 70px;
  width: 70px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -643px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #colorbox.landing-layer #cboxClose:hover {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -600px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}
#colorbox.landing-layer #cboxClose:before {
  content: "";
}

/* 	UNSUBSCRIBE -------------------------------------------------------------
 *	Specific rules for unsubscribe layer/page
**/
#unsubscribeNL {
  width: 960px;
  margin: 20px auto;
  font-size: 1.5em;
}
#unsubscribeNL .sectionTitleLayer {
  color: #ff2c14;
  padding-top: 50px;
  font-size: 2em;
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
}
#unsubscribeNL .unsubscribeContent {
  margin: 20px 0;
}
#unsubscribeNL #unsubscribeButton {
  width: 213px;
  /* 	height: $height;
  	line-height: -3+$height; */
  padding: 1em;
  color: #fff;
  text-align: center;
  background-color: #000;
  display: block;
  text-decoration: none;
  border: 1px solid #000;
  font-size: 1.5em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  cursor: pointer;
  white-space: normal;
  /* to allow line wraps in input type=button */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 20px auto;
}
#unsubscribeNL #unsubscribeButton:hover, #unsubscribeNL #unsubscribeButton:focus {
  background-color: #454545;
  color: #fff;
  border-color: #454545;
}

#fastreg #pages_wrapper {
  height: 100%;
}

/* fix ie */
.ie .fastreg-page.isSpecialNL .preferencesContainer input[type="radio"]:checked + .rb, .ie10 .fastreg-page.isSpecialNL .preferencesContainer input[type="radio"]:checked + .rb, .ie9 .fastreg-page.isSpecialNL .preferencesContainer input[type="radio"]:checked + .rb {
  border: 1px solid transparent;
}
.ie .fastreg-page.isSpecialNL .preferencesContainer input[type='radio'] + .rb, .ie10 .fastreg-page.isSpecialNL .preferencesContainer input[type='radio'] + .rb, .ie9 .fastreg-page.isSpecialNL .preferencesContainer input[type='radio'] + .rb {
  border: 1px solid transparent;
}

.iPad .preferencesContainer .rb {
  border: 1px solid transparent;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* STYLES GO HERE */
  .iPad #fastreg #pages_wrapper {
    height: 1000px !important;
  }
}
.fastreg-layer.isSpecialNL #submitNewsletter.btnFastReg {
  background-color: #cfb27a;
  color: #000;
  border: none;
}
.fastreg-layer.isSpecialNL #submitNewsletter.btnFastReg:hover {
  background-color: #cfb27a;
  border: none;
}

@font-face {
  font-family: "HelveticaNeueW02-UltLt";
  src: url("https://media.yoox.biz/OS/fonts/kartell/HelveticaNeue/LT-WebFonts-1610726508/Fonts/674399/787ee748-9cce-45a0-910b-6b5c6e87e327.eot?#iefix");
  src: url("https://media.yoox.biz/OS/fonts/kartell/HelveticaNeue/LT-WebFonts-1610726508/Fonts/674399/787ee748-9cce-45a0-910b-6b5c6e87e327.eot?#iefix") format("eot"), url("https://media.yoox.biz/OS/fonts/kartell/HelveticaNeue/LT-WebFonts-1610726508/Fonts/674399/84558c76-9f1b-44d2-ac62-d7937f43809b.woff") format("woff"), url("https://media.yoox.biz/OS/fonts/kartell/HelveticaNeue/LT-WebFonts-1610726508/Fonts/674399/411a88fe-e483-4fb8-af42-8369ebb1138d.ttf") format("truetype"), url("https://media.yoox.biz/OS/fonts/kartell/HelveticaNeue/LT-WebFonts-1610726508/Fonts/674399/6dfe33a4-0ad5-4c85-8e01-f48ecfe3c167.svg#6dfe33a4-0ad5-4c85-8e01-f48ecfe3c167") format("svg");
}
@font-face {
  font-family: "HelveticaNeueW02-Thin";
  src: url("https://media.yoox.biz/OS/fonts/kartell/HelveticaNeue/LT-WebFonts-1610726508/Fonts/674411/30b6ffc3-3b64-40dd-9ff8-a3a850daf535.eot?#iefix");
  src: url("https://media.yoox.biz/OS/fonts/kartell/HelveticaNeue/LT-WebFonts-1610726508/Fonts/674411/30b6ffc3-3b64-40dd-9ff8-a3a850daf535.eot?#iefix") format("eot"), url("https://media.yoox.biz/OS/fonts/kartell/HelveticaNeue/LT-WebFonts-1610726508/Fonts/674411/775a65da-14aa-4634-be95-6724c05fd522.woff") format("woff"), url("https://media.yoox.biz/OS/fonts/kartell/HelveticaNeue/LT-WebFonts-1610726508/Fonts/674411/988eaaa7-5565-4f65-bb17-146b650ce9e9.ttf") format("truetype"), url("https://media.yoox.biz/OS/fonts/kartell/HelveticaNeue/LT-WebFonts-1610726508/Fonts/674411/3503a1a6-91c3-4c42-8e66-2ea7b2b57541.svg#3503a1a6-91c3-4c42-8e66-2ea7b2b57541") format("svg");
}
@font-face {
  font-family: "HelveticaNeueW02-55Roma";
  src: url("https://media.yoox.biz/OS/fonts/kartell/HelveticaNeue/LT-WebFonts-1610726508/Fonts/694021/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix");
  src: url("https://media.yoox.biz/OS/fonts/kartell/HelveticaNeue/LT-WebFonts-1610726508/Fonts/694021/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix") format("eot"), url("https://media.yoox.biz/OS/fonts/kartell/HelveticaNeue/LT-WebFonts-1610726508/Fonts/694021/d5af76d8-a90b-4527-b3a3-182207cc3250.woff") format("woff"), url("https://media.yoox.biz/OS/fonts/kartell/HelveticaNeue/LT-WebFonts-1610726508/Fonts/694021/1d238354-d156-4dde-89ea-4770ef04b9f9.ttf") format("truetype"), url("https://media.yoox.biz/OS/fonts/kartell/HelveticaNeue/LT-WebFonts-1610726508/Fonts/694021/b68875cb-14a9-472e-8177-0247605124d7.svg#b68875cb-14a9-472e-8177-0247605124d7") format("svg");
}
@font-face {
  font-family: "HelveticaNeueW02-75Bold";
  src: url("https://media.yoox.biz/OS/fonts/kartell/HelveticaNeue/LT-WebFonts-1610726508/Fonts/694033/db853e0e-929b-4272-b420-c946c954cf3a.eot?#iefix");
  src: url("https://media.yoox.biz/OS/fonts/kartell/HelveticaNeue/LT-WebFonts-1610726508/Fonts/694033/db853e0e-929b-4272-b420-c946c954cf3a.eot?#iefix") format("eot"), url("https://media.yoox.biz/OS/fonts/kartell/HelveticaNeue/LT-WebFonts-1610726508/Fonts/694033/4a9c62ab-b359-4081-8383-a0d1cdebd111.woff") format("woff"), url("https://media.yoox.biz/OS/fonts/kartell/HelveticaNeue/LT-WebFonts-1610726508/Fonts/694033/db5f9ba6-05a4-433a-9461-0a6f257a0c3a.ttf") format("truetype"), url("https://media.yoox.biz/OS/fonts/kartell/HelveticaNeue/LT-WebFonts-1610726508/Fonts/694033/25e09910-ffc3-4fc4-b0d1-db9a95dface8.svg#25e09910-ffc3-4fc4-b0d1-db9a95dface8") format("svg");
  font-weight: bold;
}
@font-face {
  font-family: "HelveticaNeueW02-75Bold";
  src: url("https://media.yoox.biz/OS/fonts/kartell/HelveticaNeue/LT-WebFonts-1610726508/Fonts/694033/db853e0e-929b-4272-b420-c946c954cf3a.eot?#iefix");
  src: url("https://media.yoox.biz/OS/fonts/kartell/HelveticaNeue/LT-WebFonts-1610726508/Fonts/694033/db853e0e-929b-4272-b420-c946c954cf3a.eot?#iefix") format("eot"), url("https://media.yoox.biz/OS/fonts/kartell/HelveticaNeue/LT-WebFonts-1610726508/Fonts/694033/4a9c62ab-b359-4081-8383-a0d1cdebd111.woff") format("woff"), url("https://media.yoox.biz/OS/fonts/kartell/HelveticaNeue/LT-WebFonts-1610726508/Fonts/694033/db5f9ba6-05a4-433a-9461-0a6f257a0c3a.ttf") format("truetype"), url("https://media.yoox.biz/OS/fonts/kartell/HelveticaNeue/LT-WebFonts-1610726508/Fonts/694033/25e09910-ffc3-4fc4-b0d1-db9a95dface8.svg#25e09910-ffc3-4fc4-b0d1-db9a95dface8") format("svg");
}
@font-face {
  font-family: "BodoniBT-Book";
  src: url("https://media.yoox.biz/OS/fonts/kartell/Bodoni-STD/2D8629_0_0.eot");
  src: url("https://media.yoox.biz/OS/fonts/kartell/Bodoni-STD/2D8629_0_0.eot?#iefix") format("embedded-opentype"), url("https://media.yoox.biz/OS/fonts/kartell/Bodoni-STD/2D8629_0_0.woff2") format("woff2"), url("https://media.yoox.biz/OS/fonts/kartell/Bodoni-STD/2D8629_0_0.woff") format("woff"), url("https://media.yoox.biz/OS/fonts/kartell/Bodoni-STD/2D8629_0_0.ttf") format("truetype");
}
@font-face {
  font-family: 'kartell-icon';
  src: url("https://media.yoox.biz/OS/fonts/kartell/kartell-icon2.eot");
  src: url("https://media.yoox.biz/OS/fonts/kartell/kartell-icon2.svg#kartell-icon") format("svg"), url("https://media.yoox.biz/OS/fonts/kartell/kartell-icon2.eot?#iefix") format("embedded-opentype"), url("https://media.yoox.biz/OS/fonts/kartell/kartell-icon2.woff") format("woff"), url("https://media.yoox.biz/OS/fonts/kartell/kartell-icon2.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.icon, #cboxClose:before {
  font-family: 'kartell-icon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrowUp:before {
  content: "\e63c";
}

.icon-archivio:before {
  content: "\e638";
}

.icon-itemAdd:before {
  content: "\e000";
}

.icon-itemRemove:before {
  content: "\e001";
}

.icon-viewAll:before {
  content: "\e612";
}

.icon-minus:before {
  content: "\e002";
}

.icon-arrowBack:before {
  content: "\e62b";
}

.icon-plus:before {
  content: "\e003";
}

.icon-arrowLeft:before {
  content: "\e005";
}

.icon-arrowRight:before {
  content: "\e006";
}

.icon-radioOn:before {
  content: "\e008";
}

.icon-logoReddot:before {
  content: "\e62d";
}

.icon-checkboxOff:before {
  content: "\e009";
}

.icon-radioOff:before {
  content: "\e007";
}

.icon-logoCompasso:before {
  content: "\e62f";
}

.icon-checkboxOn:before {
  content: "\e00a";
}

.icon-trash:before {
  content: "\e00b";
}

.icon-arrowDown:before {
  content: "\e00c";
}

.icon-Info:before {
  content: "\e00d";
}

.icon-socialGoogle:before {
  content: "\e010";
}

.icon-world:before {
  content: "\e015";
}

.icon-logoBest2012:before {
  content: "\e62e";
}

.icon-user:before {
  content: "\e017";
}

.icon-virtualTour:before {
  content: "\e630";
}

.icon-like:before {
  content: "\e01a";
}

.icon-logoMuseo:before {
  content: "\e631";
}

.icon-logo:before {
  content: "\e01e";
}

.icon-in:before {
  content: "\e01f";
}

.icon-autobus:before {
  content: "\e632";
}

.icon-zoom:before {
  content: "\e600";
}

.icon-metro:before {
  content: "\e633";
}

.icon-logoGDA2010:before {
  content: "\e634";
}

.icon-socialYoutube:before {
  content: "\e601";
}

.icon-heart:before {
  content: "\e603";
}

.icon-accountWish:before {
  content: "\e604";
}

.icon-playVideo:before {
  content: "\e605";
}

.icon-itemVictoriaFire:before {
  content: "\e606";
}

.icon-itemOutside:before {
  content: "\e607";
}

.icon-share:before {
  content: "\e608";
}

.icon-search:before {
  content: "\e609";
}

.icon-preferito:before {
  content: "\e60a";
}

.icon-socialPinterest:before {
  content: "\e60b";
}

.icon-accountOrders:before {
  content: "\e60c";
}

.icon-order:before {
  content: "\e60d";
}

.icon-mail:before {
  content: "\e60e";
}

.icon-news:before {
  content: "\e60f";
}

.icon-edit:before {
  content: "\e610";
}

/*.icon-sideMenu:before {
  content: "\e611";
}*/
.icon-itemGhost:before {
  content: "\e613";
}

.icon-itemGhostFire:before {
  content: "\e614";
}

.icon-accountLogout:before {
  content: "\e615";
}

.icon-location:before {
  content: "\e616";
}

.icon-compass:before {
  content: "\e617";
}

.icon-socialInstagram:before {
  content: "\e618";
}

.icon-accountAddr:before {
  content: "\e619";
}

.icon-itemStack10:before {
  content: "\e61a";
}

.icon-itemStack9:before {
  content: "\e61b";
}

.icon-itemStack8:before {
  content: "\e61c";
}

.icon-itemStack7:before {
  content: "\e61d";
}

.icon-itemStack5:before {
  content: "\e61e";
}

.icon-itemStack4:before {
  content: "\e61f";
}

.icon-itemFire:before {
  content: "\e620";
}

.icon-flag:before {
  content: "\e621";
}

.icon-trash2:before {
  content: "\e622";
}

.icon-accountProfile:before {
  content: "\e623";
}

.icon-picker:before {
  content: "\e624";
}

.icon-accountCards:before {
  content: "\e625";
}

.icon-cart:before {
  content: "\e626";
}

.icon-itemStack6:before {
  content: "\e627";
}

.icon-orderReturn:before {
  content: "\e628";
}

.icon-socialFacebook:before {
  content: "\e629";
}

.icon-close:before {
  content: "\e004";
}

.icon-playYoutube:before {
  content: "\e62a";
}

.icon-backToTop:before {
  content: "\e636";
}

.icon-socialTwitter:before {
  content: "\e00f";
}

.icon-freccia_scheda_contract:before {
  content: "\e639";
}

.icon-logoGDA2012:before {
  content: "\e62c";
}

.icon-freccia_scheda_contract_2:before {
  content: "\e635";
}

.icon-reset:before {
  content: "\e637";
}

.icon-logoReddot2:before {
  content: "\e63d";
}

.icon-logoGDA3:before {
  content: "\e63e";
}

.icon-logoGDA2:before {
  content: "\e63f";
}

.icon-logoElle:before {
  content: "\e640";
}

.icon-logoWallpaper:before {
  content: "\e641";
}

.icon-ico_filter_store:before {
  content: "\e642";
}

.icon-phone:before {
  content: "\e01b";
}

.icon-getdirection:before {
  content: "\e643";
}

.icon-miniArrowLeft:before {
  content: "\e63a";
}

.icon-miniArrowRight:before {
  content: "\e63b";
}

.icon-socialFlickr:before {
  content: "\e602";
}

.icon-check:before {
  content: "\e01d";
}

/* column width of items cell in cart */
/* end */
/* ===========================================================================================================
	FORMS
============================================================================================================= */
/*
* customButton(larghezza, altezza, coloreFont, coloreSfondo, coloreFontHover, coloreSfondoHover, coloreBordo, coloreBordoHover)
*/
/*
* customBox(larghezza, coloreFont, coloreSfondo, coloreFontHover)
*/
/*
* customLink(colore, coloreHover, align, TextDecoration, TextTransform, is Block?)
*/
.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}

/* MIXIN FOR FIXED WIDTH INNER CONTAINER */
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  color: #000;
}

#colorbox {
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
  padding: 0 0 40px 0;
  background: transparent;
  visibility: visible;
  z-index: 99999;
}

#cboxWrapper {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
}

#cboxLoadedContent {
  overflow: hidden;
  padding: 40px;
}
.promotionCodeLayer #cboxLoadedContent {
  padding-top: 35px !important;
}

#cboxOverlay {
  background: #333333;
  opacity: 0.83;
  height: 100%;
  width: 100%;
}

.ie9 #cboxOverlay {
  z-index: 100;
}

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

#cboxTitle {
  margin: 0;
}

#cboxClose {
  -moz-appearance: none;
  -webkit-appearance: none;
  display: block;
  background: transparent;
  color: black;
  cursor: pointer;
  position: absolute;
  top: 25px;
  right: 25px;
  height: 16px;
  width: 25px;
  border: 0;
  content: "";
}
.ie #cboxClose, .ie10 #cboxClose, .ie9 #cboxClose, .ielt9 #cboxClose {
  right: 20px;
}
#cboxClose:before {
  content: "\e004";
}
#cboxClose:hover {
  color: #bfbfbf;
}

#partials {
  /*	display: none;*/
}
#partials #cnstSecondLev {
  clear: both;
  margin-top: 10px;
}
#cboxLoadedContent #partials {
  display: block;
}
#partials .cnstSingleBox {
  float: left;
  width: 30px;
}
#partials .clearer {
  clear: both;
}
#partials label {
  font-size: 12px;
  margin-left: 10px;
  display: block;
  width: 85%;
  float: left;
  color: #000;
}
#partials .checkboxContainer {
  padding: 0;
}

.wishlistSharePopup #cboxClose {
  color: #fff;
}
.wishlistSharePopup h2 {
  margin: 265px 0 30px 0;
  letter-spacing: -0.02em;
  width: 69%;
  line-height: .8;
  font-size: 4em;
  color: #000;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}
.wishlistSharePopup .imageHeader {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 265px;
  background-color: #99160d;
}
.wishlistSharePopup #buttonSubmit {
  margin-top: 30px;
  width: 213px;
  /* 	height: $height;
  	line-height: -3+$height; */
  padding: 1em;
  color: #fff;
  text-align: center;
  background-color: #000;
  display: block;
  text-decoration: none;
  border: 1px solid #000;
  font-size: 1.5em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  cursor: pointer;
  white-space: normal;
  /* to allow line wraps in input type=button */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 150px;
  float: right;
}
.wishlistSharePopup #buttonSubmit:hover, .wishlistSharePopup #buttonSubmit:focus {
  background-color: #454545;
  color: #fff;
  border-color: #454545;
}
.wishlistSharePopup #cancelButton {
  width: 213px;
  /* 	height: $height;
  	line-height: -3+$height; */
  padding: 1em;
  color: #fff;
  text-align: center;
  background-color: #616161;
  display: block;
  text-decoration: none;
  border: 1px solid #616161;
  font-size: 1.5em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  cursor: pointer;
  white-space: normal;
  /* to allow line wraps in input type=button */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  float: left;
  width: 150px;
  margin-right: 10px;
}
.wishlistSharePopup #cancelButton:hover, .wishlistSharePopup #cancelButton:focus {
  background-color: #919191;
  color: #fff;
  border-color: #919191;
}
.wishlistSharePopup .leftColumn {
  width: 49%;
  float: left;
  margin-right: 2%;
}
.wishlistSharePopup .rightColumn {
  width: 49%;
  float: right;
}
.wishlistSharePopup #friendsContainer {
  /**
  * For modern browsers
  * 1. The space content is one way to avoid an Opera bug when the
  *    contenteditable attribute is included anywhere else in the document.
  *    Otherwise it causes space to appear at the top and bottom of elements
  *    that are clearfixed.
  *
  * 2. The use of `table` rather than `block` is only necessary if using
  *    `:before` to contain the top-margins of child elements.
  *
  * 3. For IE 6/7 only
  *    Include this rule to trigger hasLayout and contain floats.
  */
  margin-top: 2em;
}
.wishlistSharePopup #friendsContainer:before, .wishlistSharePopup #friendsContainer:after {
  content: " ";
  display: table;
}
.wishlistSharePopup #friendsContainer:after {
  clear: both;
}
.wishlistSharePopup #friendsContainer {
  *zoom: 1;
}
.wishlistSharePopup #userDataContainer {
  /**
  * For modern browsers
  * 1. The space content is one way to avoid an Opera bug when the
  *    contenteditable attribute is included anywhere else in the document.
  *    Otherwise it causes space to appear at the top and bottom of elements
  *    that are clearfixed.
  *
  * 2. The use of `table` rather than `block` is only necessary if using
  *    `:before` to contain the top-margins of child elements.
  *
  * 3. For IE 6/7 only
  *    Include this rule to trigger hasLayout and contain floats.
  */
}
.wishlistSharePopup #userDataContainer:before, .wishlistSharePopup #userDataContainer:after {
  content: " ";
  display: table;
}
.wishlistSharePopup #userDataContainer:after {
  clear: both;
}
.wishlistSharePopup #userDataContainer {
  *zoom: 1;
}
.wishlistSharePopup label.fl-label {
  font-size: 16px;
}
.wishlistSharePopup #titleFriendsEmail {
  text-transform: uppercase;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  line-height: 4em;
  font-size: 1.2em;
  letter-spacing: -0.02em;
}
.wishlistSharePopup #message {
  background-color: #c9c9c9;
  border: none;
  height: 309px;
}
.wishlistSharePopup textarea {
  padding: 24px 8px 0 8px;
  color: white;
  -webkit-transition: color 150ms ease-out, background-color 100ms ease-in, border-color 150ms ease-out;
  transition: color 150ms ease-out, background-color 100ms ease-in, border-color 150ms ease-out;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  font-size: 1.7em;
}

/* login Session Colorbox */
.loginSessionColorbox h2 {
  font-weight: normal;
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
  margin: 0 26px 20px 0;
  font-size: 1.3em;
}
.loginSessionColorbox .forgotten a {
  font-weight: normal;
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
  color: #000;
}
.loginSessionColorbox input[type="button"],
.loginSessionColorbox button {
  margin-top: 2em;
  width: 100%;
  /* 	height: $height;
  	line-height: -3+$height; */
  padding: 1em;
  color: #fff;
  text-align: center;
  background-color: #000;
  display: block;
  text-decoration: none;
  border: 1px solid #000;
  font-size: 1.5em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  cursor: pointer;
  white-space: normal;
  /* to allow line wraps in input type=button */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
  width: 50%;
}
.loginSessionColorbox input[type="button"]:hover, .loginSessionColorbox input[type="button"]:focus,
.loginSessionColorbox button:hover,
.loginSessionColorbox button:focus {
  background-color: #454545;
  color: #fff;
  border-color: #454545;
}

.errorLayer {
  font-size: 14px;
}

#colorbox.copyrightBox #cboxContent {
  height: 178px !important;
}
#colorbox.copyrightBox #cboxContent .copyrightText {
  margin-top: 20px;
  /**/
}

/* column width of items cell in cart */
/* end */
/* ===========================================================================================================
	FORMS
============================================================================================================= */
/*
* customButton(larghezza, altezza, coloreFont, coloreSfondo, coloreFontHover, coloreSfondoHover, coloreBordo, coloreBordoHover)
*/
/*
* customBox(larghezza, coloreFont, coloreSfondo, coloreFontHover)
*/
/*
* customLink(colore, coloreHover, align, TextDecoration, TextTransform, is Block?)
*/
.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}

/* MIXIN FOR FIXED WIDTH INNER CONTAINER */
/* Chrome focus yellow fix */
*:focus {
  outline: 0;
}

abbr.req {
  display: none;
}

.greyBox {
  background-color: #f0f0f0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 23px 0 20px 0;
  color: #b8b8b8;
  position: relative;
}

.blackBox {
  background-color: #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #757575;
  padding: 23px 0 20px 0;
  position: relative;
}
.blackBox input[type="text"], .blackBox input[type="email"], .blackBox input[type="password"] {
  background-color: #4d4d4d;
}
.blackBox label, .blackBox input[type="checkbox"] {
  color: #fff;
}
.blackBox .textGrey label {
  color: #808080;
}

.textGrey label {
  color: #c9c9c9;
}

/* ===========================================================================================================
	FLOATING LABELS
============================================================================================================= */
.fieldRow {
  position: relative;
  margin-bottom: 10px;
}

textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  text-indent: 0;
  position: relative;
  background-color: #c9c9c9;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  font-size: 19px;
  height: 54px;
  width: 100%;
  border: 1px solid #c9c9c9;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
input[type="text"][disabled], input[type="text"][readonly], input[type="text"][disabled].valid, input[type="text"][readonly].valid,
input[type="tel"][disabled],
input[type="tel"][readonly],
input[type="tel"][disabled].valid,
input[type="tel"][readonly].valid,
input[type="email"][disabled],
input[type="email"][readonly],
input[type="email"][disabled].valid,
input[type="email"][readonly].valid,
input[type="password"][disabled],
input[type="password"][readonly],
input[type="password"][disabled].valid,
input[type="password"][readonly].valid,
select[disabled],
select[readonly],
select[disabled].valid,
select[readonly].valid {
  color: #b0b0b0 !important;
  cursor: default;
}
input[type="text"].error,
input[type="tel"].error,
input[type="email"].error,
input[type="password"].error,
select.error {
  border-color: #ff2c14;
  background-color: #fff;
  color: #000;
}
input[type="text"]:focus, input[type="text"].valid:focus, input[type="text"].dark:focus, input[type="text"].light:focus, input[type="text"].light.valid:focus, input[type="text"].dark.valid:focus,
input[type="tel"]:focus,
input[type="tel"].valid:focus,
input[type="tel"].dark:focus,
input[type="tel"].light:focus,
input[type="tel"].light.valid:focus,
input[type="tel"].dark.valid:focus,
input[type="email"]:focus,
input[type="email"].valid:focus,
input[type="email"].dark:focus,
input[type="email"].light:focus,
input[type="email"].light.valid:focus,
input[type="email"].dark.valid:focus,
input[type="password"]:focus,
input[type="password"].valid:focus,
input[type="password"].dark:focus,
input[type="password"].light:focus,
input[type="password"].light.valid:focus,
input[type="password"].dark.valid:focus,
select:focus,
select.valid:focus,
select.dark:focus,
select.light:focus,
select.light.valid:focus,
select.dark.valid:focus {
  border-color: #0194F1;
}

select {
  margin: 0;
  outline: 0;
  overflow: hidden;
  display: block;
  cursor: pointer;
  color: #7d7d7d;
  padding: 17px 8px 0 10px;
}
.selectGroupField select {
  padding-top: 0.65em;
  padding-bottom: 0.65em;
}
select.valid {
  color: #fff;
}
select.light, select.light.valid {
  background: #fff;
  border-color: #c9c9c9;
  color: #7d7d7d;
}
select.dark, select.dark.valid {
  background: #000;
  border-color: #808080;
  color: #808080;
}
select.error, select.light.error {
  color: #000;
  border-color: #ff2c14;
}
.ie9 select {
  padding-bottom: 10px;
}

select::-ms-expand {
  display: none;
}

/*hide select arrow in ie 10 */
@-moz-document url-prefix() {
  select {
    text-indent: 1px;
    text-overflow: '';
  }
}
.selectGroup .selectGroupField,
.fieldValue.typeSelect {
  position: relative;
}

.selectGroup .selectGroupField .icon, .selectGroup .selectGroupField #cboxClose:before,
.fieldValue.typeSelect .icon,
.fieldValue.typeSelect #cboxClose:before {
  position: absolute;
  top: 47%;
  font-size: 7px;
  margin-top: 0;
  right: 2em;
  color: #7d7d7d;
  z-index: 300;
  /*
  @include cssTriangleArrow(0.7em,bottom,$color-default-inputText);
  */
  -webkit-pointer-events: none;
  -khtml-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}
.ielt9 .selectGroup .selectGroupField .icon, .ielt9 .selectGroup .selectGroupField #cboxClose:before, .ie9 .selectGroup .selectGroupField .icon, .ie9 .selectGroup .selectGroupField #cboxClose:before, .ielt9
.fieldValue.typeSelect .icon, .ielt9
.fieldValue.typeSelect #cboxClose:before, .ie9
.fieldValue.typeSelect .icon, .ie9
.fieldValue.typeSelect #cboxClose:before {
  display: none;
}
.firefox .selectGroup .selectGroupField .icon, .firefox .selectGroup .selectGroupField #cboxClose:before, .firefox
.fieldValue.typeSelect .icon, .firefox
.fieldValue.typeSelect #cboxClose:before {
  top: 1px;
  right: 11px;
  padding: 20px 7px 23px;
  background-color: #FFF;
}

.selectGroup .fieldValue.typeSelect:after {
  display: none;
}

.selectGroupField {
  position: relative;
  float: left;
  margin-left: 2%;
}
.selectGroupField:first-child {
  margin-left: 0;
}
.triple .selectGroupField {
  width: 32%;
}
.double .selectGroupField {
  width: 49%;
}
.mono .selectGroupField {
  width: 100%;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"] {
  padding: 17px 8px 0 8px;
  color: #fff;
  -moz-transition: color 150ms ease-out, background-color 100ms ease-in, border-color 150ms ease-out;
  -o-transition: color 150ms ease-out, background-color 100ms ease-in, border-color 150ms ease-out;
  -webkit-transition: color 150ms ease-out, background-color 100ms ease-in, border-color 150ms ease-out;
  transition: color 150ms ease-out, background-color 100ms ease-in, border-color 150ms ease-out;
}
.ie8 input[type="text"], .ie8
input[type="tel"], .ie8
input[type="email"], .ie8
input[type="password"] {
  padding-top: 23px;
  /*  god knows why */
}
input[type="text"].valid,
input[type="tel"].valid,
input[type="email"].valid,
input[type="password"].valid {
  border-color: #c9c9c9;
  color: #fff;
}

.blackBox input[type="text"].valid,
.blackBox input[type="tel"].valid,
.blackBox input[type="email"].valid,
.blackBox input[type="password"].valid {
  border-color: #222;
  color: #fff;
}

label.fl-label,
span.error,
label.error {
  position: absolute;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  z-index: 99;
  display: block;
}
.selectGroup label.fl-label, .selectGroup
span.error, .selectGroup
label.error {
  font-size: 12px;
  position: static;
  margin: 0.5em 0;
}

span.error {
  -webkit-pointer-events: none;
  -khtml-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}

.selectGroup .errorContainer {
  position: absolute;
  top: 45px;
}

.selectGroup .errorContainer .error {
  display: none;
  font-size: 1.2em;
  padding: 0.7em 0;
  clear: both;
}

.selectGroup .errorContainer .error:first-child {
  display: block;
}

label.fl-label {
  color: #7d7d7d;
  font-size: 19px;
  top: 15px;
  left: 10px;
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-pointer-events: none;
  -khtml-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}
label.fl-label.fl-typing, label.fl-label.fl-filled.fl-typing {
  color: #0194F1;
}
label.fl-label.fl-typing.fl-hide, label.fl-label.fl-filled.fl-typing.fl-hide {
  display: none;
}
.selectGroup label.fl-label.fl-typing.fl-hide, .selectGroup label.fl-label.fl-filled.fl-typing.fl-hide {
  display: block;
}
label.fl-label.fl-hide {
  display: none;
}
.selectGroup label.fl-label.fl-hide {
  display: block;
}
label.fl-label:hover {
  cursor: text;
}
label.fl-label.fl-disabled, label.fl-label.fl-filled.fl-disabled, label.fl-label.fl-typing.fl-disabled, label.fl-label.fl-filled.fl-typing.fl-disabled {
  color: #b0b0b0;
  cursor: default;
}

label.fl-typing,
label.fl-filled,
span.error,
label.error {
  font-size: 12px;
  top: 8px;
  left: 10px;
  visibility: visible;
  width: 100%;
  -moz-transition: top 100ms ease-in-out, color 300ms ease-in-out, font-size 150ms ease-in-out;
  -o-transition: top 100ms ease-in-out, color 300ms ease-in-out, font-size 150ms ease-in-out;
  -webkit-transition: top 100ms ease-in-out, color 300ms ease-in-out, font-size 150ms ease-in-out;
  transition: top 100ms ease-in-out, color 300ms ease-in-out, font-size 150ms ease-in-out;
}

span.error, label.error {
  color: #ff2c14;
}
.selectGroupField span.error, .selectGroupField label.error {
  display: none;
}

input[type="checkbox"],
input[type="checkbox"] + label,
input[type="checkbox"] + * + label
.cb {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.cbInputWrapper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: top;
}

input[type="radio"],
input[type="radio"] + label,
input[type="radio"] + * + label,
.rb {
  cursor: pointer;
}

input[type="radio"] {
  width: 16px;
  height: 16px;
  /* sprite height */
  margin: 0;
  position: absolute;
  z-index: 8;
  top: 0;
  left: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

input[type="radio"] + .rb,
span.error + .rb {
  vertical-align: middle;
  position: relative;
  margin-right: 8px;
  z-index: 1;
}

input[type="radio"] + .rb {
  /*	@include button;   WTF !?*/
  height: 16px;
  width: 16px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -1888px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  input[type="radio"] + .rb {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -1807px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}

input[type="radio"]:disabled + .rb {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

input[type="radio"]:checked + .rb {
  /*	@include button;   WTF !?*/
  height: 16px;
  width: 16px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -1825px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  input[type="radio"]:checked + .rb {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -1752px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}

input[type="radio"]:disabled + .rb {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

input[type="radio"].grey + .rb {
  /*	@include button;   WTF !?*/
  height: 16px;
  width: 16px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -1909px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  input[type="radio"].grey + .rb {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -1826px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}

input[type="radio"]:checked.grey + .rb {
  /*	@include button;   WTF !?*/
  height: 16px;
  width: 16px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -1825px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  input[type="radio"]:checked.grey + .rb {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -1752px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}

.rbInputWrapper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  float: left;
}

.radioGroup .fieldLabel {
  display: block;
  position: relative;
  margin: 0 24px 0 0;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.2em;
  color: black;
}
.radioGroup .fieldLabel:last-child {
  margin-right: 0;
}
.radioGroup .fieldLabel label {
  position: static;
  cursor: pointer;
  padding-left: 24px;
  min-height: 16px;
  -webkit-pointer-events: auto;
  -khtml-pointer-events: auto;
  -moz-pointer-events: auto;
  pointer-events: auto;
}
.radioGroup .fieldLabel .rbInputWrapper {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  /* sprite height/2 */
  z-index: 10;
}

.radioboxContainer.preferencesContainer {
  margin: 0 20px 10px 0;
}
.radioboxContainer.preferencesContainer .fl-label {
  font-size: 1.7em;
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
}

.radioGroup {
  display: block;
  min-height: 3.2em;
}
.radioGroup label {
  max-width: 100%;
}
.radioGroup .fieldLabel {
  float: left;
  margin-right: 32px;
}
.radioGroup.fl-checked {
  color: #000;
}

input[type="checkbox"],
input[type="checkbox"] + label,
input[type="checkbox"] + * + label,
.cb {
  cursor: pointer;
}

input[type="checkbox"] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  margin: 0;
  position: absolute;
  z-index: 8;
  top: 50%;
  left: 0;
}

.ielt9 input[type="checkbox"],
.ielt9 input[type="radio"] {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  position: relative;
  margin-top: 0;
  float: left;
}

.checkboxContainer {
  padding: 10px 0;
}
.checkboxContainer label[for] {
  cursor: pointer;
  -webkit-pointer-events: auto;
  -khtml-pointer-events: auto;
  -moz-pointer-events: auto;
  pointer-events: auto;
}
.checkboxContainer + .checkboxContainer {
  padding-top: 0;
}
.checkboxContainer .fl-label {
  position: static;
  left: 0;
  top: 0;
  font-size: 16px;
  line-height: 1.2em;
  white-space: normal;
}
.checkboxContainer.preferencesContainer {
  padding: 10px 0 30px;
  width: auto;
  min-width: 30%;
  margin-right: 2em;
  float: none;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.checkboxContainer.preferencesContainer .fl-label {
  font-size: 1.7em;
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
}
.checkboxContainer .fieldLabel .cbInputWrapper {
  margin-top: -5px;
}

.cbInputWrapper {
  float: left;
  position: relative;
  display: block;
  margin-top: 2px;
}

.cbInputWrapper + label {
  cursor: pointer;
}
.cbInputWrapper + label.checked {
  color: #000;
}
.cbInputWrapper + label.light.checked {
  color: #fff;
}

input[type="checkbox"] {
  width: 24px;
  height: 23px;
  margin-top: -12px;
}

.checkboxBlack label {
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
  color: #121212;
}

input[type="checkbox"] + .cb,
span.error + .cb {
  vertical-align: middle;
  position: relative;
  margin-right: 8px;
  z-index: 1;
}

input[type="checkbox"] + .cb,
.error + .cb {
  /*	@include button;   WTF !?*/
  height: 24px;
  width: 24px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -338px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  input[type="checkbox"] + .cb,
  .error + .cb {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -312px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}

input[type="checkbox"]:checked + .cb {
  /*	@include button;   WTF !?*/
  height: 24px;
  width: 24px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -70px;
  background-repeat: no-repeat;
  background-color: transparent;
  margin-right: 8px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  input[type="checkbox"]:checked + .cb {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -68px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}

input[type="checkbox"]:disabled + .cb {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

input[type="checkbox"].light + .cb {
  /*	@include button;   WTF !?*/
  height: 24px;
  width: 24px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -280px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  input[type="checkbox"].light + .cb {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -259px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}

input[type="checkbox"]:checked.light + .cb {
  /*	@include button;   WTF !?*/
  height: 24px;
  width: 24px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -166px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  input[type="checkbox"]:checked.light + .cb {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -156px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}

input[type="checkbox"].grey + .cb {
  /*	@include button;   WTF !?*/
  height: 24px;
  width: 24px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -406px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  input[type="checkbox"].grey + .cb {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -375px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}

input[type="checkbox"]:checked.grey + .cb {
  /*	@include button;   WTF !?*/
  height: 24px;
  width: 24px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -251px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  input[type="checkbox"]:checked.grey + .cb {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -233px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}

/* ===========================================================================================================
	END FLOATING LABELS
============================================================================================================= */
input[type="search"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-appearance: textfield;
  border: none;
  background: #c9c9c9;
  color: #fff;
  height: 33px;
  line-height: 33px;
  padding: 10px 23px;
  width: 264px;
}
input[type="search"]:hover, input[type="search"]:focus {
  background-color: #bcbcbc;
}

input[type="search"]::-webkit-search-decoration,
input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

input[type="search"]::-ms-clear,
input[type="text"]::-ms-clear,
input[type="password"]::-ms-clear,
input[type="tel"]::-ms-clear,
input[type="email"]::-ms-clear {
  display: none;
}

.hiddenSubmit {
  display: none;
}

.inputWrapper.disclaimer {
  position: relative;
}
.inputWrapper.disclaimer .agreement {
  font-size: 1.2em;
  line-height: 1.4em;
  color: #828282;
  padding: 1.6em 1.2em;
  border: 1px solid #c9c9c9;
  max-height: 10em;
}

/* checkbox Black --------------------------------------------------------------------------------------------------  */
.checkboxBlack {
  margin-bottom: 10px;
}
.checkboxBlack label {
  font-size: 13px;
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
  color: #121212;
  vertical-align: middle;
}
.checkboxBlack input {
  vertical-align: middle;
}

/* icona arrotondata */
.circleicon {
  background: #000;
  color: #fff;
  padding: 8px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  margin-right: 4px;
  cursor: pointer;
}
.circleicon:hover {
  background: #757575;
}

span.spanFakeInput {
  border: none;
  background: #c9c9c9;
  color: #fff;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  font-size: 19px;
  height: 33px;
  line-height: 33px;
  padding: 10px 23px;
  width: 264px;
  display: block;
}

/* errors serverside */
span.serverSideError,
div.serverSideError {
  border-radius: 1em;
  font-size: 1.5em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 1em 0;
  text-indent: 0;
  text-align: left;
  display: none;
  color: #ff2c14;
}

#cboxOverlay.serverSideError {
  display: block;
}

#colorbox.serverSideError {
  border-radius: 1em;
  font-size: 1.5em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 1em 0;
  text-indent: 0;
  text-align: left;
  color: #ff2c14;
  display: block;
}
#colorbox.serverSideError #cboxLoadedContent {
  padding: 1.5em 2em;
  width: 30em !important;
  position: relative;
  font-size: 1em;
  color: #ff2c14;
}
#colorbox.serverSideError #cboxLoadedContent.loginError {
  padding: 0;
}

/* ===========================================================================================================
	PASSWORD STRENGHT
============================================================================================================= */
#accountregistrationregistration .password_strength,
#megamenu_wrapper .password_strength,
#layer .password_strength,
.registrationForm .password_strength,
#registrationFormCnt .password_strength {
  width: 100%;
  text-align: right;
  text-transform: uppercase;
  font-size: 1em;
  letter-spacing: 0.03em;
  display: block;
  clear: both;
  /*margin: 5px 0 0 0;*/
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#layer .password_strength,
.registrationForm .password_strength {
  width: 100%;
}

span.strength_1 {
  color: #ff2c14;
}

span.strength_2 {
  color: #ffcc00;
}

span.strength_3 {
  color: #76c661;
}

span.strength_4 {
  color: #398f22;
}

span.strength_5 {
  color: #355f29;
}

.passwordStrenghtWrapper {
  position: relative;
  width: 100%;
  height: auto;
}

.bars {
  clear: both;
  width: 100%;
  padding: 5px 0;
}
.bars .str-box {
  position: relative;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 20%;
  border-right: 4px solid #FFF;
  /*  width: 19% and margin-right: 1.25% does not work on safari 'cause of the rounding bug. dammit. */
  height: 5px;
  display: block;
  float: left;
  background-color: #c9c9c9;
}
.bars .str-box div {
  position: absolute;
  width: 0%;
  height: 100%;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
}
.bars .str-box:last-child {
  border-right: 0;
}

.bars.strength_1 .str-box div,
.bars.strength_2 .str-box div,
.bars.strength_3 .str-box div,
.bars.strength_4 .str-box div,
.bars.strength_5 .str-box div {
  width: 100%;
}

.bars.strength_1 {
  color: #ff2c14;
}
.bars.strength_1 .str-box.box1 div {
  background: #ff2c14;
}

.bars.strength_2 {
  color: #ffcc00;
}
.bars.strength_2 .str-box.box1 div {
  background: #ffcc00;
}
.bars.strength_2 .str-box.box2 div {
  background: #ffcc00;
}

.bars.strength_3 {
  color: #76c661;
}
.bars.strength_3 .str-box.box1 div {
  background: #76c661;
}
.bars.strength_3 .str-box.box2 div {
  background: #76c661;
}
.bars.strength_3 .str-box.box3 div {
  background: #76c661;
}

.bars.strength_4 {
  color: #398f22;
}
.bars.strength_4 .str-box.box1 div {
  background: #398f22;
}
.bars.strength_4 .str-box.box2 div {
  background: #398f22;
}
.bars.strength_4 .str-box.box3 div {
  background: #398f22;
}
.bars.strength_4 .str-box.box4 div {
  background: #398f22;
}

.bars.strength_5 {
  color: #355f29;
}
.bars.strength_5 .str-box.box1 div {
  background: #355f29;
}
.bars.strength_5 .str-box.box2 div {
  background: #355f29;
}
.bars.strength_5 .str-box.box3 div {
  background: #355f29;
}
.bars.strength_5 .str-box.box4 div {
  background: #355f29;
}
.bars.strength_5 .str-box.box5 div {
  background: #355f29;
}

textarea, button, input[type="submit"] {
  -moz-appearance: none;
  -webkit-appearance: none;
}

.typeText input[type=text] + .icon, .typeText input[type=text] + #cboxClose:before {
  display: none;
}

/* ===========================================================================================================
	HIDING PREFERENCES
============================================================================================================= */
.frmPreferences,
.containerForAccount .cbNewsletter {
  display: none;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative;
  *zoom: 1;
}

.jspPane {
  position: absolute;
  width: 100% !important;
}

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 1em;
  height: 100%;
  background: #999;
}

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1em;
  background: #999;
}

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

.jspCap {
  display: none;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  background: transparent;
  position: relative;
}

.jspDrag {
  background: #555;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
  *zoom: 1;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}

.jspVerticalBar .jspArrow {
  height: 1em;
}

.jspHorizontalBar .jspArrow {
  width: 1em;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus {
  outline: none;
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0;
}

/* info here: http://codemug.com/html/custom-scrollbars-using-css/ */
/* === DEFAULT SCROLLBARS STYLE === */
::-webkit-scrollbar {
  width: 1em;
  height: 1em;
}

::-webkit-scrollbar-track-piece {
  background-color: #999;
}

::-webkit-scrollbar-thumb {
  background-color: #555;
}

::-webkit-scrollbar-button {
  display: none;
}

/* === CART SCROLLBARS (white bg) */
/* === DEFAULT SCROLLBARS STYLE === */
html.cssscrollbar #cartpreviewlist::-webkit-scrollbar {
  width: 8px;
  height: 7px;
}

html.cssscrollbar #cartpreviewlist::-webkit-scrollbar-thumb {
  background-color: #919191;
  border-radius: 1em;
}

html.cssscrollbar .paddingCart {
  background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAABCAMAAADQK89MAAAAFVBMVEX6+vrm5uby8vL19fX9/f3v7+////+/cYwVAAAAFklEQVR42gELAPT/AAEFAgMABAYGBgYAtwAo6qwfxAAAAABJRU5ErkJggg==) right top repeat-y !important;
}

html.cssscrollbar #cartpreviewlist::-webkit-scrollbar-track-piece {
  background: transparent;
  border-right: 1px solid white;
}

/* === CART SCROLLBARS (white bg) */
/* === DEFAULT SCROLLBARS STYLE === */
html.cssscrollbar #megamenu_wrapper .disclaimer .agreement:-webkit-scrollbar {
  width: 8px;
  height: 7px;
}

html.cssscrollbar #megamenu_wrapper .disclaimer .agreement::-webkit-scrollbar-thumb {
  background-color: #c9c9c9;
  border-radius: 1em;
  border: 3px solid white;
}

html.cssscrollbar #megamenu_wrapper .disclaimer .agreement::-webkit-scrollbar-track-piece {
  background: transparent;
}

html.cssscrollbar body,
html.cssscrollbar .scrollable {
  scrollbar-3dlight-color: #555;
  scrollbar-arrow-color: #666666;
  scrollbar-base-color: #555;
  scrollbar-darkshadow-color: #999;
  scrollbar-face-color: #555;
  scrollbar-highlight-color: #555;
  scrollbar-shadow-color: #555;
  scrollbar-track-color: #999;
}

html.cssscrollbar #megamenu_wrapper .disclaimer .agreement {
  scrollbar-width: 10px;
  scrollbar-3dlight-color: #c9c9c9;
  scrollbar-arrow-color: #cccccc;
  scrollbar-base-color: #c9c9c9;
  scrollbar-darkshadow-color: #FFF;
  scrollbar-face-color: #c9c9c9;
  scrollbar-highlight-color: #c9c9c9;
  scrollbar-shadow-color: #c9c9c9;
  scrollbar-track-color: #FFF;
}

/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #ccc;
  padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #ccc;
  text-indent: -9999px;
  display: block;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
}

.bx-wrapper .bx-next {
  right: 10px;
}

.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* ==|== PRELOAD ANIMATION ========================================================================================== */
@-webkit-keyframes dotColor {
  0% {
    background-color: #77756c;
  }
  99% {
    background-color: #d0cec5;
  }
}
@keyframes dotColor {
  0% {
    background-color: #77756c;
  }
  99% {
    background-color: #d0cec5;
  }
}
.loadingCSSAnimation {
  width: 16px;
  height: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  position: relative;
  z-index: 1;
}
.loadingCSSAnimation .animElement {
  position: absolute;
  z-index: 5;
  width: 4px;
  height: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.loadingCSSAnimation .animElement.l1 {
  left: 6px;
  top: 0;
}
.loadingCSSAnimation .animElement.l2 {
  left: 10px;
  top: 2px;
}
.loadingCSSAnimation .animElement.l3 {
  left: 12px;
  top: 6px;
}
.loadingCSSAnimation .animElement.l4 {
  left: 10px;
  top: 10px;
}
.loadingCSSAnimation .animElement.l5 {
  left: 6px;
  top: 12px;
}
.loadingCSSAnimation .animElement.l6 {
  left: 2px;
  top: 10px;
}
.loadingCSSAnimation .animElement.l7 {
  left: 0;
  top: 6px;
}
.loadingCSSAnimation .animElement.l8 {
  left: 2px;
  top: 2px;
}
.loadingCSSAnimation .animElement.l1 {
  background-color: #77756c;
  -moz-animation: dotColor 1s infinite linear 0s;
  -webkit-animation: dotColor 1s infinite linear 0s;
  animation: dotColor 1s infinite linear 0s;
}
.loadingCSSAnimation .animElement.l2 {
  background-color: #848279;
  -moz-animation: dotColor 1s infinite linear 0.125s;
  -webkit-animation: dotColor 1s infinite linear 0.125s;
  animation: dotColor 1s infinite linear 0.125s;
}
.loadingCSSAnimation .animElement.l3 {
  background-color: #908f86;
  -moz-animation: dotColor 1s infinite linear 0.25s;
  -webkit-animation: dotColor 1s infinite linear 0.25s;
  animation: dotColor 1s infinite linear 0.25s;
}
.loadingCSSAnimation .animElement.l4 {
  background-color: #9d9b93;
  -moz-animation: dotColor 1s infinite linear 0.375s;
  -webkit-animation: dotColor 1s infinite linear 0.375s;
  animation: dotColor 1s infinite linear 0.375s;
}
.loadingCSSAnimation .animElement.l5 {
  background-color: #aaa8a0;
  -moz-animation: dotColor 1s infinite linear 0.5s;
  -webkit-animation: dotColor 1s infinite linear 0.5s;
  animation: dotColor 1s infinite linear 0.5s;
}
.loadingCSSAnimation .animElement.l6 {
  background-color: #b7b5ac;
  -moz-animation: dotColor 1s infinite linear 0.625s;
  -webkit-animation: dotColor 1s infinite linear 0.625s;
  animation: dotColor 1s infinite linear 0.625s;
}
.loadingCSSAnimation .animElement.l7 {
  background-color: #c3c1b9;
  -moz-animation: dotColor 1s infinite linear 0.75s;
  -webkit-animation: dotColor 1s infinite linear 0.75s;
  animation: dotColor 1s infinite linear 0.75s;
}
.loadingCSSAnimation .animElement.l8 {
  background-color: #d0cec5;
  -moz-animation: dotColor 1s infinite linear 0.875s;
  -webkit-animation: dotColor 1s infinite linear 0.875s;
  animation: dotColor 1s infinite linear 0.875s;
}

.loadingAnimationWrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.loadingAnimationWrapper .loadingCSSAnimation {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
}

/* =================================================================================================
	COMMON GRIDR RULES
================================================================================================= */
.grid {
  width: 100%;
  position: relative;
  overflow: hidden;
  font-size: 10px;
}
.grid .slot {
  position: absolute;
  overflow: hidden;
}
.grid .slot .mainImage {
  width: 100%;
  position: relative;
}
.grid .slot .alternativeImage {
  width: 100%;
  display: none;
  position: relative;
}
.grid .slot .video {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
}
.grid .slot:hover .overlay {
  display: table;
  opacity: 1;
  top: 0%;
}
.grid .slot a.overlay {
  text-decoration: none;
}
.grid .slot .overlay.activeOverlay {
  display: table;
  opacity: 1;
  top: 0%;
}
.grid .slot .overlay {
  /*			background-image:*/
  position: absolute;
  display: table;
  -moz-transition: opacity 250ms;
  -o-transition: opacity 250ms;
  -webkit-transition: opacity 250ms;
  transition: opacity 250ms;
  opacity: 0;
  top: 200%;
  left: 0%;
  width: 101%;
  height: 101%;
}
.grid .slot .overlay.chrome {
  -moz-transition: opacity 0ms;
  -o-transition: opacity 0ms;
  -webkit-transition: opacity 0ms;
  transition: opacity 0ms;
}
.grid .slot .overlay .overlayContainer {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.grid .slot .overlay .overlayContainer .overlayAligner {
  display: block;
  width: 34em;
  margin: 0 auto;
  text-align: center;
}
.grid .slot .overlay .overlayContainer .overlayAligner br {
  display: none;
}
.grid .slot .overlay .overlayContainer .overlayAligner span br {
  display: inline;
}
.grid .slot .overlay .blockLogo {
  display: block;
  margin: 0 auto 1.8em auto;
  width: 22.6em;
}
.grid .slot .overlay .headline {
  color: #ffffff;
  font-size: 2.2em;
  line-height: 1.3em;
  letter-spacing: 0.1em;
  display: block;
  text-align: center;
  text-transform: uppercase;
  margin: 0 auto;
}
.grid .slot .overlay .label,
.grid .slot .overlay .labeltop {
  display: block;
  font-size: 1.1em;
  line-height: 1.6em;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0 auto;
}
.grid .slot .overlay .labeltop {
  width: 30.95em;
  position: absolute;
  top: 10%;
  margin: 0;
}
.grid .slot .overlay .bodycopy {
  display: block;
  color: #8f8f8f;
  font-size: 1.1em;
  line-height: 1.6em;
  margin: 0 auto 2em auto;
}
.grid .slot .overlay .onAirLabel {
  display: none;
  font-size: 4em;
  margin: 3em 0;
  line-height: 3.3em;
}
.grid .slot .overlay .countdownContainer {
  display: block;
  margin: 3em 0;
}
.grid .slot .overlay .countdownContainer span {
  display: inline-block;
  width: 8.2em;
  margin: 0 0.1em;
  /*					background-image:*/
  color: #fff;
  font-size: 1em;
  text-transform: uppercase;
  padding: 1.2em 0;
}
.grid .slot .overlay .countdownContainer span em {
  display: block;
  font-size: 3em;
  margin: 0 0 0.5em 0;
  font-style: normal;
}
.grid .slot .ctabutton {
  display: inline-block;
  position: relative;
  height: 3em;
  line-height: 3em;
  vertical-align: middle;
  text-align: center;
  width: 11em;
  background: #fff;
  color: #000;
  text-decoration: none;
  margin: 0.6em;
}
.grid .slot .ctabutton span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
  text-transform: uppercase;
  font-family: "montserratregular", Helvetica, Arial, sans-serif;
  font-size: 1em;
}
.grid .slot .ctabutton:hover {
  background: #909090;
  color: #fff;
}
.grid .slot .hotspot {
  display: block;
  position: absolute;
  font-size: 1.7em;
  font-weight: normal;
  text-decoration: none;
  padding: 0.4em 0.6em;
  background: #fff;
  font-family: arial;
  line-height: 1;
  color: #000;
  z-index: 30;
}
.grid .slot .hotspot:hover {
  background: #000;
  color: #fff;
}
.grid .slot .hotspot .open {
  display: block;
}
.grid .slot .hotspot .close {
  display: none;
}
.grid .slot .hotspot.active .open {
  display: none;
}
.grid .slot .hotspot.active .close {
  display: block;
}
.grid .slot.block_3 .overlay .overlayContainer .overlayAligner {
  width: 24em;
  padding-right: 2em !important;
}
.grid .slot.block_3 .overlay .overlayContainer .overlayAligner .blockLogo {
  position: static;
}
.grid .slot.block_3 .overlay .labeltop {
  width: 23.95em;
}
.grid .slot_notvisible {
  display: none;
}
.grid .slot_image.not_added {
  visibility: hidden;
}
.grid .slot_text .overlay {
  display: table;
  opacity: 1;
  background: none;
}
.grid .slot_text .leftbottom .overlayContainer .overlayAligner, .grid .slot_text .lefttop .overlayContainer .overlayAligner {
  text-align: left;
  margin: 0 auto 0 4em;
}
.grid .slot_text .leftbottom .overlayContainer .overlayAligner .headline, .grid .slot_text .lefttop .overlayContainer .overlayAligner .headline {
  text-align: left;
}
.grid .slot_text .rightbottom .overlayContainer .overlayAligner, .grid .slot_text .righttop .overlayContainer .overlayAligner {
  text-align: right;
  margin: 0 4em 0 auto;
}
.grid .slot_text .rightbottom .overlayContainer .overlayAligner .headline, .grid .slot_text .righttop .overlayContainer .overlayAligner .headline {
  text-align: right;
}
.grid .slot.slot_slideshow {
  z-index: 0;
}
.grid .slot_product {
  background: #fff;
}
.grid .slot_product .prodImage {
  position: absolute;
  top: 0;
  left: 0;
  height: 70%;
  width: 100%;
}
.grid .slot_product .prodImage .prodImageBg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
}
.grid .slot_product .prodImage .mainImage {
  display: block;
  position: relative;
  height: 100%;
  width: auto;
  margin: 0 auto;
}
.grid .slot_product .prodInfo {
  position: absolute;
  top: 70%;
  left: 0;
  height: 30%;
  width: 100%;
  text-align: center;
}
.grid .slot_product .prodInfo .prodName {
  margin: 1% 0 2% 0;
  font-size: 1.4em;
  text-transform: uppercase;
}
.grid .slot_product .prodInfo .ctabutton {
  display: inline-block;
  position: relative;
  height: 3em;
  line-height: 3em;
  vertical-align: middle;
  text-align: center;
  width: 12em;
  background: #000;
  color: #fff;
  text-decoration: none;
  margin: 0.6em 0.6em 0 0.6em;
}
.grid .slot_product .prodInfo .ctabutton span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
  text-transform: uppercase;
  font-family: "montserratregular", Helvetica, Arial, sans-serif;
  font-size: 1em;
}
.grid .slot_product .prodInfo .ctabutton:hover {
  background: #909090;
  color: #000;
}
.grid .slot_social {
  background-color: #171717;
  word-wrap: break-word;
}
.grid .slot_social .icon, .grid .slot_social #cboxClose:before {
  margin: 0 auto;
  margin-bottom: 4em;
}
.grid .slot_social .hash {
  font-size: 2.3em;
  color: #6b6b6b;
  text-align: center;
  margin-bottom: 2.7em;
}
.grid .slot_social .twitter {
  margin: 0 auto;
  color: #ffffff;
  text-align: center;
}
.grid .slot_social .twitter .content {
  font-size: 1.9em;
  line-height: 2em;
  margin-bottom: 2.2em;
}
.grid .slot_social .twitter .content a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}
.grid .slot_social .twitter .content a:hover {
  text-decoration: underline;
}
.grid .slot_social .twitter .date {
  font-family: sans-serif;
  text-transform: uppercase;
  color: #6b6b6b;
  font-size: 1.7em;
}
.grid .slot_social .twitterIframe {
  display: none;
}
.grid .slot_social.Instagram .overlay, .grid .slot_social.Pinterest .overlay, .grid .slot_social.Weibo .overlay {
  top: initial;
  left: -1%;
  height: auto;
  padding: 1em 0;
  bottom: 0px;
  display: table;
}
.grid .slot_social.Instagram .overlay .headline, .grid .slot_social.Pinterest .overlay .headline, .grid .slot_social.Weibo .overlay .headline {
  text-align: left;
  margin-bottom: 0;
}
.grid .slot_social.Instagram .overlay .blockLogo, .grid .slot_social.Pinterest .overlay .blockLogo, .grid .slot_social.Weibo .overlay .blockLogo {
  position: absolute;
  right: 0;
  width: 42px;
  bottom: 0;
  margin-right: 2em;
  margin-bottom: 2em;
}
.grid .slot_social.Instagram .overlay .label,
.grid .slot_social.Instagram .overlay .ctabutton,
.grid .slot_social.Instagram .overlay .bodycopy,
.grid .slot_social.Instagram .overlay .label,
.grid .slot_social.Instagram .overlay .labeltop, .grid .slot_social.Pinterest .overlay .label,
.grid .slot_social.Pinterest .overlay .ctabutton,
.grid .slot_social.Pinterest .overlay .bodycopy,
.grid .slot_social.Pinterest .overlay .label,
.grid .slot_social.Pinterest .overlay .labeltop, .grid .slot_social.Weibo .overlay .label,
.grid .slot_social.Weibo .overlay .ctabutton,
.grid .slot_social.Weibo .overlay .bodycopy,
.grid .slot_social.Weibo .overlay .label,
.grid .slot_social.Weibo .overlay .labeltop {
  display: none;
}
.grid .slot_social.Instagram .overlay .overlayContainer .overlayAligner, .grid .slot_social.Pinterest .overlay .overlayContainer .overlayAligner, .grid .slot_social.Weibo .overlay .overlayContainer .overlayAligner {
  margin: 0 0 0 2em;
  text-align: left;
  padding-right: 12em;
  width: 99%;
  box-sizing: border-box;
}
.grid .slot_social.Instagram .overlay .title, .grid .slot_social.Instagram .overlay .description, .grid .slot_social.Instagram .overlay .headline, .grid .slot_social.Pinterest .overlay .title, .grid .slot_social.Pinterest .overlay .description, .grid .slot_social.Pinterest .overlay .headline, .grid .slot_social.Weibo .overlay .title, .grid .slot_social.Weibo .overlay .description, .grid .slot_social.Weibo .overlay .headline {
  color: #fff;
  display: block;
}
.grid .slot_social.Instagram .overlay .title, .grid .slot_social.Instagram .overlay .headline, .grid .slot_social.Pinterest .overlay .title, .grid .slot_social.Pinterest .overlay .headline, .grid .slot_social.Weibo .overlay .title, .grid .slot_social.Weibo .overlay .headline {
  font-size: 1.6em;
  line-height: 2em;
}
.grid .slot_social.Instagram .overlay .description, .grid .slot_social.Pinterest .overlay .description, .grid .slot_social.Weibo .overlay .description {
  font-size: 1.4em;
  line-height: 1.8em;
}
.grid .slot_social.Instagram .ico {
  display: inline-block;
}
.grid .slot_social.Pinterest .ico {
  display: inline-block;
}
.grid .videoHover .overlay {
  background-image: url("https://media.yoox.biz/Os/black.gif");
}

#goToTop {
  cursor: pointer;
  width: 45px;
  height: 45px;
  position: fixed;
  display: none;
  bottom: 30px;
  right: 30px;
  line-height: 46px;
  background: #2d2d2d;
  color: #fff;
  text-align: center;
}
#goToTop .ico {
  display: inline-block;
  margin-top: 17px;
  height: 12px;
}

/* =================================================================================================
	IE Rules/Fixes/Hacks
================================================================================================= */
.ie7 .grid {
  /* slot hacks */
  /* slideshow hacks */
}
.ie7 .grid .slot .overlay .overlayContainer {
  position: absolute;
  top: 50%;
}
.ie7 .grid .slot .overlay .overlayContainer .overlayAligner {
  position: relative;
  top: -50%;
}
.ie7 .grid .slot .overlay .labeltop {
  /* WARN: on IE7 a js fix detaches .labeltops and prepends those to .overlay */
  left: 50%;
  margin-left: -17em;
  text-align: center;
}
.ie7 .grid .slot .overlay .ctabutton {
  line-height: 1.2;
  height: auto;
}
.ie7 .grid .slot .overlay .ctabutton span {
  padding: 0.6em;
}
.ie7 .grid .slot .overlay.activeOverlay {
  display: block;
}
.ie7 .grid .slot:hover .overlay {
  display: block;
}
.ie7 .grid .slot.slot_text .overlay {
  display: block;
}
.ie7 .grid .slot.slot_text .overlay .labeltop {
  /* WARN: on IE7 a js fix detaches .labeltops and prepends those to .overlay */
  left: 4em;
  margin-left: 0;
}
.ie7 .grid .slot.slot_text .leftbottom .labeltop, .ie7 .grid .slot.slot_text .lefttop .labeltop {
  text-align: left;
}
.ie7 .grid .slot.slot_text .rightbottom .labeltop, .ie7 .grid .slot.slot_text .righttop .labeltop {
  text-align: right;
}
.ie7 .grid .slideshow .pagination li {
  display: inline;
  zoom: 1;
}

.ie7 .grid .slot .video > span,
.ie8 .grid .slot .video > span,
.ie9 .grid .slot .video > span,
.ie10 .grid .slot .video > span {
  position: relative;
  height: 100%;
  width: 100%;
}

/* =================================================================================================
	IPad Rules/Fixes/Hacks
================================================================================================= */
.iPad .slot:not(.slot_countdown):not(.slot_social) .overlay {
  top: initial;
  left: -1%;
  height: auto;
  padding: 1em 0;
  bottom: 0px;
  display: table;
  opacity: 1;
}
.iPad .slot:not(.slot_countdown):not(.slot_social) .overlay .headline {
  text-align: left;
  margin-bottom: 0;
  font-size: 1.8em;
}
.iPad .slot:not(.slot_countdown):not(.slot_social) .overlay .blockLogo {
  position: absolute;
  right: 0;
  width: 182px;
  bottom: 0;
  margin-right: 2em;
  margin-bottom: 0;
}
.iPad .slot:not(.slot_countdown):not(.slot_social) .overlay .label,
.iPad .slot:not(.slot_countdown):not(.slot_social) .overlay .ctabutton,
.iPad .slot:not(.slot_countdown):not(.slot_social) .overlay .bodycopy,
.iPad .slot:not(.slot_countdown):not(.slot_social) .overlay .label,
.iPad .slot:not(.slot_countdown):not(.slot_social) .overlay .labeltop {
  display: none;
}
.iPad .slot:not(.slot_countdown):not(.slot_social) .overlay .overlayContainer .overlayAligner {
  margin: 0 0 0 2em;
  text-align: left;
  padding-right: 22em;
  width: 99%;
  box-sizing: border-box;
}
.iPad .slot:not(.slot_countdown):not(.slot_social) .overlay.active {
  top: -1%;
  left: -1%;
  width: 102%;
  height: 102%;
  padding: inherit;
  bottom: inherit;
  display: table;
}
.iPad .slot:not(.slot_countdown):not(.slot_social) .overlay.active .headline {
  text-align: center;
  margin: 0 auto 0.5em auto;
}
.iPad .slot:not(.slot_countdown):not(.slot_social) .overlay.active .blockLogo {
  display: block;
  margin: 0 auto 1.8em auto;
  position: inherit;
  right: inherit;
  height: inherit;
  width: initial;
  bottom: initial;
}
.iPad .slot:not(.slot_countdown):not(.slot_social) .overlay.active .label,
.iPad .slot:not(.slot_countdown):not(.slot_social) .overlay.active .ctabutton,
.iPad .slot:not(.slot_countdown):not(.slot_social) .overlay.active .bodycopy,
.iPad .slot:not(.slot_countdown):not(.slot_social) .overlay.active .label,
.iPad .slot:not(.slot_countdown):not(.slot_social) .overlay.active .labeltop {
  display: inline-block;
}
.iPad .slot:not(.slot_countdown):not(.slot_social) .overlay.active .overlayContainer .overlayAligner {
  margin: 0 auto;
  text-align: center;
  width: 34em;
  padding-right: 0;
}
.iPad .slot_text .overlay {
  top: -1%;
  left: -1%;
  width: 102%;
  height: 102%;
  padding: inherit;
  bottom: inherit;
  display: table;
}
.iPad .slot_text .overlay .headline {
  text-align: center;
  margin: 0 auto 0.5em auto;
}
.iPad .slot_text .overlay .blockLogo {
  display: block;
  margin: 0 auto 1.8em auto;
  position: inherit;
  right: inherit;
  height: inherit;
  width: initial;
  bottom: initial;
}
.iPad .slot_text .overlay .label,
.iPad .slot_text .overlay .ctabutton,
.iPad .slot_text .overlay .bodycopy,
.iPad .slot_text .overlay .label,
.iPad .slot_text .overlay .labeltop {
  display: inline-block;
}
.iPad .slot_text .overlay .overlayContainer .overlayAligner {
  margin: 0 auto 0 2em;
  text-align: left;
  width: 30em;
  padding-right: 0;
}
.iPad .slot_countdown .overlay .overlayContainer .overlayAligner {
  padding-right: 0;
  text-align: center;
}
.iPad .slot:not(.slot_countdown):not(.slot_social).slot_video .overlay .overlayContainer .overlayAligner {
  text-align: center;
  padding-right: 2em;
}
.iPad .slot:not(.slot_countdown):not(.slot_social).slot_video .overlay .overlayContainer .overlayAligner .ctabutton {
  display: inline-block;
  font-size: 2.2em;
}
.iPad .slot:not(.slot_countdown):not(.slot_social).slot_video .overlay .headline {
  text-align: center;
}
.iPad .slot:not(.slot_countdown):not(.slot_social).slot_video .overlay .ctabutton {
  display: inline-block;
  font-size: 2.2em;
}
.iPad .slot.slot_text .overlay.activeOverlay {
  height: 100%;
}
.iPad .slot.slot_text .overlay.activeOverlay .headline {
  text-align: center;
  margin: 0 auto 0.5em auto;
}
.iPad .slot.slot_text .overlay.activeOverlay .bodycopy {
  display: block;
}
.iPad .slot.slot_text .overlay.activeOverlay .ctabutton {
  display: inline-block;
}
.iPad .slot.slot_text .overlay.activeOverlay .overlayContainer .overlayAligner {
  margin: 0 auto;
  padding: 0 2em;
}
.iPad .slot.slot_text .overlay.activeOverlay .blockLogo {
  position: static;
  right: inherit;
  margin: 0 auto 10px auto;
}
.iPad .slot_social.Instagram .overlay .blockLogo, .iPad .slot_social.Pinterest .overlay .blockLogo, .iPad .slot_social.Weibo .overlay .blockLogo {
  position: absolute;
  right: 0;
  width: 42px;
  bottom: 0;
  margin-right: 2em;
  margin-bottom: 2em;
}
.iPad .slot_social.Instagram .overlay .overlayContainer .overlayAligner, .iPad .slot_social.Pinterest .overlay .overlayContainer .overlayAligner, .iPad .slot_social.Weibo .overlay .overlayContainer .overlayAligner {
  margin: 0 0 0 2em;
  text-align: left;
  padding-right: 12em;
  width: 99%;
  box-sizing: border-box;
}
.iPad .slot:not(.slot_countdown):not(.slot_social).block_4 .overlay.active .blockLogo {
  width: 182px !important;
}

/* =================================================================================================
	SLIDEME Rules (core by Luigi Ferraresi)
================================================================================================= */
/*** Core ***/
.slideme_container {
  position: relative;
}

.slideme {
  overflow: hidden;
  padding: 0;
  position: relative;
  margin: 0;
  width: 100%;
}

.slideme > * {
  display: none;
  height: 100%;
  list-style: none outside;
  left: 0;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.slideme > *:first-child {
  display: block;
  opacity: 1;
}

.slideme_container .slideme > *:first-child {
  display: none;
  opacity: 0;
}

.slideme .itemsForSlide {
  float: left;
  display: inline;
}

.resizable .slideme {
  overflow: hidden;
}

.slideme_container .slideme > .current, .slideme_container .slideme > .next {
  display: block;
  position: absolute;
  opacity: 1;
  z-index: 50;
}

.slide .slideme > .current, .page .slideme > .current {
  z-index: 100;
}

.slide .slideme > .next, .page .slideme > .next {
  z-index: 200;
}

.fade .slideme > .current {
  z-index: 200;
}

.fade .slideme > .next {
  z-index: 100;
}

.slide .slideme > *, .page .slideme > * {
  -webkit-transition: left .5s ease-in-out;
  -moz-transition: left .5s ease-in-out;
  -ms-transition: left .5s ease-in-out;
  -o-transition: left .5s ease-in-out;
  transition: left 0.5s ease-in-out;
}

.fade .slideme > * {
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

/*** Theme ***/
.slideme {
  background: #ccc;
  /* max-width: 1093px; */
  /* width: 1093px; Se di dimensioni fisse */
  /* height: 504px; Se di dimensioni fisse */
}

.slideme > li img {
  width: 100%;
}

.slideshow {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.slideshow .pagination {
  position: absolute;
  bottom: 10%;
  z-index: 1000;
  margin: 0;
  width: 100%;
  left: 0;
  height: 0;
  text-align: center;
}
.slideshow .pagination nav {
  height: 0;
  overflow: visible;
}
.slideshow .pagination nav ol {
  height: 0;
  overflow: visible;
}
.slideshow .pagination nav ol li {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  display: inline-block;
  font-size: 4em;
  line-height: 0.5;
  color: #444;
  cursor: pointer;
  overflow: hidden;
}
.slideshow .pagination nav ol li.current {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  cursor: default;
}
.slideshow button {
  position: absolute;
  top: 50%;
  display: block;
  border: none;
  z-index: 50;
  font-size: 4em;
  line-height: 1;
  padding: 0.5em 10px;
  margin-top: -1.5em;
  background: transparent;
  font-family: Verdana;
}
.slideshow button.prev {
  left: 0px;
}
.slideshow button.next {
  right: 0px;
}

/*3x3*/
.grid .slot.block_2 .overlay .overlayContainer .overlayAligner {
  width: inherit;
}

#megamenu_wrapper .megamenu.login .headerMenuContainer {
  width: 800px;
  margin: 0 auto;
}
#megamenu_wrapper .megamenu.login legend {
  display: block;
  font-family: MetaSerifPro, Georgia, Serif;
  font-size: 1.8em;
  color: #b2b2b2;
  padding: 0;
  margin: 0 0 1em 0;
}
.ielt9 #megamenu_wrapper .megamenu.login legend, .ie9 #megamenu_wrapper .megamenu.login legend {
  max-width: 100%;
}
#megamenu_wrapper .megamenu.login legend strong {
  font-weight: normal;
  font-style: normal;
  color: #ff2c14;
}
#megamenu_wrapper .megamenu.login .frmType .radioGroup {
  min-height: 6.2em;
}
#megamenu_wrapper .megamenu.login .frmType .radioGroup .fieldLabel {
  margin-top: 10px;
}
#megamenu_wrapper .megamenu.login .frmType .rbInputWrapper {
  margin-top: -12px !important;
}
#megamenu_wrapper .megamenu.login .frmGender {
  zoom: 1;
  position: relative;
  z-index: 1;
}
#megamenu_wrapper .megamenu.login .loginPane,
#megamenu_wrapper .megamenu.login .registerPane {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  position: relative;
  width: 31em;
  min-height: 50.5em;
}
#megamenu_wrapper .megamenu.login .loginPane legend,
#megamenu_wrapper .megamenu.login .registerPane legend {
  display: block;
  width: 100%;
}
#megamenu_wrapper .megamenu.login .loginPane legend > span,
#megamenu_wrapper .megamenu.login .registerPane legend > span {
  width: 100%;
}
#megamenu_wrapper .megamenu.login .loginPane legend > span span,
#megamenu_wrapper .megamenu.login .registerPane legend > span span {
  color: #ff2c14;
}
#megamenu_wrapper .megamenu.login .loginPane fieldset {
  padding-bottom: 10em;
}
#megamenu_wrapper .megamenu.login #registration .agreement {
  max-height: none;
}
#megamenu_wrapper .megamenu.login .buttonsContainer {
  clear: both;
}
#megamenu_wrapper .megamenu.login .fieldRow {
  position: relative;
  margin: 0 0 1em 0;
}
#megamenu_wrapper .megamenu.login .fieldRow .selectGroup select {
  display: inline-block;
}
#megamenu_wrapper .megamenu.login .fieldRow .selectGroup.triple select {
  width: auto;
  min-width: 31%;
  margin-right: 3.3333%;
}
#megamenu_wrapper .megamenu.login .fieldRow .selectGroup.triple select[name="byear"] {
  margin-right: 0;
}
#megamenu_wrapper .megamenu.login .fieldRow .selectGroup span.error {
  position: static;
  margin-top: 1em;
}
#megamenu_wrapper .megamenu.login .fieldRow .selectGroup span.error:before {
  top: -2em;
  left: 2em;
  border-color: transparent transparent #ff2c14 transparent;
}
#megamenu_wrapper .megamenu.login .fieldRow #birthdayContainer {
  position: relative;
  margin-bottom: 4em;
}
#megamenu_wrapper .megamenu.login .fieldRow #birthdayContainer span.error {
  position: absolute;
  top: 6em;
  left: 0;
  display: block;
}
#megamenu_wrapper .megamenu.login .fieldRow .checboxBlock {
  clear: both;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
#megamenu_wrapper .megamenu.login .fieldRow #cnstAcceptFlags {
  /*			width: 80%;*/
  font-size: 1.2em;
}
#megamenu_wrapper .megamenu.login .fieldRow .cnstCheckbox,
#megamenu_wrapper .megamenu.login .fieldRow #cnstAcceptFlags {
  float: left;
}
#megamenu_wrapper .megamenu.login .fieldRow #cnstAcceptFlags {
  color: #000;
}
#megamenu_wrapper .megamenu.login .fieldRow .cbNewsletter label {
  color: #000;
}
#megamenu_wrapper .megamenu.login .fieldRow .cnstCheckbox {
  width: 30px;
}
#megamenu_wrapper .megamenu.login .fieldRow .checkboxGroup label {
  display: inline-block;
}
#megamenu_wrapper .megamenu.login .fieldRow .checkboxGroup.double label {
  margin-right: 8%;
}
#megamenu_wrapper .megamenu.login .fieldRow .checkboxGroup.double label:last-child {
  margin-right: 0;
}
#megamenu_wrapper .megamenu.login .fieldRow .radioGroup label {
  display: inline-block;
  cursor: pointer;
}
#megamenu_wrapper .megamenu.login .fieldRow span.radio-label {
  padding-bottom: 5px;
  display: block;
}
#megamenu_wrapper .megamenu.login .fieldRow .radioGroup.double label {
  margin-right: 8%;
}
#megamenu_wrapper .megamenu.login .fieldRow .radioGroup.double label:last-child {
  margin-right: 0;
}
#megamenu_wrapper .megamenu.login .inputWrapper.disclaimer {
  position: relative;
  /*
          .agreement {
              font-size: 1.2em;
              line-height: 1.4em;
              color: $txtDarkGrey;
              padding: 1.6em 1.2em;
              border: 1px solid $bgMediumGrey;
              max-height: 10em;
          }*/
  /*		input[type="checkbox"] {
              position: absolute;
              left: 0;
              top: 0.25em;
          }*/
}
#megamenu_wrapper .megamenu.login .inputWrapper.disclaimer a {
  color: #000;
}
#megamenu_wrapper .megamenu.login .inputWrapper.disclaimer .checboxBlock {
  margin-top: 20px;
}
#megamenu_wrapper .megamenu.login .inputWrapper.disclaimer label,
#megamenu_wrapper .megamenu.login .inputWrapper.disclaimer div.checboxBlock {
  position: relative;
  /*			padding: 0 0 1em 2.5em;*/
  font-weight: normal;
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
}
#megamenu_wrapper .megamenu.login .inputWrapper.disclaimer label strong,
#megamenu_wrapper .megamenu.login .inputWrapper.disclaimer div.checboxBlock strong {
  display: block;
  margin-bottom: 1em;
  font-weight: normal;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  color: #000;
}
#megamenu_wrapper .megamenu.login .loginPane {
  margin: 4.5em 4.5em 0 1em;
}
#megamenu_wrapper .megamenu.login .loginPane input[type="submit"] {
  width: 100%;
  /* 	height: $height;
  	line-height: -3+$height; */
  padding: 1em;
  color: #fff;
  text-align: center;
  background-color: #76c661;
  display: block;
  text-decoration: none;
  border: 1px solid #76c661;
  font-size: 1.5em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  cursor: pointer;
  white-space: normal;
  /* to allow line wraps in input type=button */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
}
#megamenu_wrapper .megamenu.login .loginPane input[type="submit"]:hover, #megamenu_wrapper .megamenu.login .loginPane input[type="submit"]:focus {
  background-color: #62a651;
  color: #fff;
  border-color: #62a651;
}
#megamenu_wrapper .megamenu.login .registerPane {
  margin: 4.5em 3em 0 4.5em;
}
#megamenu_wrapper .megamenu.login .registerPane .benefits ul {
  padding: 2.6em 0;
}
#megamenu_wrapper .megamenu.login .registerPane .benefits ul li {
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
  font-size: 1.6em;
  line-height: 1.2em;
  list-style-type: none;
  padding: 0;
  margin: 0.3em 0;
  color: #000;
}
#megamenu_wrapper .megamenu.login .registerPane .benefits ul li:before {
  content: ". ";
}
#megamenu_wrapper .megamenu.login .registerPane .fieldsContainer {
  display: none;
}
#megamenu_wrapper .megamenu.login .registerPane input[type="button"],
#megamenu_wrapper .megamenu.login .registerPane button,
#megamenu_wrapper .megamenu.login .registerPane .buttonsContainer input[type="submit"] {
  margin-top: 2em;
  width: 100%;
  /* 	height: $height;
  	line-height: -3+$height; */
  padding: 1em;
  color: #fff;
  text-align: center;
  background-color: #000;
  display: block;
  text-decoration: none;
  border: 1px solid #000;
  font-size: 1.5em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  cursor: pointer;
  white-space: normal;
  /* to allow line wraps in input type=button */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
}
#megamenu_wrapper .megamenu.login .registerPane input[type="button"]:hover, #megamenu_wrapper .megamenu.login .registerPane input[type="button"]:focus,
#megamenu_wrapper .megamenu.login .registerPane button:hover,
#megamenu_wrapper .megamenu.login .registerPane button:focus,
#megamenu_wrapper .megamenu.login .registerPane .buttonsContainer input[type="submit"]:hover,
#megamenu_wrapper .megamenu.login .registerPane .buttonsContainer input[type="submit"]:focus {
  background-color: #454545;
  color: #fff;
  border-color: #454545;
}
#megamenu_wrapper .megamenu.login .forgot-password {
  float: right;
  margin: 0.9em 0 1.4em;
}
#megamenu_wrapper .megamenu.login .forgot-password a {
  display: block;
  line-height: 1.2em;
  font-size: 1.3em;
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
  text-decoration: underline;
  letter-spacing: 0.02em;
  color: #969696;
}
#megamenu_wrapper .megamenu.login .forgot-password a:hover {
  color: #2b2b2b;
}
#megamenu_wrapper .megamenu.login .forgot-password a:focus {
  color: #0194F1;
}
#megamenu_wrapper .megamenu.login .loginPane .buttonsContainer,
#megamenu_wrapper .megamenu.login .registerPane input[type="button"] {
  position: absolute;
  bottom: 60px;
  left: 0;
  width: 100%;
  margin: 0;
}
#megamenu_wrapper .megamenu.login.fullHeight .registerPane .fieldsContainer {
  display: block;
  padding: 6em 0;
  width: 31em;
}
#megamenu_wrapper .megamenu.login.fullHeight .registerPane [data-action="toggle_megamenu_register"] {
  display: none;
}

#registeredUserInfo, #rememberMeContainer {
  display: block;
  font-size: 2em;
  padding: 0;
  margin: 0 0 1em 0;
}
.ielt9 #registeredUserInfo, .ielt9 #rememberMeContainer {
  max-width: 100%;
}

#rememberMeContainer {
  font-size: 1.6em;
  margin: 0.9em 0 1.4em;
}
#rememberMeContainer label {
  line-height: 2em;
}

.frmPreferences {
  clear: both;
}

.selectGroupField + span.error {
  display: none;
}

.fieldValue span.error + span.error {
  display: none;
}

#chooseTitle, #sectionTitle {
  text-align: center;
}

.layerChooseYourCountry #sectionTitle {
  margin-bottom: 30px;
  margin-top: 30px;
}

.countrySelectionContainer {
  margin-bottom: 30px;
}

#nationCnt {
  width: 1020px;
  margin: 0 auto;
}
@media all and (max-width: 1023px) {
  #nationCnt {
    width: 100%;
  }
}

#countryMatrix {
  width: 1020px;
  margin-bottom: 30px;
  position: relative;
  /*  @media all and (max-width: 1023px) {
      margin-left: 0;
      width: 100%;
      .WX {
        position: relative;
        right: 0;
      }
    }*/
}
#countryMatrix li {
  float: left;
  width: 92px;
  height: 63px;
  text-align: center;
  margin-bottom: 25px;
}
#countryMatrix li img {
  width: 56px;
  height: 38px;
}
#countryMatrix li:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
  z-index: 10;
}
#countryMatrix li:hover .icon, #countryMatrix li:hover #cboxClose:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  z-index: 11;
}
#countryMatrix li:hover a {
  text-decoration: underline;
}
#countryMatrix li .imgContainer {
  padding-bottom: 12px;
  position: relative;
  width: 56px;
  height: 38px;
  margin: 0 auto;
}
#countryMatrix li .icon, #countryMatrix li #cboxClose:before {
  position: absolute;
  right: -12px;
  top: -12px;
  font-size: 23px;
  background-color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: -moz-transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
#countryMatrix li a {
  text-decoration: none;
  text-transform: uppercase;
  color: #4d4d4d;
  display: block;
}
#countryMatrix li .nation {
  font-size: 11px;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  display: block;
}
#countryMatrix .AT img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .AT img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 0;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .BE img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -85px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .BE img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -80px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .BG img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -128px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .BG img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -121px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .CZ img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -214px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .CZ img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -202px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .DK img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -343px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .DK img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -323px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .EE img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -386px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .EE img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -364px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .FI img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -472px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .FI img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -445px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .FR img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -515px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .FR img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -485px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .DE img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -300px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .DE img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -283px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .GR img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -601px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .GR img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -566px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .HU img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -644px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .HU img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -607px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .IE img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -687px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .IE img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -647px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .IT img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -730px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .IT img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -688px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .LV img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -902px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .LV img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -850px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .LT img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -816px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .LT img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -769px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .LU img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -859px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .LU img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -809px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .NL img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -987px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .NL img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -930px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .NO img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -1030px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .NO img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -970px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .PL img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -1115px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .PL img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -1050px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .PT img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -1158px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .PT img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -1091px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .RO img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -1201px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .RO img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -1131px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .SK img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -1373px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .SK img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -1293px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .SI img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -1330px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .SI img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -1253px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .ES img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -429px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .ES img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -404px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .SE img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -1287px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .SE img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -1212px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .CH img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -171px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .CH img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -161px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .GB img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -558px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .GB img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -526px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .Nord-america img {
  /*	@include button;   WTF !?*/
  height: 37px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -1073px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .Nord-america img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -1011px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .sud-america img {
  /*	@include button;   WTF !?*/
  height: 37px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -1543px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .sud-america img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -1453px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .far-east img {
  /*	@include button;   WTF !?*/
  height: 37px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -1459px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .far-east img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -1374px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .Japan img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -773px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .Japan img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -728px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .China img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -257px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .China img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -242px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .Middle-east img {
  /*	@include button;   WTF !?*/
  height: 37px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -945px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .Middle-east img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -890px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .Africa img {
  /*	@include button;   WTF !?*/
  height: 37px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -43px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .Africa img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -41px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .oceania img {
  /*	@include button;   WTF !?*/
  height: 37px;
  width: 56px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -1501px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .oceania img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -1414px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}
#countryMatrix .Russia img {
  /*	@include button;   WTF !?*/
  height: 38px;
  width: 57px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite-sf1cd308b64.png');
  background-position: 0 -1244px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #countryMatrix .Russia img {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/flagSprite2x-sa2974b4b07.png');
    background-position: 0 -1172px;
    -moz-background-size: 57px auto;
    -o-background-size: 57px auto;
    -webkit-background-size: 57px auto;
    background-size: 57px auto;
  }
}

/* megamenu info */
#headerInfo .content {
  margin: 6em auto 4em;
  width: 900px;
}
#headerInfo .infoSection {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  position: relative;
  width: 30em;
}
#headerInfo .title {
  font-size: 1.5em;
  color: #000;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
#headerInfo a {
  text-decoration: none;
  font-family: MetaSerifPro, Georgia, Serif;
  font-size: 1.6em;
  color: #b2b2b2;
  line-height: 1.9em;
}
#headerInfo a:hover {
  text-decoration: underline;
}
#headerInfo .label {
  color: #000;
  font-size: 1.4em;
  width: 100%;
  margin-top: 1.6em;
}
#headerInfo button {
  width: 100% !important;
  padding: 1.2em !important;
}
#headerInfo .NLRegistration, #headerInfo .NLRegistrationB {
  width: 213px;
  /* 	height: $height;
  	line-height: -3+$height; */
  padding: 1em;
  color: #fff;
  text-align: center;
  background-color: #000;
  display: block;
  text-decoration: none;
  border: 1px solid #000;
  font-size: 1.5em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  cursor: pointer;
  white-space: normal;
  /* to allow line wraps in input type=button */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 2em;
  margin-bottom: 5.5em;
  width: 100% !important;
  font-size: 14px;
}
#headerInfo .NLRegistration:hover, #headerInfo .NLRegistration:focus, #headerInfo .NLRegistrationB:hover, #headerInfo .NLRegistrationB:focus {
  background-color: #454545;
  color: #fff;
  border-color: #454545;
}
#headerInfo .btnContractInformation {
  width: 213px;
  /* 	height: $height;
  	line-height: -3+$height; */
  padding: 1em;
  color: #fff;
  text-align: center;
  background-color: #616161;
  display: block;
  text-decoration: none;
  border: 1px solid #616161;
  font-size: 1.5em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  cursor: pointer;
  white-space: normal;
  /* to allow line wraps in input type=button */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #b2b2b2;
  border-color: #b2b2b2;
  margin-top: 2.5em;
  font-size: 14px;
}
#headerInfo .btnContractInformation:hover, #headerInfo .btnContractInformation:focus {
  background-color: #919191;
  color: #fff;
  border-color: #919191;
}
#headerInfo .btnContractInformation:hover {
  text-decoration: none;
}
#headerInfo .copyright {
  font-size: 12px;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}
#headerInfo .copyright a {
  font-size: 12px;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  color: #ccc;
}

#headerInfo ul {
  margin-top: 2.2em;
}
#headerInfo ul.help_area {
  margin-top: 2em;
}
.aboutUs ul {
  margin-bottom: 5em;
}
.cCare ul {
  margin-bottom: 0;
}
ul.external_links {
  margin-bottom: 0;
}

.contactus .icon.icon-mail, .contactus .icon-mail#cboxClose:before {
  margin-left: 10px;
  font-size: 10px;
  color: #ff2c14;
  font-size: 12px;
}

#containerPopupNewsletter {
  display: none;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #headerInfo .infoSection {
    width: 30%;
  }
}
.infoSeller-title {
  color: #b2b2b2;
  font-size: 12px;
  text-decoration: underline;
  margin-top: 5px;
  cursor: pointer;
}

.infoSellerWrapper {
  display: none;
}

.infoSellerPopup .infoSellerText {
  padding: 20px;
  text-align: center;
}
.infoSellerPopup .infoSellerText-title {
  font-size: 21px;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  margin-bottom: 30px;
}
.infoSellerPopup .infoSellerText-text {
  font-size: 14px;
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
  line-height: 20px;
}
.infoSellerPopup .infoSellerText a {
  color: #b2b2b2;
}

#headerFollow .buttonsBox {
  width: 1024px;
  padding: 20em 0;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  #headerFollow .buttonsBox {
    width: 100%;
  }
}
#headerFollow a {
  height: 12.2em;
  width: 14.28571%;
  color: black;
  text-align: center;
  position: relative;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
html.no-touch #headerFollow a:hover, html.touch #headerFollow a.pressed {
  color: #ff2c14;
}
#headerFollow a .icon, #headerFollow a #cboxClose:before {
  font-size: 6.4em;
}
#headerFollow a .icon:before, #headerFollow a #cboxClose:before {
  height: 70px;
  display: block;
  /**
  * For modern browsers
  * 1. The space content is one way to avoid an Opera bug when the
  *    contenteditable attribute is included anywhere else in the document.
  *    Otherwise it causes space to appear at the top and bottom of elements
  *    that are clearfixed.
  *
  * 2. The use of `table` rather than `block` is only necessary if using
  *    `:before` to contain the top-margins of child elements.
  *
  * 3. For IE 6/7 only
  *    Include this rule to trigger hasLayout and contain floats.
  */
}
#headerFollow a .icon:before:before, #headerFollow a #cboxClose:before:before, #headerFollow a .icon:before:after {
  content: " ";
  display: table;
}
#headerFollow a .icon:before:after {
  clear: both;
}
#headerFollow a .icon:before, #headerFollow a #cboxClose:before {
  *zoom: 1;
}
#headerFollow a .hiddenText {
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#headerFollow a .icon.icon-socialFlickr, #headerFollow a .icon-socialFlickr#cboxClose:before {
  padding-top: 8px;
  font-size: 4.6em;
}
#headerFollow a .icon.icon-mail, #headerFollow a .icon-mail#cboxClose:before, #headerFollow a .icon-socialYoutube {
  font-size: 5em;
  line-height: 1.3em;
  vertical-align: middle;
}
#headerFollow a .icon.icon-socialFacebook, #headerFollow a .icon-socialFacebook#cboxClose:before {
  font-size: 7em;
}
#headerFollow .icon-socialYoutube:before,
#headerFollow .icon-socialFacebook:before,
#headerFollow .icon-socialTwitter:before,
#headerFollow .icon-socialInstagram:before,
#headerFollow .icon-socialPinterest:before,
#headerFollow .icon-socialFlickr:before,
#headerFollow .icon-mail:before {
  display: block;
}

.buttonsBox a {
  display: block;
  cursor: pointer;
  float: left;
  text-decoration: none;
}
html.touch .buttonsBox a.pressed {
  color: white;
}
.buttonsBox a .icon:before, .buttonsBox a #cboxClose:before {
  margin: 0 auto;
  display: block;
}

html.no-touch .toHover .hiddenText {
  display: none;
}
html.no-touch .toHover:hover .hiddenText {
  display: block;
}

.downloadApp {
  /*	@include button;   WTF !?*/
  height: 65px;
  width: 65px;
  background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-color: transparent;
  margin-left: 45px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .downloadApp {
    background-image: url('https://media.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 0;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}

#textSearch .descTxt {
  text-transform: uppercase;
  display: block;
  text-align: center;
  font-size: 1.3em;
  color: #dedede;
  margin: 10px;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}
#textSearch .searchTxt {
  color: #999;
  display: block;
  font-size: 2em;
  height: 20px;
  margin: 90px 0 15px 0;
  font-family: MetaSerifProItalic, Georgia, Serif;
}

#textSearchInput {
  background: white;
  color: #999;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  height: 200px;
  line-height: 200px;
  width: 80%;
  margin: 10px auto;
  font-size: 110px;
  text-align: center;
}
#textSearchInput:hover, #textSearchInput:focus {
  background: white;
}
#textSearchInput:focus {
  color: #000;
}

#megamenu_wrapper .megamenu.wishlist {
  background: white;
  overflow: hidden;
}
#megamenu_wrapper .megamenu.wishlist .bgContainer {
  /**
  * For modern browsers
  * 1. The space content is one way to avoid an Opera bug when the
  *    contenteditable attribute is included anywhere else in the document.
  *    Otherwise it causes space to appear at the top and bottom of elements
  *    that are clearfixed.
  *
  * 2. The use of `table` rather than `block` is only necessary if using
  *    `:before` to contain the top-margins of child elements.
  *
  * 3. For IE 6/7 only
  *    Include this rule to trigger hasLayout and contain floats.
  */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}
#megamenu_wrapper .megamenu.wishlist .bgContainer:before, #megamenu_wrapper .megamenu.wishlist .bgContainer:after {
  content: " ";
  display: table;
}
#megamenu_wrapper .megamenu.wishlist .bgContainer:after {
  clear: both;
}
#megamenu_wrapper .megamenu.wishlist .bgContainer {
  *zoom: 1;
}
@media all and (max-width: 1400px) {
  #megamenu_wrapper .megamenu.wishlist img {
    width: 100%;
  }
}
#megamenu_wrapper .megamenu.wishlist .contentContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
#megamenu_wrapper .megamenu.wishlist .wish-not-logged {
  /**
  * For modern browsers
  * 1. The space content is one way to avoid an Opera bug when the
  *    contenteditable attribute is included anywhere else in the document.
  *    Otherwise it causes space to appear at the top and bottom of elements
  *    that are clearfixed.
  *
  * 2. The use of `table` rather than `block` is only necessary if using
  *    `:before` to contain the top-margins of child elements.
  *
  * 3. For IE 6/7 only
  *    Include this rule to trigger hasLayout and contain floats.
  */
  height: 100%;
  overflow: hidden;
  position: relative;
}
#megamenu_wrapper .megamenu.wishlist .wish-not-logged:before, #megamenu_wrapper .megamenu.wishlist .wish-not-logged:after {
  content: " ";
  display: table;
}
#megamenu_wrapper .megamenu.wishlist .wish-not-logged:after {
  clear: both;
}
#megamenu_wrapper .megamenu.wishlist .wish-not-logged {
  *zoom: 1;
}
.logged #megamenu_wrapper .megamenu.wishlist .wish-not-logged {
  display: none;
}
#megamenu_wrapper .megamenu.wishlist .wish-not-logged .wish-content {
  text-align: center;
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
}
#megamenu_wrapper .megamenu.wishlist .wish-not-logged h3 {
  margin: 0.8em 0 0 0;
}
#megamenu_wrapper .megamenu.wishlist .wish-not-logged h6 {
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  text-transform: uppercase;
  color: #ff2c14;
  margin: 2.5em 0;
}
#megamenu_wrapper .megamenu.wishlist .wish-not-logged .wish-intro .text {
  font-family: MetaSerifPro, Georgia, Serif;
  font-size: 2em;
  width: 50%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  #megamenu_wrapper .megamenu.wishlist .wish-not-logged .wish-intro {
    max-width: 40em;
    margin: auto;
  }
  #megamenu_wrapper .megamenu.wishlist .wish-not-logged .wish-intro .wish-register {
    margin-top: 3em;
  }
}
#megamenu_wrapper .megamenu.wishlist .wish-not-logged .wish-register {
  width: 213px;
  /* 	height: $height;
  	line-height: -3+$height; */
  padding: 1em;
  color: #fff;
  text-align: center;
  background-color: #ff2c14;
  display: block;
  text-decoration: none;
  border: 1px solid trasparent;
  font-size: 1.5em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  cursor: pointer;
  white-space: normal;
  /* to allow line wraps in input type=button */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 190px;
  margin: 5em auto 0 auto;
}
#megamenu_wrapper .megamenu.wishlist .wish-not-logged .wish-register:hover, #megamenu_wrapper .megamenu.wishlist .wish-not-logged .wish-register:focus {
  background-color: #99160d;
  color: #fff;
  border-color: trasparent;
}
#megamenu_wrapper .megamenu.wishlist .wish-not-logged .close {
  z-index: 10;
}
#megamenu_wrapper .megamenu.wishlist .wish-description {
  position: relative;
  float: right;
  width: 28.8em;
  height: 100%;
  background-color: #ff2c14;
  padding: 0 35px;
  color: white;
  text-align: left;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}
#megamenu_wrapper .megamenu.wishlist .wish-description .welcome {
  font-size: 1.5em;
  margin: 25px 0 44px 0;
}
#megamenu_wrapper .megamenu.wishlist .wish-description h3 {
  font-size: 5.1em;
  color: white;
  line-height: 44px;
  margin: 0 0 38px 0;
}
#megamenu_wrapper .megamenu.wishlist .wish-description .content {
  font-family: MetaSerifPro, Georgia, Serif;
  letter-spacing: -0.02em;
  font-size: 1.7em;
  line-height: 25px;
  height: 162px;
}
#megamenu_wrapper .megamenu.wishlist .wish-description .wish-goto {
  font-size: 1.2em;
  text-transform: uppercase;
  text-decoration: none;
  color: white;
  margin: 0 0 56px 0;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
#megamenu_wrapper .megamenu.wishlist .wish-description .wish-goto:hover {
  color: #99160d;
}
#megamenu_wrapper .megamenu.wishlist .wish-description .close {
  color: white;
}
#megamenu_wrapper .megamenu.wishlist .wish-description .icon-arrowRight {
  margin-left: 10px;
}
#megamenu_wrapper .megamenu.wishlist .social-link {
  position: absolute;
  bottom: 55px;
  left: 35px;
}
#megamenu_wrapper .megamenu.wishlist .social-link .icon, #megamenu_wrapper .megamenu.wishlist .social-link #cboxClose:before {
  display: block;
  float: left;
  color: white;
  cursor: pointer;
  margin: 0 15px 0 0;
  text-decoration: none;
  font-size: 2em;
  -moz-transition: color 0.2s, opacity 0.2s;
  -o-transition: color 0.2s, opacity 0.2s;
  -webkit-transition: color 0.2s, opacity 0.2s;
  transition: color 0.2s, opacity 0.2s;
}
#megamenu_wrapper .megamenu.wishlist .social-link .icon:hover, #megamenu_wrapper .megamenu.wishlist .social-link #cboxClose:hover:before {
  color: #99160d;
}
#megamenu_wrapper .megamenu.wishlist .social-link.disabled .icon, #megamenu_wrapper .megamenu.wishlist .social-link.disabled #cboxClose:before, #megamenu_wrapper .megamenu.wishlist .social-link.disabled .icon:hover, #megamenu_wrapper .megamenu.wishlist .social-link.disabled #cboxClose:hover:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  color: #fff;
  cursor: default;
}
#megamenu_wrapper .megamenu.wishlist .social-link .share-message {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  line-height: 2.4em;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
#megamenu_wrapper .megamenu.wishlist .social-link:hover .share-message {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
#megamenu_wrapper .megamenu.wishlist .social-link.disabled:hover .share-message {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
#megamenu_wrapper .megamenu.wishlist .social-link #emailIcon {
  font-size: 1.4em;
  line-height: 20px;
  vertical-align: middle;
}
#megamenu_wrapper .megamenu.wishlist .wish-items {
  overflow: hidden;
  height: 100%;
  position: relative;
  text-align: center;
}
#megamenu_wrapper .megamenu.wishlist .wish-items .numItemWishlist {
  height: 50px;
  line-height: 67px;
  font-size: 1.5em;
  color: black;
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
}
#megamenu_wrapper .megamenu.wishlist .wish-items .numItemWishlist b {
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}
#megamenu_wrapper .megamenu.wishlist .wish-items .wishlist-empty {
  line-height: 500px;
  text-transform: uppercase;
  font-size: 15px;
  color: #ccc;
}
#megamenu_wrapper .megamenu.wishlist .wish-items .inactive {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  cursor: default;
}
#megamenu_wrapper .megamenu.wishlist .wish-items .itemContainer {
  width: 159px;
  height: 360px;
  text-align: center;
  float: left;
  position: relative;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}
#megamenu_wrapper .megamenu.wishlist .wish-items .itemContainer.soldOut {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
#megamenu_wrapper .megamenu.wishlist .wish-items .itemContainer.soldOut .btnToCart:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  background: #8a8a8a;
}
#megamenu_wrapper .megamenu.wishlist .wish-items .itemContainer a {
  text-decoration: none;
}
#megamenu_wrapper .megamenu.wishlist .wish-items .itemContainer .deleteItem {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer;
  display: block;
  padding: 10px;
  color: #ccc;
  font-size: 1.4em;
  height: 30px;
  line-height: 30px;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
#megamenu_wrapper .megamenu.wishlist .wish-items .itemContainer .deleteItem .icon, #megamenu_wrapper .megamenu.wishlist .wish-items .itemContainer .deleteItem #cboxClose:before {
  display: inline-block;
  margin-right: 5px;
  margin-top: 5px;
}
#megamenu_wrapper .megamenu.wishlist .wish-items .itemContainer .deleteItem:hover {
  color: #ff2c14;
}
#megamenu_wrapper .megamenu.wishlist .wish-items .itemContainer .itemImage {
  margin: 0 auto 16px auto;
}
#megamenu_wrapper .megamenu.wishlist .wish-items .itemContainer .itemImage img {
  width: 80%;
  height: auto;
}
#megamenu_wrapper .megamenu.wishlist .wish-items .itemContainer .itemName {
  overflow: hidden;
  font-size: 1.8em;
  color: black;
  height: 25px;
}
#megamenu_wrapper .megamenu.wishlist .wish-items .itemContainer .itemPrice {
  font-size: 1.8em;
  color: black;
  height: 40px;
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
}
#megamenu_wrapper .megamenu.wishlist .wish-items .itemContainer .btnToCart {
  width: 213px;
  /* 	height: $height;
  	line-height: -3+$height; */
  padding: 1em;
  color: #fff;
  text-align: center;
  background-color: #000;
  display: block;
  text-decoration: none;
  border: 1px solid #000;
  font-size: 1.5em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  cursor: pointer;
  white-space: normal;
  /* to allow line wraps in input type=button */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 1em 0;
  font-size: 12px;
  text-transform: uppercase;
  width: 100%;
  border: none;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
#megamenu_wrapper .megamenu.wishlist .wish-items .itemContainer .btnToCart:hover, #megamenu_wrapper .megamenu.wishlist .wish-items .itemContainer .btnToCart:focus {
  background-color: #454545;
  color: #fff;
  border-color: #454545;
}
#megamenu_wrapper .megamenu.wishlist .wish-items .bx-wrapper {
  margin: 0 auto;
}
#megamenu_wrapper .megamenu.wishlist .wish-items .bx-wrapper .bx-prev {
  left: -20px;
}
#megamenu_wrapper .megamenu.wishlist .wish-items .bx-wrapper .bx-next {
  right: -20px;
}
#megamenu_wrapper .megamenu.wishlist .wish-items .bx-wrapper .bx-next, #megamenu_wrapper .megamenu.wishlist .wish-items .bx-wrapper .bx-prev {
  color: #000;
  font-size: 18px;
  text-decoration: none;
}
#megamenu_wrapper .megamenu.wishlist .wish-items .bx-wrapper img {
  display: inline;
}

@media all and (max-width: 980px) {
  #megamenu_wrapper .megamenu.wishlist .wish-description {
    width: 25em;
  }
  #megamenu_wrapper .megamenu.wishlist .wish-description .wishGotoCart {
    width: 213px;
    /* 	height: $height;
    	line-height: -3+$height; */
    padding: 1em;
    color: #fff;
    text-align: center;
    background-color: transparent;
    display: block;
    text-decoration: none;
    border: 1px solid #fff;
    font-size: 1.5em;
    font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
    cursor: pointer;
    white-space: normal;
    /* to allow line wraps in input type=button */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 150px;
    margin: 0 0 56px 0;
    font-size: 10px;
  }
  #megamenu_wrapper .megamenu.wishlist .wish-description .wishGotoCart:hover, #megamenu_wrapper .megamenu.wishlist .wish-description .wishGotoCart:focus {
    background-color: #fff;
    color: #ff2c14;
    border-color: #fff;
  }
}
#megamenu_wrapper .colorpicker h3 {
  margin: 0.7em 0 0 0;
}
#megamenu_wrapper .colorpicker h6 {
  font-family: MetaSerifPro, Georgia, Serif;
  color: #333333;
  font-size: 1.7em;
  margin-top: 0.5em;
}
#megamenu_wrapper .colorpicker .colors-container {
  margin-top: 5em;
}
#megamenu_wrapper .colorpicker .colors-row {
  text-align: center;
  margin: 0 auto;
}
#megamenu_wrapper .colorpicker a {
  text-decoration: none;
}
#megamenu_wrapper .colorpicker .color {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  cursor: pointer;
  position: relative;
  width: 80px;
  height: 80px;
  margin: 1.5em;
  -moz-transition: -moz-transform 0.2s ease-in;
  -o-transition: -o-transform 0.2s ease-in;
  -webkit-transition: -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
}
#megamenu_wrapper .colorpicker .color .icon, #megamenu_wrapper .colorpicker .color #cboxClose:before {
  font-size: 8em;
}
html.no-touch #megamenu_wrapper .colorpicker .color {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
html.no-touch #megamenu_wrapper .colorpicker .color:hover {
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
}
#megamenu_wrapper .colorpicker .color.selected:after {
  font-family: 'kartell-icon';
  content: "\e01d";
  position: absolute;
  font-size: 2em;
  left: 1.5em;
  top: 1.5em;
  color: #fff;
}

#megamenu_wrapper .megamenu.account {
  background: #ff2c14;
}
#megamenu_wrapper .megamenu.account .close {
  color: #fff;
}
#megamenu_wrapper .megamenu h3.welcomeUserName {
  margin: 1em 0;
  color: #fff;
}
#megamenu_wrapper .megamenu h3.welcomeUserName a {
  color: #fff;
  text-decoration: none;
}
#megamenu_wrapper .userBar {
  width: 960px;
  margin: 0 auto;
  /* eccezione */
}
#megamenu_wrapper .userBar li {
  position: relative;
  display: block;
  float: left;
  width: 150px;
  height: 150px;
  margin-right: 10px;
  text-align: center;
  overflow: hidden;
}
#megamenu_wrapper .userBar li.logout {
  background-color: #f02913;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-transition: background 0.3s ease-out;
  -o-transition: background 0.3s ease-out;
  -webkit-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}
#megamenu_wrapper .userBar li.logout:hover, #megamenu_wrapper .userBar li.logout:active, #megamenu_wrapper .userBar li.logout:focus {
  background-color: #d62311;
  -moz-transition: background 0.3s ease-in;
  -o-transition: background 0.3s ease-in;
  -webkit-transition: background 0.3s ease-in;
  transition: background 0.3s ease-in;
}
#megamenu_wrapper .userBar li:hover .icon, #megamenu_wrapper .userBar li:hover #cboxClose:before, #megamenu_wrapper .userBar li:hover .icon:before, #megamenu_wrapper .userBar li:hover #cboxClose:before, #megamenu_wrapper .userBar li:hover .icon-number,
#megamenu_wrapper .userBar li:hover a, #megamenu_wrapper .userBar li:active .icon, #megamenu_wrapper .userBar li:active #cboxClose:before, #megamenu_wrapper .userBar li:active .icon:before, #megamenu_wrapper .userBar li:active #cboxClose:before, #megamenu_wrapper .userBar li:active .icon-number,
#megamenu_wrapper .userBar li:active a, #megamenu_wrapper .userBar li:focus .icon, #megamenu_wrapper .userBar li:focus #cboxClose:before, #megamenu_wrapper .userBar li:focus .icon:before, #megamenu_wrapper .userBar li:focus #cboxClose:before, #megamenu_wrapper .userBar li:focus .icon-number,
#megamenu_wrapper .userBar li:focus a {
  color: #fff;
  -moz-transition: color 0.3s ease-in;
  -o-transition: color 0.3s ease-in;
  -webkit-transition: color 0.3s ease-in;
  transition: color 0.3s ease-in;
}
#megamenu_wrapper .userBar li.selected {
  color: #fff;
}
#megamenu_wrapper .userBar li.selected .icon, #megamenu_wrapper .userBar li.selected #cboxClose:before, #megamenu_wrapper .userBar li.selected .icon:before, #megamenu_wrapper .userBar li.selected #cboxClose:before, #megamenu_wrapper .userBar li.selected .icon-number,
#megamenu_wrapper .userBar li.selected a {
  color: #fff;
}
#megamenu_wrapper .userBar a {
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #99160d;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  left: 0;
  text-align: center;
  -moz-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
#megamenu_wrapper .userBar .icon-account-wrapper {
  display: block;
  position: relative;
  height: 65px;
  margin: 15px auto;
}
#megamenu_wrapper .userBar .icon-account {
  display: block;
}
#megamenu_wrapper .userBar .icon-accountEdit:before,
#megamenu_wrapper .userBar .icon-accountProfile:before,
#megamenu_wrapper .userBar .icon-accountOrders:before,
#megamenu_wrapper .userBar .icon-accountWish:before,
#megamenu_wrapper .userBar .icon-accountAddr:before,
#megamenu_wrapper .userBar .icon-accountCards:before,
#megamenu_wrapper .userBar .icon-accountLogout:before {
  font-size: 4em;
  color: #99160d;
  -moz-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
#megamenu_wrapper .userBar .icon-number {
  font-size: 65px;
  color: #99160d;
  font-family: "HelveticaNeueW02-UltLt", Helvetica, Arial, sans-serif;
  -moz-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
#megamenu_wrapper .userBar .icon-number.hasNum {
  margin-left: 0.1em;
}

#megamenu_wrapper .storeLocator {
  background: #fff;
  position: relative;
}
#megamenu_wrapper .storeLocator .layer {
  background: #000 url("http://cdn2.yoox.biz/Os/kartell/images/mappa_findstore.jpg") top center no-repeat;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
#megamenu_wrapper .storeLocator .close {
  color: #fff;
  z-index: 3;
}

#storeSearch {
  z-index: 1;
  position: absolute;
  background: transparent;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  color: #fff;
  text-align: center;
}
#storeSearch .descTxt {
  display: block;
  font-size: 2em;
  height: 20px;
  margin: 115px 0 15px 0;
  font-family: MetaSerifProItalic, Georgia, Serif;
}
#storeSearch .geo {
  position: absolute;
  width: 30%;
  left: 35%;
  bottom: 40px;
  height: 20px;
  text-align: center;
}
#storeSearch .geo span {
  color: #ff2c14;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vartical-align: top;
  font-size: 1.3em;
  cursor: pointer;
}
#storeSearch .geo span.geoSlogan {
  margin-left: 10px;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}

#storeSearchInput {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  margin: 0 auto;
  background: transparent;
  color: #fff;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  height: 145px;
  width: 80%;
  font-size: 8em;
  text-align: center;
  line-height: 145px;
}

.pac-container {
  background: transparent;
  border-top: none;
  box-shadow: none;
}
.pac-container * {
  background: transparent;
}
.pac-container *:hover {
  background: transparent;
}
.pac-container .pac-item {
  height: 30px;
  width: 465px;
  margin: 0 auto;
  cursor: pointer;
  position: relative;
  text-overflow: ellipsis;
  border: none;
}
.pac-container .pac-item span {
  color: #999;
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
  font-size: 15px;
}
.pac-container .pac-item span.icon, .pac-container .pac-item span#cboxClose:before {
  font-size: 1.2em;
}
.pac-container .pac-item .pac-matched {
  color: #fff;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}
.pac-container .pac-item:before {
  font-family: 'kartell-icon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.2em;
  display: inline-block;
  width: 28px;
  text-align: center;
  content: '\e616';
  color: #ff2c14;
}
.pac-container .pac-item:last-child {
  display: none;
}
.pac-container .pac-item:first-child {
  display: block;
}
.pac-container .pac-item .pac-icon {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  opacity: 0.25;
  filter: alpha(opacity=25);
  background-image: none;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
}
.pac-container .pac-item .pac-icon:hover {
  background: #ff2c14;
}
.pac-container .pac-item-selected .pac-icon {
  background: #ff2c14;
}
.pac-container .hdpi .pac-icon {
  background-image: none;
}
.criteoMonitor{
  display: none!important;
}