/* 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 */
/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
  width: 100%;
  height: 100%;
  position: relative;
  direction: ltr;
}

.royalSlider > * {
  float: left;
}

.rsWebkit3d .rsSlide {
  -webkit-transform: translateZ(0);
}

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
  -webkit-backface-visibility: hidden;
}

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
  -webkit-transform: none;
}

.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  -webkit-tap-highlight-color: transparent;
}

/*.rsOverflow[style]{
	cursor: url(http://cdn2.yoox.biz/OS/kartell/images/grab.cur), move !important;
}*/
.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color: transparent;
}

.rsVisibleNearbyWrap .rsOverflow {
  position: absolute;
  left: 0;
  top: 0;
}

.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: transparent;
}

.rsArrow,
.rsThumbsArrow {
  cursor: pointer;
}

.rsThumb {
  float: left;
  position: relative;
}

.rsArrow,
.rsNav,
.rsThumbsArrow {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

.rsHidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  transition: visibility 0s linear 0.3s, opacity 0.3s linear;
}

.rsGCaption {
  width: 100%;
  float: left;
  text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  display: none;
}

.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
  height: auto;
}

.rsContent {
  height: 100%;
  position: relative;
}

.rsPreloader {
  position: absolute;
  z-index: 0;
}

.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none;
}

.rsNavItem {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
}

.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22;
}

.rsTabs {
  float: left;
  background: none !important;
}

.rsTabs,
.rsThumbs {
  -webkit-tap-highlight-color: transparent;
}

.rsVideoContainer {
  /*left: 0;
  top: 0;
  position: absolute;*/
  /*width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  float: left;*/
  width: auto;
  height: auto;
  line-height: 0;
  position: relative;
}

.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: .3s;
}

.rsVideoFrameHolder.rsVideoActive {
  opacity: 1;
}

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 44px;
}

.rsABlock {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 15;
}

img.rsImg {
  max-width: none;
}

.grab-cursor {
  cursor: url(http://cdn2.yoox.biz/OS/kartell/images/grab.png), 8 8, move;
  cursor: url(http://cdn2.yoox.biz/OS/kartell/images/grab.cur), move;
}

.grabbing-cursor {
  cursor: url(http://cdn2.yoox.biz/OS/kartell/images/grabbing.png), 8 8, move;
  cursor: url(http://cdn2.yoox.biz/OS/kartell/images/grabbing.cur), move;
}

.rsNoDrag {
  cursor: auto;
}

.rsLink {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
  background: url(http://cdn2.yoox.biz/OS/kartell/images/royalslider/blank.gif);
}

/******************************
*
*  RoyalSlider Default Skin
*
*    1. Arrows
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
*
******************************/
/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
  background: #151515;
  color: #FFF;
}

/***************
*
*  1. Arrows
*
****************/
.rsDefault .rsArrow {
  height: 100%;
  width: 44px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21;
}

.rsDefault.rsVer .rsArrow {
  width: 100%;
  height: 44px;
}

.rsDefault.rsVer .rsArrowLeft {
  top: 0;
  left: 0;
}

.rsDefault.rsVer .rsArrowRight {
  bottom: 0;
  left: 0;
}

.rsDefault.rsHor .rsArrowLeft {
  left: 0;
  top: 0;
}

.rsDefault.rsHor .rsArrowRight {
  right: 0;
  top: 0;
}

.rsDefault .rsArrowIcn {
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  position: absolute;
  cursor: pointer;
  background: url("http://cdn2.yoox.biz/OS/kartell/images/royalslider/rs-kartell.png");
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000;
  border-radius: 2px;
}

.rsDefault .rsArrowIcn:hover {
  background-color: rgba(0, 0, 0, 0.9);
}

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
  background-position: -64px -32px;
}

.rsDefault.rsHor .rsArrowRight .rsArrowIcn {
  background-position: -64px -64px;
}

.rsDefault.rsVer .rsArrowLeft .rsArrowIcn {
  background-position: -96px -32px;
}

.rsDefault.rsVer .rsArrowRight .rsArrowIcn {
  background-position: -96px -64px;
}

.rsDefault .rsArrowDisabled .rsArrowIcn {
  opacity: .2;
  filter: alpha(opacity=20);
  *display: none;
}

/***************
*
*  2. Bullets
*
****************/
.rsDefault .rsBullets {
  margin: 0 auto;
  background: #000;
  background: rgba(0, 0, 0, 0.75);
}

/***************
*
*  3. Thumbnails
*
****************/
.rsDefault .rsThumbsHor {
  width: 100%;
  height: 72px;
}

.rsDefault .rsThumbsVer {
  width: 96px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.rsDefault.rsWithThumbsHor .rsThumbsContainer {
  position: relative;
  height: 100%;
}

.rsDefault.rsWithThumbsVer .rsThumbsContainer {
  position: relative;
  width: 100%;
}

.rsDefault .rsThumb {
  float: left;
  overflow: hidden;
  width: 96px;
  height: 72px;
}

.rsDefault .rsThumb img {
  width: 100%;
  height: 100%;
}

.rsDefault .rsThumb.rsNavSelected {
  background: #02874a;
}

.rsDefault .rsThumb.rsNavSelected img {
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.rsDefault .rsTmb {
  display: block;
}

/* Thumbnails with text */
.rsDefault .rsTmb h5 {
  font-size: 16px;
  margin: 0;
  padding: 0;
  line-height: 20px;
  color: #FFF;
}

.rsDefault .rsTmb span {
  color: #DDD;
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 18px;
}

/* Thumbnails arrow icons */
.rsDefault .rsThumbsArrow {
  height: 100%;
  width: 20px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21;
  background: #000;
  background: rgba(0, 0, 0, 0.75);
}

.rsDefault .rsThumbsArrow:hover {
  background: rgba(0, 0, 0, 0.9);
}

.rsDefault.rsWithThumbsVer .rsThumbsArrow {
  width: 100%;
  height: 20px;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft {
  top: 0;
  left: 0;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowRight {
  bottom: 0;
  left: 0;
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft {
  left: 0;
  top: 0;
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowRight {
  right: 0;
  top: 0;
}

.rsDefault .rsThumbsArrowIcn {
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
  position: absolute;
  cursor: pointer;
  background: url("http://cdn2.yoox.biz/OS/kartell/images/royalslider/rs-kartell.png");
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
  background-position: -128px -32px;
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
  background-position: -128px -48px;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
  background-position: -144px -32px;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
  background-position: -144px -48px;
}

.rsDefault .rsThumbsArrowDisabled {
  display: none !important;
}

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
  .rsDefault .rsThumb {
    width: 59px;
    height: 44px;
  }

  .rsDefault .rsThumbsHor {
    height: 44px;
  }

  .rsDefault .rsThumbsVer {
    width: 59px;
  }
}
/***************
*
*  4. Tabs
*
****************/
.rsDefault .rsTabs {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  padding-top: 12px;
  position: relative;
}

.rsDefault .rsTab {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  height: auto;
  width: auto;
  color: #333;
  padding: 5px 13px 6px;
  min-width: 72px;
  border: 1px solid #D9D9DD;
  border-right: 1px solid #f5f5f5;
  text-decoration: none;
  background-color: #FFF;
  background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
  background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
  background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
  -webkit-box-shadow: inset 1px 0 0 #fff;
  box-shadow: inset 1px 0 0 #fff;
  *display: inline;
  *zoom: 1;
}

.rsDefault .rsTab:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.rsDefault .rsTab:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 1px solid #cfcfcf;
}

.rsDefault .rsTab:active {
  border: 1px solid #D9D9DD;
  background-color: #f4f4f4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
}

.rsDefault .rsTab.rsNavSelected {
  color: #FFF;
  border: 1px solid #999;
  text-shadow: 1px 1px #838383;
  box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
  background: #ACACAC;
  background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
  background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
  background-image: linear-gradient(to bottom, #acacac, #bbbbbb);
}

/***************
*
*  5. Fullscreen button
*
****************/
.rsDefault .rsFullscreenIcn {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000;
  border-radius: 2px;
}

/***************
*
*  8. Global caption
*
****************/
.rsDefault .rsGCaption {
  position: absolute;
  float: none;
  bottom: 6px;
  left: 6px;
  text-align: left;
  background: black;
  background: rgba(0, 0, 0, 0.75);
  color: #FFF;
  padding: 2px 8px;
  width: auto;
  font-size: 12px;
  border-radius: 2px;
}

/* elements like icons */
.rsPlayBtnIcon,
.rsCloseVideoIcn {
  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;
}

/******************************
*
*  RoyalSlider Kartell Controls Skin
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*  
* 
******************************/
/* Background */
.rs-kartell,
.rs-kartell .rsOverflow,
.rs-kartell .rsSlide,
.rs-kartell .rsVideoFrameHolder,
.rs-kartell .rsThumbs {
  background: #FFF;
  color: #000;
}

#highlight.layoutB .rs-kartell .rsOverflow {
  height: 100% !important;
}

/* highlight effect for rsABlock */
#highlight .rs-kartell .rsABlock {
  position: relative;
  height: 100%;
  width: 100%;
  display: none;
  z-index: 99;
}
.rsOverflow #highlight .rs-kartell .rsABlock {
  display: block;
}

/***************
*
*  1. Arrows
*
****************/
/* 
.rs-kartell .rsArrow {
	height: 32px;
	width: 32px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
}

.rs-kartell .rsArrowLeft { right: 37px; bottom: 7px; }
.rs-kartell .rsArrowRight { right: 7px; bottom: 7px; }

.rs-kartell .rsArrowIcn {		
	width: 24px;
	height: 24px;
	margin-top: 3px;
	margin-left: 3px;
	position: absolute;
	cursor: pointer;	
	background: url('$url-rs-sprite') transparent;
	
	border-radius: 2px;
}
.rs-kartell .rsArrowIcn:hover {

}


.rs-kartell.rsHor .rsArrowLeft .rsArrowIcn { background-position: -68px -36px; }
.rs-kartell.rsHor .rsArrowRight .rsArrowIcn { background-position: -68px -68px; }

.rs-kartell.rsVer .rsArrowLeft .rsArrowIcn { background-position: -100px -36px; }
.rs-kartell.rsVer .rsArrowRight .rsArrowIcn { background-position: -100px -68px; }

.rs-kartell .rsArrowDisabled .rsArrowIcn { opacity: .3 !important; filter: alpha(opacity=30);  *display: none; }
*/
/***************
*
*  2. Bullets
*
****************/
.no-webgl .rsOverflow {
  cursor: url(http://cdn2.yoox.biz/OS/kartell/images/grab.cur), move !important;
}
.no-webgl .rsOverflow.grabbing-cursor {
  cursor: url(http://cdn2.yoox.biz/OS/kartell/images/grabbing.cur), move !important;
}

.prev-cursor .rsOverflow {
  cursor: url(http://cdn2.yoox.biz/OS/kartell/images/left.cur), move !important;
}

.next-cursor .rsOverflow {
  cursor: url(http://cdn2.yoox.biz/OS/kartell/images/right.cur), move !important;
}

.rs-kartell .rsBullets {
  position: absolute;
  z-index: 100;
  bottom: 5%;
  height: auto;
  text-align: center;
  line-height: 6px;
  overflow: hidden;
  left: 50%;
  transform: translateX(-50%);
}
.rs-kartell .rsBullet {
  width: 0.8em;
  height: 0.8em;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0.8em 0.53333em;
  cursor: pointer;
}
.rs-kartell .rsBullet span {
  display: block;
  width: 0.8em;
  height: 0.8em;
  border-radius: 50%;
  background: #CCC;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.rs-kartell .rsBullet.rsNavSelected span,
.rs-kartell .rsBulgrab-cursorlet:hover span {
  background: #FFF;
}

/***************
*
*  3. Thumbnails
*
****************/
/* 
.rs-kartell .rsThumbsHor {
	width: 100%;
	height: 72px;
}
.rs-kartell .rsThumbsVer {
	width: 96px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.rs-kartell.rsWithThumbsHor .rsThumbsContainer {
	position: relative;
	height: 100%;
}
.rs-kartell.rsWithThumbsVer .rsThumbsContainer {
	position: relative;
	width: 100%;
}
.rs-kartell .rsThumb {
	float: left;
	overflow: hidden;
	width: 96px;
	height: 72px;
}
.rs-kartell .rsThumb img {
	width: 100%;
	height: 100%;
}
.rs-kartell .rsThumb.rsNavSelected {
	background: #333;
}
.rs-kartell .rsThumb.rsNavSelected img {
	filter: alpha(opacity=40);
	opacity: 0.7;
}
.rs-kartell .rsThumb.rsNavSelected span.thumbIco {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 2px solid #FFF;
	border: 2px solid rgba(255,255,255,0.9);
	-webkit-backface-visibility: hidden;
} 
.rs-kartell .rsTmb {
	display: block;
}

 */
/* Thumbnails arrow icons */
/* .rs-kartell .rsThumbsArrow {
	height: 100%;
	width: 20px;
	position: absolute;
	display: block;
	cursor: pointer;	
	z-index: 21;	
}
.rs-kartell.rsWithThumbsVer .rsThumbsArrow {
	width: 100%;
	height: 20px;
}
.rs-kartell.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }
.rs-kartell.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0;  left: 0; }

.rs-kartell.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }
.rs-kartell.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; }

.rs-kartell .rsThumbsArrowIcn {		
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	margin-top:-8px;	
	margin-left: -8px;
	position: absolute;	
	cursor: pointer;	
	background: url('$url-rs-sprite');
}

.rs-kartell.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; }
.rs-kartell.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; }

.rs-kartell.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; }
.rs-kartell.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; }

.rs-kartell .rsThumbsArrowDisabled { display: none !important; }

 */
/***************
*
*  4. Tabs
*
****************/
/* 
.rs-kartell .rsTabs {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align:center;
	overflow: hidden; padding-top: 12px; position: relative;
}
.rs-kartell .rsTab {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	height: auto;
	width: auto;
	color: #333;
	padding: 5px 13px 6px;
	min-width: 72px;
	border: 1px solid #D9D9DD;
	border-right: 1px solid #f5f5f5;
	text-decoration: none;

	background-color: #000;
	background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); 
	background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4);
	background-image:         linear-gradient(to bottom, #fefefe, #f4f4f4);

	*display:inline; 
	*zoom:1;
}
.rs-kartell .rsTab:first-child {
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.rs-kartell .rsTab:last-child { 
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;

	border-right:  1px solid #cfcfcf;
}
.rs-kartell .rsTab:active { 
	border: 1px solid #D9D9DD;   
	background-color: #f4f4f4;
	box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
.rs-kartell .rsTab.rsNavSelected { 
	color: #000;
	border: 1px solid #999;
	text-shadow: 1px 1px #838383;
	box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
	background: #ACACAC;
	background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
	background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
	background-image: linear-gradient(to bottom, #ACACAC, #BBB);
}
*/
/***************
*
*  5. Fullscreen button
*
****************/
.rs-kartell .rsFullscreenBtn {
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  z-index: 22;
  display: block;
  position: absolute;
  cursor: pointer;
}

.rs-kartell .rsFullscreenIcn {
  display: block;
  margin: 6px;
  width: 32px;
  height: 32px;
  background: url("$url-rs-sprite") 0 0 transparent;
}

.rs-kartell .rsFullscreenIcn:hover {
  opacity: 0.8;
}

.rs-kartell.rsFullscreen .rsFullscreenIcn {
  background-position: -32px 0;
}

/***************
*
*  6. Play/close video button
*
****************/
.rs-kartell .rsPlayBtn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
  width: 64px;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  cursor: pointer;
  display: block;
}

.rs-kartell .rsPlayBtnIcon {
  width: 90px;
  display: block;
  height: 64px;
  font-size: 64px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  color: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
.rs-kartell .rsPlayBtnIcon:before {
  content: "\e62a";
}

.rs-kartell .rsPlayBtn:hover .rsPlayBtnIcon {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}

.rs-kartell .rsBtnCenterer {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px;
}

.rs-kartell .rsCloseVideoBtn {
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  z-index: 500;
  position: absolute;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}

.rs-kartell .rsCloseVideoBtn.rsiOSBtn {
  top: -38px;
  right: -6px;
}

.rs-kartell .rsCloseVideoIcn {
  margin: 6px;
  width: 32px;
  height: 32px;
  font-size: 15px;
  color: white;
}
.rs-kartell .rsCloseVideoIcn:before {
  content: "\e004";
  padding: 8px;
  display: block;
}

.rs-kartell .rsCloseVideoIcn:hover {
  background-color: rgba(0, 0, 0, 0.9);
}

/***************
*
*  7. Preloader
*
****************/
.rs-kartell .rsPreloader {
  width: 20px;
  height: 20px;
  background-image: url(http://cdn2.yoox.biz/OS/kartell/images/royalslider/preloader.gif);
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
}

/***************
*
*  8. Global caption
*
****************/
/* 
.rs-kartell .rsGCaption {
	position: absolute;
	float: none;
	bottom: 6px;
	left: 6px;
	text-align: left;

	background: #000;
    background: rgba(0,0,0, 0.75);

	color: #FFF;
	padding: 2px 8px;
	width: auto;
	font-size: 12px;
	border-radius: 2px;
} 
*/
A {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  text-decoration: none;
}

H1,
H2 {
  line-height: 0.9em;
}

H3,
P {
  line-height: 1.2em;
}

#page_content {
  overflow: hidden;
}

#page_content > .scrollable {
  position: absolute;
  top: 71px;
  bottom: 0;
  left: 0;
  height: auto;
  width: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: top 300ms ease;
  -o-transition: top 300ms ease;
  -webkit-transition: top 300ms ease;
  transition: top 300ms ease;
}
#page_content > .scrollable.promo-hidden, #page_content > .scrollable.promo0 {
  top: 35px;
}
#page_content > .scrollable.promo-open {
  top: 235px;
}

#sub-header {
  background-color: #f0f0f0;
  position: relative;
  z-index: 10;
}
#sub-header .inner {
  color: #adadad;
  position: relative;
  margin-left: 30px;
  height: 35px;
}
#sub-header .inner .select,
#sub-header .inner .label {
  float: left;
}
#sub-header .inner .label {
  font: 1.3em "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  line-height: 35px;
}
#sub-header .inner .select {
  padding-right: 10px;
  overflow: hidden;
  cursor: pointer;
}
#sub-header .inner .options {
  background-color: #fff;
  position: absolute;
  top: 10px;
  left: 100px;
  z-index: 1;
  display: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 3px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 3px;
  box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 3px;
}
#sub-header .inner .options LI {
  border-top: 1px solid #e0e0e0;
  color: #121212;
  padding: 5px 16px;
}
#sub-header .inner .options LI:first-child {
  border: 0 none;
}
#sub-header .inner .options LI:hover {
  background-color: #f5f5f5;
}
#sub-header .inner .options LI:hover .icon {
  visibility: visible;
}
#sub-header .inner .options A {
  display: block;
  overflow: hidden;
}
#sub-header .inner .options .label {
  float: left;
}
#sub-header .inner .options .icon {
  padding: 1em 0 0 80px;
  float: right;
  visibility: hidden;
}
#sub-header .inner .options LI.selected,
#sub-header .inner .selected {
  color: #ff2c14;
}
#sub-header .inner .options LI.selected .icon,
#sub-header .inner .selected .icon {
  visibility: visible;
}
#sub-header .inner .title .icon {
  font-size: 0.5em;
  position: relative;
  top: 15px;
  left: 10px;
  float: left;
}
#sub-header .inner .sep {
  padding: 0 10px;
}
#sub-header .action {
  color: #adadad;
  float: right;
}
#sub-header .action .label {
  font: 1.4em MetaSerifProItalic, Georgia, Serif;
  padding-right: 1em;
  line-height: 35px;
}
#sub-header .action .button {
  background-color: #ff2c14;
  color: white;
  font: 1.2em "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  line-height: 35px;
  min-width: 141px;
  cursor: pointer;
  float: right;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  -moz-transition: background-color 200ms ease-out;
  -o-transition: background-color 200ms ease-out;
  -webkit-transition: background-color 200ms ease-out;
  transition: background-color 200ms ease-out;
}
#sub-header .action .button:before {
  content: "\e01f";
  font: 15px kartell-icon;
  padding-right: 5px;
}
#sub-header .action .button:hover {
  background-color: #e32712;
}

#filter-template {
  display: none;
}

#filters {
  color: #adadad;
  position: absolute;
  top: 88px;
  left: 16px;
  margin-bottom: 16px;
  min-height: 200px;
  width: 228px;
  -moz-transition: all linear;
  -o-transition: all linear;
  -webkit-transition: all linear;
  transition: all linear;
}
#filters.promo0 {
  top: 51px;
}
#filters DIV.Color {
  margin-right: 0;
}
#filters DIV.Color H2,
#filters DIV.Color > UL.selected {
  margin-right: 16px;
}
#filters DIV.Color UL.filter-container {
  margin-bottom: 10px;
}
#filters DIV.Color UL.filter-container LI,
#filters DIV.Color UL.filter-container .content {
  height: 32px;
  width: 32px;
}
#filters DIV.Color UL.filter-container LI {
  padding: 0;
  margin: 9px 9px 0 0;
  float: left;
}
#filters DIV.Color UL.filter-container .icon {
  font-size: 1.2em;
  text-align: center;
  float: none;
  display: none;
}
#filters DIV.Color UL.filter-container LI.selected {
  display: block;
}
#filters DIV.Color UL.filter-container LI.selected .selected {
  color: #fff;
  margin-top: 8px;
  display: block;
}
#filters DIV.Color UL.filter-container LI.selected.color-invert .selected {
  color: #e0e0e0;
}
#filters DIV.Color UL.filter-container .remove,
#filters DIV.Color UL.filter-container .text {
  display: none;
}
#filters DIV.price {
  height: 100px;
  overflow: visible;
}
#filters DIV.price H2 {
  cursor: default;
}
#filters DIV.price H2:hover {
  color: inherit;
}
#filters .takeopen H2:hover {
  color: inherit;
  cursor: default;
}
#filters .takeopen UL.selected {
  display: none;
}
#filters .takeopen .filter-container {
  height: auto !important;
  display: block !important;
}
#filters .takeopen .filter-container .selected {
  display: block;
}
#filters .takeopen .filter-container .selected .radio-on {
  color: inherit;
  display: inline;
}
#filters .takeopen .filter-container .selected .radio-off {
  display: none;
}
#filters .takeopen .text {
  float: none;
}
#filters .takeopen .icon {
  color: #d6d6d6;
  font-size: 16px;
  padding-right: 10px;
  float: left;
  display: none;
}
#filters .takeopen .view-all,
#filters .takeopen .filter {
  padding-bottom: 15px;
}
#filters .takeopen .filter:hover .icon {
  color: inherit;
}
#filters .takeopen .radio-off {
  display: inline;
}

.box {
  border-radius: 10px;
  background-color: #ebebeb;
  overflow: hidden;
}
.box > DIV {
  border-top: 1px solid #e0e0e0;
  overflow: hidden;
}
.box > DIV:first-child {
  border-top: 0 none;
  margin-top: 3px;
}
.box > DIV > DIV {
  margin: 16px;
  overflow: hidden;
}
.box > DIV .open H2 .icon .open {
  display: none;
}
.box > DIV .open H2 .icon .close {
  display: block;
}
.box H2 {
  font: 1.2em "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  padding: 10px 15px 5px 10px;
  overflow: hidden;
  cursor: pointer;
}
.box H2:hover {
  color: #ff2c14;
}
.box H2 .text {
  float: left;
}
.box H2 .icon {
  float: right;
}
.box H2 .icon .close {
  display: none;
}
.box .pending {
  pointer-events: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
.box LI.selected,
.box LI:hover {
  color: #ff2c14;
}
.box LI {
  border-radius: 4px;
  font: 1.3em "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  padding: 0 15px;
}
.box LI .content {
  display: block;
  overflow: hidden;
  cursor: pointer;
}
.box LI .text {
  padding: 0 0 10px 0;
  width: 90%;
  float: left;
}
.box LI .icon {
  margin-bottom: 1px;
  float: right;
}
.box UL.selected {
  margin-bottom: 10px;
}
.box UL.selected LI {
  background-color: #000000;
  color: #fff;
  padding-top: 10px;
  margin: 5px 0;
}
.box UL.selected LI .icon {
  background-color: inherit;
}
.box UL.selected LI.color-invert {
  color: #b2b2b2;
}
.box UL.selected LI .selected {
  display: none;
}
.box UL.filter-container {
  margin-top: 10px;
  overflow: hidden;
  display: none;
}
.box UL.filter-container LI.selected,
.box UL.filter-container .icon {
  display: none;
}

HTML.iPad .box LI:hover {
  color: inherit;
}

#slider-range {
  margin: 16px 8px;
}
#slider-range.ui-widget-content {
  border: 0 none;
  background-color: #adadad;
}
#slider-range.ui-slider-horizontal {
  height: 5px;
}
#slider-range .ui-slider-handle {
  background-color: #adadad;
  color: #adadad;
  top: -.5em;
  text-decoration: none;
  height: 16px;
  width: 16px;
}
#slider-range .ui-slider-handle SPAN {
  position: relative;
  left: 50%;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  text-align: center;
  margin: 32px 0 0 -16px;
  display: block;
}
#slider-range .ui-slider-range {
  background-color: #ff2c14;
}
#slider-range .ui-state-focus,
#slider-range .ui-state-hover {
  background-color: #ff2c14;
  color: #ff2c14;
}

#title {
  text-align: center;
  position: relative;
  margin: 32px 16px 0 260px;
  min-height: 70px;
}
#title H2 {
  font: 4em "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  letter-spacing: -0.02em;
}
@media only screen and (max-width: 768px) {
  #title H2 {
    font-size: 36px;
  }
}
#title .breadcrumb {
  text-transform: capitalize;
  padding-top: 1ex;
  pointer-events: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
#title .breadcrumb.show {
  pointer-events: auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
#title .breadcrumb.show .empty-filters {
  display: block;
  cursor: pointer;
}
#title .breadcrumb.pending {
  pointer-events: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
#title .label,
#title .filters {
  font-size: 1.3em;
}
#title .label {
  font-family: MetaSerifProItalic, Georgia, Serif;
  text-transform: none;
  padding-right: 1ex;
}
#title .filters {
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}
#title .empty-filters {
  color: #ff2c14;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  text-transform: uppercase;
  margin-top: 1.5em;
  display: none;
  -moz-transition: background-color 200ms ease-out;
  -o-transition: background-color 200ms ease-out;
  -webkit-transition: background-color 200ms ease-out;
  transition: background-color 200ms ease-out;
}
#title .empty-filters:hover {
  color: #e32712;
}
#title .empty-filters .icon {
  position: relative;
  top: 0.2em;
  font-size: 1.3em;
  padding-right: 1em;
}
#title .sep {
  padding: 0 1ex;
}
#title .bread:first-child .sep {
  display: none;
}

.bannerSRTop {
  margin: 8px 16px 32px 260px;
}
.bannerSRTop img {
  display: block;
  width: 100%;
}

#products {
  position: relative;
  margin: 8px 16px 250px 260px;
  min-height: 100%;
  display: block;
  overflow: hidden;
}
.text-search #products {
  margin: 0;
}
#products .experience,
#products .product {
  position: relative;
  height: auto;
  float: left;
  display: block;
  overflow: visible;
}
#products .experience .content,
#products .product .content {
  position: relative;
  margin: 0 25px;
}
#products .experience .image,
#products .product .image {
  position: relative;
  line-height: 0;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -moz-perspective: 1000;
  -webkit-perspective: 1000;
  perspective: 1000;
}
#products .experience .image IMG,
#products .product .image IMG {
  height: auto;
  width: 100%;
  color: #fff;
  border: none;
}
#products .experience .flip,
#products .product .flip {
  display: block;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -moz-backface-visibility: visible;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -moz-transition: -moz-transform 0.8s ease;
  -o-transition: -o-transform 0.8s ease;
  -webkit-transition: -webkit-transform 0.8s ease;
  transition: transform 0.8s ease;
}
#products .experience .flip .overlay,
#products .experience .flip .back,
#products .product .flip .overlay,
#products .product .flip .back {
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#products .experience .fade .back,
#products .product .fade .back {
  z-index: 2;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: opacity 800ms ease;
  -o-transition: opacity 800ms ease;
  -webkit-transition: opacity 800ms ease;
  transition: opacity 800ms ease;
}
#products .experience .overlay,
#products .experience .back,
#products .product .overlay,
#products .product .back {
  position: absolute;
  top: 0;
  left: 0;
}
#products .experience .overlay,
#products .product .overlay {
  background-color: #fff;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  font-size: 25px;
  bottom: 0;
  height: auto;
  width: 100%;
  z-index: 3;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#products .experience .overlay P,
#products .product .overlay P {
  text-align: center;
  margin-top: 40%;
}
#products .experience .back + .front + .overlay,
#products .product .back + .front + .overlay {
  -moz-transition: opacity 800ms 0;
  -o-transition: opacity 800ms 0;
  -webkit-transition: opacity 800ms 0;
  transition: opacity 800ms 0;
}
#products .experience .front,
#products .product .front {
  position: relative;
  z-index: 1;
}
#products .experience .content:hover .loaded .flip,
#products .product .content:hover .loaded .flip {
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#products .experience .content:hover .loaded .fade .back,
#products .product .content:hover .loaded .fade .back {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
#products .experience .content:hover .loaded .overlay,
#products .product .content:hover .loaded .overlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
#products .experience .content:hover .loaded .back + .front + .overlay,
#products .product .content:hover .loaded .back + .front + .overlay {
  -moz-transition: opacity 0.5s ease 1.5s;
  -o-transition: opacity 0.5s ease 1.5s;
  -webkit-transition: opacity 0.5s ease;
  -webkit-transition-delay: 1.5s;
  transition: opacity 0.5s ease 1.5s;
}
#products .experience .description,
#products .product .description {
  position: relative;
  text-align: center;
  height: 210px;
  overflow: hidden;
  /* .color */
}
#products .experience .description .amount .span.price.hidden,
#products .product .description .amount .span.price.hidden {
  display: none;
}
#products .experience .description .color,
#products .product .description .color {
  margin-top: 20px;
  height: 65px;
}
#products .experience .description .color > *,
#products .product .description .color > * {
  font-size: 0;
  margin: 0 5px;
  line-height: 1em;
  height: 16px;
  width: 16px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
#products .experience .description .color .FFFFFF,
#products .product .description .color .FFFFFF {
  border: 1px solid #e0e0e0;
  height: 14px;
  width: 14px;
}
#products .experience .description .more,
#products .product .description .more {
  color: #adadad;
  font: 1.3em "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  padding-top: 16px;
  line-height: 1em;
  width: 80%;
}
#products .experience .description .name,
#products .product .description .name {
  font: 1.8em "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}
#products .experience .description .amount,
#products .product .description .amount {
  padding-top: 1em;
  line-height: 1em;
}
#products .experience .description .boxquantity,
#products .experience .description .price,
#products .product .description .boxquantity,
#products .product .description .price {
  font-size: 1.7em;
  line-height: 1em;
}
#products .experience .description .boxquantity,
#products .experience .description .price-full,
#products .product .description .boxquantity,
#products .product .description .price-full {
  display: none;
}
#products .experience .description .discounted,
#products .product .description .discounted {
  color: #ff2c14;
}
#products .experience .description .setof .boxquantity,
#products .product .description .setof .boxquantity {
  display: inline;
}
#products .experience .description .discounted .price-full,
#products .product .description .discounted .price-full {
  font-size: 1.3em;
  color: #adadad;
  text-decoration: line-through;
  padding-top: 1em;
  display: block;
}
#products .experience .preorder,
#products .product .preorder {
  font-size: 1.7em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  color: #76c661;
  margin-top: 20px;
}
.fr #products .experience .preorder, .fr
#products .product .preorder {
  font-size: 1.4em;
}
#products .experience .content:hover .name,
#products .product .content:hover .name {
  text-decoration: underline;
}
#products .experience .header,
#products .product .header {
  text-align: center;
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  z-index: 1;
}
#products .experience .header .promo,
#products .product .header .promo {
  background-color: #ff2c14;
  color: white;
  font-size: 14px;
  text-align: center;
  line-height: 44px;
  margin: 0 auto;
  height: 44px;
  width: 44px;
  display: inline-block;
  border-radius: 22px;
}
#products .is-empty {
  color: #adadad;
  text-align: center;
  width: 100% !important;
}
#products .is-empty .emoticon {
  font-size: 13em;
  padding-top: 1em;
}
#products .is-empty .text {
  font-size: 1.8em;
  padding-top: 2em;
}
#products .product {
  width: 25%;
  overflow: hidden;
}
#products .product.double {
  width: 50%;
}
#products .product.triple {
  width: 75%;
}
#products .product img {
  width: 100%;
  max-height: 100%;
}
@media only screen {
  #products .product {
    width: 33.23333%;
  }
  #products .product.double {
    width: 66.36667%;
  }
  #products .product.triple {
    width: 99.6%;
  }
}
@media only screen and (min-width: 1400px) {
  #products .product {
    width: 24.9%;
  }
  #products .product.double {
    width: 49.5%;
  }
  #products .product.triple {
    width: 74.4%;
  }
}
@media only screen and (min-width: 1900px) {
  #products .product {
    width: 19.9%;
  }
  #products .product.double {
    width: 39.7%;
  }
  #products .product.triple {
    width: 59.4%;
  }
}
@media only screen and (min-width: 2200px) {
  #products .product {
    width: 16.56667%;
  }
  #products .product.double {
    width: 33.03333%;
  }
  #products .product.triple {
    width: 49.4%;
  }
}
@media only screen and (min-width: 2500px) {
  #products .product {
    width: 14.18571%;
  }
  #products .product.double {
    width: 28.27143%;
  }
  #products .product.triple {
    width: 42.25714%;
  }
}

#products-service,
#products-ecpack {
  display: none;
}

/*!
 * Text Search
 */
#page_content > .scrollable.text-search .term,
#sub-header.text-search .term {
  color: #ff2c14;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}

#sub-header.text-search {
  border-bottom: 1px solid #e0e0e0;
  background-color: #fff;
  color: #121212;
  overflow: hidden;
}
#sub-header.text-search .inner {
  color: inherit;
  margin: 8px 0 12px;
  height: auto;
  width: 100%;
  overflow: hidden;
}
#sub-header.text-search .info {
  margin: 8px 26px 4px 0;
  float: right;
}
#sub-header.text-search .label,
#sub-header.text-search .button {
  float: left;
}
#sub-header.text-search .label {
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  padding-right: 2em;
}
#sub-header.text-search .button {
  border: 1px solid #bababa;
  color: #bababa;
  font: 1.2em "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  padding: 0 1.5em;
  line-height: 35px;
  min-width: 141px;
  cursor: pointer;
  float: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
#sub-header.text-search .button:hover {
  border-color: #777;
  color: #777;
}
#sub-header.text-search .button.active {
  border: 1px solid white;
  background-color: #ff2c14;
  color: white;
  cursor: default;
}
#sub-header.text-search .button.search {
  margin-right: 10px;
}
#sub-header.text-search .button.count0 {
  cursor: default;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
#sub-header.text-search .button.count0:hover {
  border-color: #bababa;
  color: #bababa;
}

#input-textsearch {
  border: 0 none;
  background-color: #fff;
  color: inherit;
  font: 3.5em "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 3px 0 3px 26px;
  height: auto;
  width: 350px;
  float: left;
}
@media only screen and (max-width: 1024px) {
  #input-textsearch {
    width: 200px;
  }
}

#suggested-term {
  color: #808080;
  font-size: 1.5em;
  padding: 16px 0 0 32px;
}

#page_content > .scrollable.text-search {
  background-color: #ebebeb;
  top: 106px;
}
#page_content > .scrollable.text-search.promo-hidden, #page_content > .scrollable.text-search.promo0 {
  top: 70px;
}
#page_content > .scrollable.text-search.promo-open {
  top: 270px;
}
#page_content > .scrollable.text-search #products {
  margin: 8px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
#page_content > .scrollable.text-search #products.loaded {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity 400ms ease 800ms;
  -o-transition: opacity 400ms ease 800ms;
  -webkit-transition: opacity 400ms ease;
  -webkit-transition-delay: 800ms;
  transition: opacity 400ms ease 800ms;
}
#page_content > .scrollable.text-search #products .experience,
#page_content > .scrollable.text-search #products .product {
  width: 20%;
}
@media only screen and (max-width: 3072px) {
  #page_content > .scrollable.text-search #products .experience,
  #page_content > .scrollable.text-search #products .product {
    width: 8.99091%;
  }
}
@media only screen and (max-width: 2816px) {
  #page_content > .scrollable.text-search #products .experience,
  #page_content > .scrollable.text-search #products .product {
    width: 9.9%;
  }
}
@media only screen and (max-width: 2560px) {
  #page_content > .scrollable.text-search #products .experience,
  #page_content > .scrollable.text-search #products .product {
    width: 11.01111%;
  }
}
@media only screen and (max-width: 2304px) {
  #page_content > .scrollable.text-search #products .experience,
  #page_content > .scrollable.text-search #products .product {
    width: 12.4%;
  }
}
@media only screen and (max-width: 2048px) {
  #page_content > .scrollable.text-search #products .experience,
  #page_content > .scrollable.text-search #products .product {
    width: 14.18571%;
  }
}
@media only screen and (max-width: 1792px) {
  #page_content > .scrollable.text-search #products .experience,
  #page_content > .scrollable.text-search #products .product {
    width: 16.56667%;
  }
}
@media only screen and (max-width: 1536px) {
  #page_content > .scrollable.text-search #products .experience,
  #page_content > .scrollable.text-search #products .product {
    width: 19.9%;
  }
}
@media only screen and (max-width: 1280px) {
  #page_content > .scrollable.text-search #products .experience,
  #page_content > .scrollable.text-search #products .product {
    width: 24.9%;
  }
}
@media only screen and (max-width: 1024px) {
  #page_content > .scrollable.text-search #products .experience,
  #page_content > .scrollable.text-search #products .product {
    width: 33.23333%;
  }
}
#page_content > .scrollable.text-search #products .content {
  background-color: #fff;
  margin: 8px;
  z-index: 3;
  overflow: hidden;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#page_content > .scrollable.text-search #products .product .image {
  margin-top: 10px;
}
#page_content > .scrollable.text-search #products .description {
  text-align: left;
  margin: 2.3em 1.6em 2.7em 2.3em;
  height: 98px;
  overflow: visible;
}
#page_content > .scrollable.text-search #products .type {
  font-size: 1.5em;
  font-family: MetaSerifProItalic, Georgia, Serif;
}
#page_content > .scrollable.text-search #products .name {
  font-size: 2em;
  padding-top: 0.4em;
  line-height: 1em;
  height: 2.1em;
  overflow: hidden;
}
#page_content > .scrollable.text-search #products .cta {
  color: #b2b2b2;
  font: 1.2em "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  padding-top: 0.7em;
  float: left;
  -moz-transition: color 300ms ease;
  -o-transition: color 300ms ease;
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
}
#page_content > .scrollable.text-search #products .icon {
  float: right;
}
#page_content > .scrollable.text-search #products .content:hover .name {
  text-decoration: none;
}
#page_content > .scrollable.text-search #products .content:hover .cta {
  color: #ff2c14;
}
#page_content > .scrollable.text-search #products .amount {
  background-color: #73c85c;
  padding: 0.5em 1em;
  float: right;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#page_content > .scrollable.text-search #products .amount .price {
  color: white;
  font: 1.6em "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}
#page_content > .scrollable.text-search #products .wx .amount,
#page_content > .scrollable.text-search #products .price-full,
#page_content > .scrollable.text-search #products .setof .boxquantity,
#page_content > .scrollable.text-search #products .color {
  display: none;
}
#page_content > .scrollable.text-search .experience .image {
  overflow: hidden;
}
#page_content > .scrollable.text-search .experience .image IMG {
  -moz-transition: -moz-transform 250ms ease-in-out;
  -o-transition: -o-transform 250ms ease-in-out;
  -webkit-transition: -webkit-transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
}
#page_content > .scrollable.text-search .experience .image:hover IMG {
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}
#page_content > .scrollable.text-search .experience .cta {
  width: 100%;
}
#page_content > .scrollable.text-search .experience .overlay {
  display: none;
}
#page_content > .scrollable.text-search .pagination {
  border: 1px solid #e0e0e0;
  margin: 2em auto;
  width: 500px;
  overflow: hidden;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#page_content > .scrollable.text-search .prev,
#page_content > .scrollable.text-search .next {
  background-color: white;
  color: #bababa;
  font-size: 2em;
  text-align: center;
  line-height: 3.2em;
  width: 50%;
  float: left;
  cursor: pointer;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
#page_content > .scrollable.text-search .prev:hover,
#page_content > .scrollable.text-search .next:hover {
  color: #777;
}
#page_content > .scrollable.text-search .prev.disabled,
#page_content > .scrollable.text-search .next.disabled {
  cursor: default;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
}
#page_content > .scrollable.text-search .prev.disabled:hover,
#page_content > .scrollable.text-search .next.disabled:hover {
  color: #bababa;
}
#page_content > .scrollable.text-search .next {
  float: right;
}

#loading-layer {
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 3;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
#products #loading-layer {
  width: auto;
}
#loading-layer .loadingCSSAnimation {
  top: 50px;
}
.scrollable.text-search #loading-layer {
  background: #ebebeb url("http://cdn2.yoox.biz/Os/kartell/images/loading.gif") no-repeat center 30%;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.scrollable.text-search #products.loaded ~ #loading-layer {
  display: none;
}

/*!
 * Isotope
 */
.isotope,
.isotope .isotope-item {
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -moz-transition-property: width;
  -o-transition-property: width;
  -webkit-transition-property: width;
  transition-property: width;
}

.isotope .isotope-item {
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -moz-transition-duration: 0;
  -o-transition-duration: 0;
  -webkit-transition-duration: 0;
  transition-duration: 0;
}

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

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

/*!
 * jQuery UI Slider 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
  opacity: .3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  opacity: .3;
  filter: Alpha(Opacity=30);
  border-radius: 8px;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

#stripPromoEngine {
  top: 0;
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.5s, height 0.3s;
  -moz-transition: -moz-transform 0.5s, height 0.3s;
  -ms-transition: -ms-transform 0.5s, height 0.3s;
  -o-transition: -o-transform 0.5s, height 0.3s;
  transition: transform 0.5s, height 0.3s;
}
#stripPromoEngine.visible {
  height: 36px;
}
#stripPromoEngine.visible.openPromoEngine {
  height: 200px;
}
#stripPromoEngine.notVisible {
  -webkit-transform: translate(0, -36px);
  -moz-transform: translate(0, -36px);
  -ms-transform: translate(0, -36px);
  -o-transform: translate(0, -36px);
  transform: translate(0, -36px);
  height: 0;
}

.itemPromo {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.itemPromo .promotionBtn {
  text-transform: uppercase;
  background-color: #66ff00;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #000;
  font-size: 10px;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  padding: 8px 13px;
  text-decoration: none;
  margin: 7px auto 0;
  display: block;
  width: 80%;
}

#page_content > .scrollable.text-search #products .description {
  height: auto;
  overflow: hidden;
}
#page_content > .scrollable.text-search #products .promotionBtn {
  margin-top: 2em;
}
#page_content > .scrollable.text-search #products .itemPromo {
  position: static;
  clear: both;
  overflow: hidden;
}

.rsOverflow {
  height: 2000px;
}

.grab-cursor {
  cursor: auto;
}

/** Salone2016 rules. */
#backToSpecial {
  width: 25%;
  position: absolute;
  top: 30px;
  left: 20px;
  text-align: left;
}
.tablet #backToSpecial {
  position: static;
  padding-bottom: 20px;
}
#backToSpecial a {
  margin-left: 10px;
  font-weight: bold;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  text-decoration: underline;
  font-size: 1.1em;
  text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
  #backToSpecial {
    width: 32%;
  }
}

.giftfinder__header {
  position: relative;
  width: 100%;
  max-height: 270px;
  overflow: hidden;
  margin-bottom: 4.5em;
}
.giftfinder__image {
  display: block;
  width: 100%;
}
.giftfinder__title {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -0.3em);
  color: #d21443;
  font: 4.6em "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  letter-spacing: -0.02em;
  line-height: 0.8333em;
  z-index: 1;
  padding: 0.2em;
  background-color: rgba(255, 255, 255, 0.8);
}
.giftfinder--filter .giftfinder__title {
  display: none;
}
.giftfinder__navbar {
  background-color: #f0f0f0;
  font: 1.5em "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 1em;
  line-height: 1em;
  z-index: 3;
  margin-top: -3em;
  transform: translate3d(0, 0, 0);
}
.giftfinder__navbar--fixed {
  position: fixed;
  width: 100vw;
  margin-top: 0;
}
.ie .giftfinder__navbar--fixed, .ie10 .giftfinder__navbar--fixed {
  position: static;
  margin-top: -3em;
}
.giftfinder__menu {
  display: inline-block;
  cursor: pointer;
  margin-left: calc(100vw - 100%);
}
.giftfinder__menu li {
  display: inline-block;
}
.giftfinder__menu li:hover {
  color: #616161;
}
.giftfinder__menu li.active {
  text-decoration: underline;
}
.giftfinder__menu li + li {
  margin-left: 1em;
  padding-left: 1em;
  border-left: 1px solid black;
}
.giftfinder #products {
  margin: 8px 16px 250px 16px;
}
.giftfinder #products .product {
  width: 24.9%;
}
.giftfinder #products .product.double {
  width: 49.5%;
}
.giftfinder #products .product.triple {
  width: 74.4%;
}
@media only screen and (min-width: 1400px) {
  .giftfinder #products .product {
    width: 19.9%;
  }
  .giftfinder #products .product.double {
    width: 39.7%;
  }
  .giftfinder #products .product.triple {
    width: 59.4%;
  }
}
@media only screen and (min-width: 1900px) {
  .giftfinder #products .product {
    width: 16.56667%;
  }
  .giftfinder #products .product.double {
    width: 33.03333%;
  }
  .giftfinder #products .product.triple {
    width: 49.4%;
  }
}
@media only screen and (min-width: 2200px) {
  .giftfinder #products .product {
    width: 14.18571%;
  }
  .giftfinder #products .product.double {
    width: 28.27143%;
  }
  .giftfinder #products .product.triple {
    width: 42.25714%;
  }
}