/* 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;
} 
*/
body {
  min-width: 1015px;
}

#site_header {
  position: relative;
  z-index: 11;
}

.pageWidth {
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
  width: 100%;
  height: 100%;
  position: relative;
}

#pageContent {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}
#pageContent .scrollable {
  z-index: 13;
  display: none;
}

h2 {
  font-size: 45px;
}

.icon {
  cursor: pointer;
}

#zoomLayer {
  display: none;
  cursor: url("http://cdn2.yoox.biz/Os/kartell/images/cursorMinus.cur"), pointer;
}
#zoomLayer .navColor {
  font-size: 12px;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  margin: 10px 36px;
  cursor: pointer;
  z-index: 3;
}
#zoomLayer .prevColor {
  float: left;
}
#zoomLayer .nextColor {
  float: right;
}
#zoomLayer .disabled {
  color: #ccc;
  cursor: default;
}

#zoomMenubar {
  float: left;
}

#zoomImageWrapper {
  background-color: #fff;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1;
}

#zoomAlternatives {
  display: block;
  position: fixed;
  left: 0;
  text-align: center;
  top: 32px;
  width: 125px;
  z-index: 3;
}
#zoomAlternatives li {
  cursor: pointer;
}
#zoomAlternatives img {
  opacity: 1;
}
#zoomAlternatives img.selected {
  opacity: 0.5;
  cursor: default;
}

#zoomImage {
  display: block;
  margin: 0 auto;
  min-width: 1024px;
  position: relative;
  width: 100%;
}

#stripPromoEngine {
  top: 0;
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.2s, height 0.3s;
  -moz-transition: -moz-transform 0.2s, height 0.3s;
  -ms-transition: -ms-transform 0.2s, height 0.3s;
  -o-transition: -o-transform 0.2s, height 0.3s;
  transition: transform 0.2s, 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;
}

#topBar {
  position: absolute;
  width: 100%;
  background-color: #fff;
  left: 0;
  top: 0;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  color: #ccc;
  font-size: 12px;
  z-index: 14;
  border-bottom: 1px solid #f0f0f0;
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.2s, background 0.3s, color 0.3s;
  -moz-transition: -moz-transform 0.2s, background 0.3s, color 0.3s;
  -ms-transition: -ms-transform 0.2s, background 0.3s, color 0.3s;
  -o-transition: -o-transform 0.2s, background 0.3s, color 0.3s;
  transition: transform 0.2s, background 0.3s, color 0.3s;
}
#topBar.notVisible {
  -webkit-transform: translate(0, -30px);
  -moz-transform: translate(0, -30px);
  -ms-transform: translate(0, -30px);
  -o-transform: translate(0, -30px);
  transform: translate(0, -30px);
}
#topBar ul {
  list-style-type: none;
}
#topBar .navigation {
  float: right;
  position: relative;
  width: 33%;
}
#topBar .navigation span {
  display: inline-block;
  margin-top: 1.4em;
  margin-left: 2.5em;
  margin-right: 2.5em;
}
#topBar .navigation .icon-arrowLeft, #topBar .navigation .icon-arrowRight {
  color: #ccc;
  cursor: pointer;
  font-size: 12px;
  position: absolute;
}
#topBar .navigation .icon-arrowLeft {
  right: 70px;
}
#topBar .navigation .icon-arrowRight {
  right: 0;
}
#topBar .navigation .back {
  float: left;
  margin-right: 4em;
  margin-left: 15%;
}
#topBar .navigation .back a {
  color: #ccc;
  text-decoration: none;
  text-transform: uppercase;
}
#topBar .navigation A.disabled,
#topBar .navigation .disabled {
  color: #f0f0f0;
  cursor: default;
  pointer-events: none;
}

#goToPrevItem.hide,
#goToNextItem.hide {
  display: none;
}

#macroList {
  width: 100%;
  float: left;
  background-color: #f0f0f0;
  height: 30px;
}
#macroList li {
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #a3a3a3;
  line-height: 35px;
  float: left;
}
#macroList li.product {
  padding-left: 2.8em;
}
#macroList li .sep {
  margin: 0 0.8em;
  color: #a3a3a3;
}
#macroList li.micro .sep {
  margin-left: 1.6em;
}
#macroList .select.product {
  color: btnGreyOnBlack;
}
#macroList .select.product .icon {
  font-size: 7px;
  display: inline-block;
  -moz-transition: -moz-transform 0.5s linear;
  -o-transition: -o-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  transition: transform 0.5s linear;
}
#macroList .select.macro {
  position: relative;
  cursor: pointer;
  margin-right: 0.8em;
  color: #ff2c14;
}
#macroList .select.macro .label {
  text-align: center;
  margin-left: 0px;
}
#macroList .select.micro {
  position: relative;
}
#macroList .select.micro .label {
  text-align: center;
  margin-left: 0px;
}
#macroList .select.item-name {
  position: relative;
  margin-right: 0.8em;
}
#macroList .select.item-name .label {
  text-align: center;
  margin-left: 0px;
}
#macroList .select.macro .top {
  display: block;
  position: absolute;
  right: -20px;
  top: 10px;
  font-size: 6px;
  -moz-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
#macroList .select.macro .bottom {
  display: block;
  position: absolute;
  right: -20px;
  top: 13px;
  font-size: 7px;
  z-index: 10;
}
#macroList .select UL.layer {
  border: none;
  background-color: #fff;
  position: absolute;
  max-height: 0;
  min-width: 150px;
  overflow: hidden;
  z-index: 10;
  top: 10px;
  left: 60px;
  pointer-events: none;
  -moz-transition: max-height 400ms linear, border-color 400ms linear;
  -o-transition: max-height 400ms linear, border-color 400ms linear;
  -webkit-transition: max-height 400ms linear, border-color 400ms linear;
  transition: max-height 400ms linear, border-color 400ms linear;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 2px 5px 0px #D2D2D2;
}
#macroList .select UL.layer .highlighted, #macroList .select UL.layer .highlighted:hover {
  text-transform: uppercase;
  background-color: #ff2c14;
  color: #fff;
  cursor: default;
}
#macroList .select UL.layer LI {
  float: none;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px solid #dedede;
  height: 40px;
  line-height: 40px;
  margin-right: 0px;
  margin-left: 0px;
  width: 260px;
  background-color: #fff;
}
#macroList .select UL.layer LI a {
  color: #000;
  font-size: 14px;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  text-decoration: none;
  float: left;
  width: 100%;
}
#macroList .select UL.layer LI .icon {
  -moz-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  color: #000;
  float: right;
  margin-top: 13px;
  font-size: 11px;
  display: none;
}
#macroList .select UL.layer LI:hover {
  background-color: #f5f5f5;
  width: 260px;
}
#macroList .select UL.layer LI:hover .icon-arrowRight {
  display: inline;
}
#macroList .select UL.layer .selected, #macroList .select UL.layer .selected:hover {
  color: #ff2c14;
}
#macroList .select UL.layer .selected .icon-check, #macroList .select UL.layer .selected:hover .icon-check {
  color: #ff2c14;
  font-size: 12px;
  display: inline;
}
#macroList .select.open UL.layer {
  max-height: 630px;
  border: 1px solid #adadad;
  pointer-events: auto;
}

button {
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  cursor: pointer;
}

#content {
  background: transparent;
  height: auto;
  width: auto;
  overflow: hidden;
}

#sectionListContainer {
  float: left;
  width: 66%;
}

#sectionList {
  text-align: center;
  height: 50px;
  overflow: auto;
  overflow-y: hidden;
}
#sectionList li {
  padding: 0 1em;
  text-transform: uppercase;
  font-size: 90%;
  color: #ccc;
  cursor: pointer;
  line-height: 50px;
  display: inline;
  white-space: nowrap;
}
#sectionList .selected {
  color: #ff2c14;
}

#itemInformationContainer {
  float: right;
  width: 32%;
  position: absolute;
  right: 1%;
  top: 110px;
  z-index: 13;
}
#itemInformationContainer .linkToYoutubeVideo {
  clear: both;
  padding: 18px 0;
}
#itemInformationContainer .linkToYoutubeVideo a {
  text-transform: uppercase;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
  color: black;
}
#itemInformationContainer .linkToYoutubeVideo a span {
  vertical-align: middle;
}
#itemInformationContainer .linkToYoutubeVideo .icon {
  font-size: 1.5em;
  margin-right: 0.4em;
}

#itemInformation {
  position: relative;
  width: 310px;
  color: #000;
  background-color: #fff;
  margin: 0 15%;
  -webkit-transition: -webkit-transform 0.2s, background 0.3s, color 0.3s;
  -moz-transition: -moz-transform 0.2s, background 0.3s, color 0.3s;
  -o-transition: -o-transform 0.2s, background 0.3s, color 0.3s;
  transition: transform 0.2s, background 0.3s, color 0.3s;
 /* .itemDesigner,
  .itemCustomizator {
    font-size: 17px;
    margin-bottom: 15px;
    font-family: $fontSansSerif;
    line-height: 26px;
  }
*/
  /* .priceSection */
  /* .itemPromo */
  /* #preorder-info */
}
#itemInformation .itemName {
  font-size: 45px;
  line-height: 40px;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  color: #000308;
  letter-spacing: -0.02em;
}
#itemInformation .artAttribute {
  font-size: 17px;
  margin-bottom: 15px;
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
}
#itemInformation .artAttribute.itemDesigner {
  line-height: 26px;
}
#itemInformation .priceSection {
  float: left;
  margin-bottom: 25px;
}
#itemInformation .priceSection .icon.icon-Info {
  background-color: #000;
  color: #fff;
  margin-left: 10px;
}
#itemInformation .oldprice {
  color: #808080;
  text-decoration: line-through;
}
#itemInformation .discountPct {
  color: #000;
}
#itemInformation .itemPromo {
  clear: both;
  /* .promotionBtn */
}
#itemInformation .itemPromo .promotionBtn {
  position: relative;
  text-transform: uppercase;
  background-color: #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font-size: 10px;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  padding: 8px 13px;
  text-decoration: none;
  margin-bottom: 10px;
  width: 74%;
  min-height: 26px;
}
#itemInformation .itemPromo .promotionBtn .promotionMsg {
  padding: 10px 0;
  display: none;
  clear: both;
}
#itemInformation .itemPromo .promotionBtn .icon {
  float: right;
  padding: 15px;
  right: 0px;
  top: 0px;
  position: absolute;
}
#itemInformation .itemPromo .promotionBtn .iconMinus {
  display: none;
}
#itemInformation .itemPromo .promotionBtn .promotionLabel {
  width: 80%;
  display: block;
  float: left;
}
#itemInformation #preorder-price {
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  color: #76c661;
  text-transform: uppercase;
  font-size: 22px;
}
#itemInformation #preorder-info {
  font-family: MetaSerifProItalic, Georgia, Serif;
  font-size: 15px;
  text-decoration: underline;
  color: #9e9e9e;
  margin-top: 10px;
  cursor: pointer;
}
#itemInformation #preorder-info span {
  display: inline-block;
}
#itemInformation #preorder-info .text {
  vertical-align: top;
}
#itemInformation #preorder-info .icon.icoInfo {
  padding-left: 7px;
}
#itemInformation .itemPrice {
  font-size: 30px;
  float: left;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  color: #76c661;
  margin-right: 10px;
  letter-spacing: -0.02em;
}
#itemInformation .itemPrice.bookItemPrice {
  color: #66cbff;
}
#itemInformation .priceInformation {
  font-size: 18px;
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
  line-height: 47px;
  float: left;
  clear: both;
}
#itemInformation .priceInformation span {
  display: inline-block;
}
#itemInformation .priceInformation .icoInfo {
  padding-left: 5px;
  font-size: 16px;
}
#itemInformation .whatIpay {
  font-size: 15px;
  clear: both;
}
#itemInformation .whatIpay b {
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}
#itemInformation .whatIpay .label {
  float: left;
}
#itemInformation .whatIpay .newprice, #itemInformation .whatIpay .discountPct {
  display: none;
}
#itemInformation .whatIpay .oldprice {
  float: left;
}
#itemInformation .colorList, #itemInformation .colorListWX, #itemInformation .sizeList {
  clear: both;
  font-size: 12px;
  line-height: 24px;
  text-transform: uppercase;
  color: #000;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}
#itemInformation .colorList .label, #itemInformation .colorListWX .label, #itemInformation .sizeList .label {
  margin-bottom: 10px;
}
#itemInformation .colorList .color, #itemInformation .colorListWX .color, #itemInformation .sizeList .color {
  border: 2px solid transparent;
  float: left;
  width: 29px;
  height: 29px;
  position: relative;
  left: -4px;
}
#itemInformation .colorList .color.selected, #itemInformation .colorList .color.sel, #itemInformation .colorListWX .color.selected, #itemInformation .colorListWX .color.sel, #itemInformation .sizeList .color.selected, #itemInformation .sizeList .color.sel {
  border: 2px solid #ccc;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
}
#itemInformation .colorList .color.disabled, #itemInformation .colorListWX .color.disabled, #itemInformation .sizeList .color.disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
#itemInformation .colorList .color img, #itemInformation .colorListWX .color img, #itemInformation .sizeList .color img {
  text-align: center;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
#itemInformation .colorList .color .background,
#itemInformation .colorList .color .miniThumbsColorImg, #itemInformation .colorListWX .color .background,
#itemInformation .colorListWX .color .miniThumbsColorImg, #itemInformation .sizeList .color .background,
#itemInformation .sizeList .color .miniThumbsColorImg {
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  top: 2px;
  left: 2px;
}
#itemInformation .colorList .color .miniThumbsColorImg, #itemInformation .colorListWX .color .miniThumbsColorImg, #itemInformation .sizeList .color .miniThumbsColorImg {
  z-index: 1;
}
#itemInformation .colorList .color .pale, #itemInformation .colorListWX .color .pale, #itemInformation .sizeList .color .pale {
  border: 1px solid #ccc;
  height: 23px;
  width: 23px;
}
#itemInformation #btnContainer {
  margin-top: 25px;
  float: left;
  width: 100%;
  position: relative;
}
#itemInformation #btnContainer .alertSelection {
  font-size: 13px;
  line-height: 15px;
  color: #4d4d4d;
  margin-bottom: 7px;
  position: absolute;
  right: 0;
  top: -20px;
  display: none;
}
#itemInformation #btnContainer .addToShoppingBag {
  float: left;
  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;
  font-size: 13px;
  width: 82%;
  padding: 1.22em 1em;
  text-transform: uppercase;
}
#itemInformation #btnContainer .addToShoppingBag:hover, #itemInformation #btnContainer .addToShoppingBag:focus {
  background-color: #62a651;
  color: #fff;
  border-color: #62a651;
}
#itemInformation #btnContainer .addToShoppingBag.preorder-btn {
  background-color: #fff;
  border-width: 2px;
  color: #76c661;
}
#itemInformation #btnContainer .addToShoppingBag .label.enabled {
  display: inline;
}
#itemInformation #btnContainer .addToShoppingBag .label.disabled {
  display: none;
}
#itemInformation #btnContainer .addToShoppingBag .icon-cart {
  padding-right: 7px;
  position: relative;
  top: 2px;
  font-size: 15px;
}
#itemInformation #btnContainer .addToShoppingBag.disabled {
  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;
  font-size: 13px;
  width: 82%;
  padding: 1.22em 1em;
}
#itemInformation #btnContainer .addToShoppingBag.disabled:hover, #itemInformation #btnContainer .addToShoppingBag.disabled:focus {
  background-color: #454545;
  color: #fff;
  border-color: #454545;
}
#itemInformation #btnContainer .addToShoppingBag.disabled .label.enabled {
  display: none;
}
#itemInformation #btnContainer .addToShoppingBag.disabled .label.disabled {
  display: inline;
  font-size: 11px;
}
#itemInformation #btnContainer .addToShoppingBag.disabled .icon-cart {
  display: none;
}
#itemInformation #btnContainer .addToShoppingBag.disabled:hover {
  cursor: default;
}
#itemInformation #btnContainer .addToWhishlist {
  float: right;
  width: 213px;
  /* 	height: $height;
  	line-height: -3+$height; */
  padding: 1em;
  color: #bfbfbf;
  text-align: center;
  background-color: #fff;
  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: 16%;
  font-size: 13px;
  border: 1px solid #bfbfbf;
  padding: 1.2em;
}
#itemInformation #btnContainer .addToWhishlist:hover, #itemInformation #btnContainer .addToWhishlist:focus {
  background-color: #bfbfbf;
  color: #fff;
  border-color: trasparent;
}
#itemInformation #btnContainer .addToWhishlist:hover .icon {
  color: #fff;
}
#itemInformation #btnContainer .addToWhishlist .icon {
  color: #bfbfbf;
  font-size: 15px;
  position: relative;
  top: 1px;
  left: -1px;
}
#itemInformation #btnContainer .addToWhishlist.disabled {
  cursor: default;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
#itemInformation #btnContainer .addToWhishlist.disabled .icon {
  cursor: default;
}
#itemInformation #btnContainer .addToWhishlist.disabled:hover {
  background-color: #fff;
}
#itemInformation #btnContainer .addToWhishlist.disabled:hover .icon {
  color: #bfbfbf;
}
#itemInformation #btnContainer .addToWhishlist.disabled:focus {
  background-color: #fff;
  color: #bfbfbf;
}
#itemInformation #btnContainer .bookItem {
  display: block;
}
#itemInformation #btnContainer .bookItem a {
  background-color: #66cbff;
  border: none;
  display: block;
}
#itemInformation #btnContainer .bookItem a:hover {
  background-color: #000;
}
#itemInformation #btnContainer .bookItem a span {
  display: block;
}
#itemInformation #btnContainer .contanctForItem {
  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: 100%;
}
#itemInformation #btnContainer .contanctForItem:hover, #itemInformation #btnContainer .contanctForItem:focus {
  background-color: #454545;
  color: #fff;
  border-color: #454545;
}
#itemInformation #btnContainer .storeLocator {
  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;
  width: auto;
}
#itemInformation #btnContainer .storeLocator:hover, #itemInformation #btnContainer .storeLocator:focus {
  background-color: #454545;
  color: #fff;
  border-color: #454545;
}
#itemInformation #btnContainer .comingSoon {
  width: 100%;
  /* 	height: $height;
  	line-height: -3+$height; */
  padding: 1em;
  color: #fff;
  text-align: center;
  background-color: #009EE0;
  display: block;
  text-decoration: none;
  border: 1px solid #009EE0;
  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: auto;
  pointer-events: none;
}
#itemInformation #btnContainer .comingSoon:hover, #itemInformation #btnContainer .comingSoon:focus {
  background-color: #009EE0;
  color: #fff;
  border-color: trasparent;
}

.hiddenAddTo {
  display: none;
}

#shippingInfo {
  float: left;
  width: 100%;
  margin-top: 30px;
  font-family: MetaSerifProItalic, Georgia, Serif;
  font-size: 15px;
  text-decoration: underline;
  color: #9e9e9e;
  cursor: pointer;
}
#shippingInfo.tabChristmas {
  font-style: italic;
}
#shippingInfo.tabChristmas div {
  display: inline-block;
  text-decoration: underline;
}
#shippingInfo.tabChristmas .iconTabChristmas {
  /*	@include button;   WTF !?*/
  height: 17px;
  width: 12px;
  background-image: url('http://cdn2.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -1951px;
  background-repeat: no-repeat;
  background-color: transparent;
  position: relative;
  top: 2px;
  margin-left: 10px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #shippingInfo.tabChristmas .iconTabChristmas {
    background-image: url('http://cdn2.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -1863px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}

#shippingInfoContainer, #priceInfoContainer, #preorderInfoContainer {
  display: none;
}

.blackColorbox {
  /* .content */
}
.blackColorbox #cboxContent {
  background: #000;
  color: #FFF;
}
.blackColorbox #cboxClose {
  color: #FFF;
}
.blackColorbox .content {
  text-align: center;
  margin-bottom: 20px;
}
.blackColorbox .content h1 {
  font-size: 36px;
  line-height: 19px;
  margin: 30px 0;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}
.blackColorbox .content .informative {
  font-size: 16px;
  color: #828282;
  line-height: 22px;
  padding: 0 30px;
  margin-bottom: 20px;
}
.blackColorbox .content .informative a {
  color: #828282;
}
.blackColorbox .content .informative span {
  white-space: nowrap;
}

.sizeList .label {
  clear: both;
  margin-top: 30px;
}

.itemBoxSizeConversion {
  color: #4d4d4d;
  font-size: 12px;
  line-height: 17px;
}

#itemSizes li {
  float: left;
  font-size: 13px;
  line-height: 14px;
  padding: 8px;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  border: 2px solid transparent;
  cursor: pointer;
}
#itemSizes li.selected, #itemSizes li.sel {
  border: 2px solid #ccc;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
}
#itemSizes li.disabled {
  color: #bfbfbf;
}

#linkSizeConv {
  font-size: 13px;
  text-decoration: underline;
  margin: 20px 0;
  float: left;
  width: 100%;
  cursor: pointer;
}

.wxColor {
  clear: both;
  float: left;
  margin-bottom: 18px;
}

.combination {
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
}
.combination .type, .combination .stuff {
  color: #4d4d4d;
  text-transform: none;
}

.summaryColor {
  color: #b2b2b2;
  clear: both;
  line-height: 23px;
  font-size: 13px;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  text-transform: capitalize;
  float: left;
  width: 100%;
}

#summary {
  font-size: 14px;
  line-height: 16px;
  float: left;
  width: 100%;
  margin-top: 5px;
}
#summary .selCombination {
  margin-top: 15px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 26px;
  clear: both;
}
#summary .type {
  color: #4d4d4d;
}
#summary .type.noUpper {
  text-transform: none;
}
#summary .value {
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}
#summary .value.noUpper {
  text-transform: none;
}
#summary .color, #summary .stuff {
  text-transform: capitalize;
  line-height: 18px;
}

.item-overlay {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 100;
  top: -70px;
  background-color: #000;
  opacity: 0.9;
  display: none;
}

#networks {
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
#networks li {
  float: left;
  cursor: pointer;
  margin-right: 20px;
}
#networks li .icon {
  font-size: 20px;
}

.boxConfirm {
  background-color: #fff;
  text-align: center;
  position: absolute;
  top: 35%;
  left: 28%;
  z-index: 10;
  font-size: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  opacity: 1;
}
.boxConfirm .label {
  padding: 22px 90px;
  background-color: #76c661;
  color: #fff;
  border-radius: 5px 5px 0px 0px;
}
.boxConfirm .icon-check {
  background-color: #fff;
  color: #76c661;
  padding: 22px;
  border-radius: 5px;
}

.details {
  width: 100%;
  float: left;
  margin-top: 82px;
  position: relative;
}
.details.normal {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.2s, background 0.3s, color 0.3s;
  -moz-transition: -moz-transform 0.2s, background 0.3s, color 0.3s;
  -o-transition: -o-transform 0.2s, background 0.3s, color 0.3s;
  transition: transform 0.2s, background 0.3s, color 0.3s;
}
.details.translated {
  -webkit-transform: translate(0, -30px);
  -moz-transform: translate(0, -30px);
  -ms-transform: translate(0, -30px);
  -o-transform: translate(0, -30px);
  transform: translate(0, -30px);
  -webkit-transition: -webkit-transform 0.2s, background 0.3s, color 0.3s, opacity 0 0.3s;
  -moz-transition: -moz-transform 0.2s, background 0.3s, color 0.3s, opacity 0 0.3s;
  -o-transition: -o-transform 0.2s, background 0.3s, color 0.3s, opacity 0 0.3s;
  transition: transform 0.2s, background 0.3s, color 0.3s, opacity 0 0.3s;
}

#itemContent {
  float: left;
  width: 100%;
}

#itemSections {
  padding-top: 4em;
  width: 66%;
  height: auto;
  float: left;
  position: relative;
}

#prizes {
  max-width: 240px;
  overflow: hidden;
  position: absolute;
  right: 10px;
  padding: 0 10px;
  top: 34px;
  z-index: 13;
}
#prizes .icon-arrowBack {
  position: absolute;
  top: 50px;
  font-size: 18px;
  z-index: 20;
  height: 18px;
  left: 0;
}
#prizes .right.icon-arrowBack {
  right: 0;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.prizesList {
  width: 500px;
  position: relative;
  float: left;
}
.prizesList li {
  float: left;
  margin-right: 15px;
  width: 240px;
  text-align: center;
  color: #000;
  font-size: 1.4em;
  margin: 0;
  text-transform: uppercase;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  position: relative;
}
.prizesList .textPrizes {
  min-height: 120px;
  margin: 33px 20px;
}
.prizesList img {
  height: auto;
  max-width: 123px;
}

#overviewContainer {
  width: 100%;
  float: left;
  position: relative;
}
#overviewContainer .altImages {
  float: left;
  width: 15%;
  height: 15%;
  margin-top: 7%;
  text-align: center;
}
#overviewContainer .altImages .alternateList {
  list-style: none;
}
#overviewContainer .altImages .alternateList li {
  margin-bottom: 5px;
  cursor: pointer;
}
#overviewContainer .altImages .alternateList li img {
  opacity: 1;
}
#overviewContainer .altImages .alternateList li img.selected {
  opacity: 0.5;
  cursor: default;
}
#overviewContainer .altImages .alternateList li img.loaded {
  height: 75px;
}
#overviewContainer .icon {
  position: absolute;
  right: 5.5%;
  color: #bfbfbf;
}

#mainImageContainer {
  float: left;
  position: relative;
  width: 50%;
  left: 13%;
  cursor: pointer;
}
#mainImageContainer img {
  width: 90%;
  height: auto;
}
#mainImageContainer .plusIcon {
  position: relative;
  text-align: center;
  margin-top: 20px;
  font-size: 12px;
  text-transform: uppercase;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  width: 90%;
}

#disclaimer-fr-item {
  width: 90%;
  text-align: center;
  font-size: 10px;
  color: gray;
  cursor: default;
  margin-top: 25px;
}

#relatedContainer {
  width: 76%;
  float: left;
  color: #bfbfbf;
  padding: 0 12%;
  overflow: hidden;
}
#relatedContainer h2 {
  text-align: center;
  line-height: 43px;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  margin-top: 60px;
}
#relatedContainer .dots {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 50px;
}
#relatedContainer .dots span {
  margin: 0 5px;
}
#relatedContainer .dots span.selected {
  color: #292929;
}
#relatedContainer .relatedType {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 19px;
  margin-top: 15px;
  line-height: 19px;
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
}
#relatedContainer .relatedType .type1 {
  margin-right: -10px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
#relatedContainer .relatedType .type2 {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}
#relatedContainer .relatedType span {
  padding: 10px;
  line-height: 16px;
  cursor: pointer;
  width: 100%;
  border: 1px solid #FF2C14;
  border-radius: 5px;
  color: #FF2C14;
  background-color: #FFF;
  padding-left: 30px;
  padding-right: 30px;
}
#relatedContainer .relatedType span.selected {
  color: #FFF;
  background-color: #FF2C14;
}
#relatedContainer .relatedList {
  margin-top: 70px;
  height: 340px;
  min-width: 100%;
  position: relative;
  float: left;
  overflow: hidden;
}
#relatedContainer .relatedList .list {
  list-style-type: none;
  position: absolute;
  height: 100%;
  width: 100%;
}
#relatedContainer .relatedList li {
  float: left;
  height: 100%;
  width: 170px;
  position: relative;
}
#relatedContainer .relatedList li a {
  float: left;
  width: 100%;
}
#relatedContainer .relatedList li .imgContainer {
  text-align: center;
  float: left;
  width: 100%;
}
#relatedContainer .relatedList li .imgContainer img {
  width: auto;
  height: 70%;
}
#relatedContainer .relatedList li .modelNamePrice {
  width: 100%;
  color: #262626;
  font-size: 18px;
}
#relatedContainer .relatedList li .modelName {
  text-align: center;
  margin-top: 25px;
  line-height: 18px;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  text-transform: capitalize;
}
#relatedContainer .relatedList li .discounted-price {
  font-size: 17px;
  color: #ff2c14;
  text-align: center;
  line-height: 18px;
  margin-top: 10px;
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
}
#relatedContainer .relatedList li .price {
  text-align: center;
  line-height: 18px;
  margin-top: 10px;
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
}
#relatedContainer .relatedList li .price.discounted {
  font-size: 12px;
  color: #adadad;
  text-decoration: line-through;
}
#relatedContainer .relatedList li .boxQty {
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  font-size: 10px;
  letter-spacing: -0.02em;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
}
#relatedContainer .relatedList li .preorder {
  font-size: 0.9em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  color: #76c661;
  margin-top: 5px;
  text-align: center;
}
#relatedContainer .relatatedSelImg {
  text-align: center;
  margin-top: 35px;
  float: left;
  width: 100%;
}
#relatedContainer .relatatedSelImg .icon {
  height: 7px;
  color: #d1d1d1;
  margin: 5px;
  font-size: 12px;
}
#relatedContainer .relatatedSelImg .icon.selected {
  color: #262626;
}

#featuresContainer {
  background-color: #ebebeb;
  padding-top: 40px;
  margin-top: 45px;
  width: 100%;
  height: 100%;
  float: left;
  font-size: 14px;
}
#featuresContainer .itemDescription {
  padding-right: 12%;
  padding-left: 12%;
  color: #b8b8b8;
  line-height: 35px;
  margin-top: 20px;
  margin-bottom: 50px;
  font-family: MetaSerifPro, Georgia, Serif;
  font-size: 19px;
}
#featuresContainer .itemDescription:first-letter {
  font-size: 50px;
}
#featuresContainer .itemYoutubeContainer {
  clear: both;
  position: relative;
  padding-bottom: calc(76% / 1.77778);
  margin: 0 12% 50px;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
#featuresContainer .itemYoutubeContainer iframe,
#featuresContainer .itemYoutubeContainer object,
#featuresContainer .itemYoutubeContainer embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#featuresContainer .contentDescription {
  line-height: 28px;
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
}
#featuresContainer .contentDescription b {
  color: #b3b3b3;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}
#featuresContainer .technicalImage {
  float: left;
  width: 38%;
  margin-right: 2%;
  margin-left: 12%;
  background-color: #fff;
  padding-bottom: 30px;
  color: #b8b8b8;
  padding-top: 50px;
  margin-bottom: 50px;
  text-align: center;
}
#featuresContainer .technicalImage img {
  width: 80%;
  height: auto;
}
#featuresContainer .technicalImage .techIcon {
  margin-top: 40px;
  font-size: 60px;
}
#featuresContainer .technicalImage .techIcon span {
  margin-right: 5px;
}
#featuresContainer .technicalImage .features {
  text-align: center;
  float: left;
  width: 100%;
  margin-top: 30px;
  font-size: 13px;
}
#featuresContainer .technicalImage .features div {
  margin-top: 20px;
}
#featuresContainer .technicalImage .features div img {
  margin-right: 15px;
}
#featuresContainer .techFileWrapper,
#featuresContainer .technicalSpecs {
  width: 38%;
  float: left;
  margin-bottom: 50px;
  color: #b2b2b2;
}
#featuresContainer .techFileWrapper h2,
#featuresContainer .technicalSpecs h2 {
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  margin-bottom: 30px;
}
#featuresContainer .techFileWrapper h3,
#featuresContainer .technicalSpecs h3 {
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 55px;
}
#featuresContainer .techFileWrapper .techFileContainer,
#featuresContainer .technicalSpecs .techFileContainer {
  float: left;
  min-height: 150px;
}
#featuresContainer .techFileWrapper .techFileContainer a,
#featuresContainer .technicalSpecs .techFileContainer a {
  color: inherit;
  text-decoration: inherit;
}
#featuresContainer .techFileWrapper .techFileContainer .description,
#featuresContainer .technicalSpecs .techFileContainer .description {
  font-size: 12px;
  line-height: 28px;
  text-align: center;
  margin-right: 18px;
  white-space: nowrap;
  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;
}
#featuresContainer .techFileWrapper .techFileWrapper,
#featuresContainer .technicalSpecs .techFileWrapper {
  margin-bottom: 0;
  width: 100%;
  min-width: 319px;
}
#featuresContainer .techFileWrapper .techFileWrapper .techFileContainer,
#featuresContainer .technicalSpecs .techFileWrapper .techFileContainer {
  width: 25%;
  min-width: 78px;
}
#featuresContainer .techFileWrapper .techFileContainer:hover .technicalFile.pdfIcon,
#featuresContainer .technicalSpecs .techFileContainer:hover .technicalFile.pdfIcon {
  /*	@include button;   WTF !?*/
  height: 98px;
  width: 78px;
  background-image: url('http://cdn2.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -1104px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #featuresContainer .techFileWrapper .techFileContainer:hover .technicalFile.pdfIcon,
  #featuresContainer .technicalSpecs .techFileContainer:hover .technicalFile.pdfIcon {
    background-image: url('http://cdn2.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -1048px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}
#featuresContainer .techFileWrapper .techFileContainer:hover .technicalFile.fabricIcon,
#featuresContainer .technicalSpecs .techFileContainer:hover .technicalFile.fabricIcon {
  /*	@include button;   WTF !?*/
  height: 98px;
  width: 78px;
  background-image: url('http://cdn2.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -1722px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #featuresContainer .techFileWrapper .techFileContainer:hover .technicalFile.fabricIcon,
  #featuresContainer .technicalSpecs .techFileContainer:hover .technicalFile.fabricIcon {
    background-image: url('http://cdn2.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -1651px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}
#featuresContainer .techFileWrapper .techFileContainer:hover .technicalFile.isoIcon,
#featuresContainer .technicalSpecs .techFileContainer:hover .technicalFile.isoIcon {
  /*	@include button;   WTF !?*/
  height: 98px;
  width: 78px;
  background-image: url('http://cdn2.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -1310px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #featuresContainer .techFileWrapper .techFileContainer:hover .technicalFile.isoIcon,
  #featuresContainer .technicalSpecs .techFileContainer:hover .technicalFile.isoIcon {
    background-image: url('http://cdn2.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -1249px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}
#featuresContainer .techFileWrapper .techFileContainer:hover .technicalFile.treDIcon,
#featuresContainer .technicalSpecs .techFileContainer:hover .technicalFile.treDIcon {
  /*	@include button;   WTF !?*/
  height: 98px;
  width: 78px;
  background-image: url('http://cdn2.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -898px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #featuresContainer .techFileWrapper .techFileContainer:hover .technicalFile.treDIcon,
  #featuresContainer .technicalSpecs .techFileContainer:hover .technicalFile.treDIcon {
    background-image: url('http://cdn2.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -847px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}
#featuresContainer .techFileWrapper .techFileContainer:hover .technicalFile.energyIcon,
#featuresContainer .technicalSpecs .techFileContainer:hover .technicalFile.energyIcon {
  /*	@include button;   WTF !?*/
  height: 98px;
  width: 78px;
  background-image: url('http://cdn2.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -1516px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #featuresContainer .techFileWrapper .techFileContainer:hover .technicalFile.energyIcon,
  #featuresContainer .technicalSpecs .techFileContainer:hover .technicalFile.energyIcon {
    background-image: url('http://cdn2.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -1450px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}
#featuresContainer .techFileWrapper .techFileContainer:hover .description,
#featuresContainer .technicalSpecs .techFileContainer:hover .description {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity 300ms ease 600ms;
  -o-transition: opacity 300ms ease 600ms;
  -webkit-transition: opacity 300ms ease;
  -webkit-transition-delay: 600ms;
  transition: opacity 300ms ease 600ms;
}
#featuresContainer .techFileWrapper .technicalFile,
#featuresContainer .technicalSpecs .technicalFile {
  margin-right: 16px;
  margin-top: 16px;
  cursor: pointer;
}
#featuresContainer .techFileWrapper .technicalFile.pdfIcon,
#featuresContainer .technicalSpecs .technicalFile.pdfIcon {
  /*	@include button;   WTF !?*/
  height: 98px;
  width: 78px;
  background-image: url('http://cdn2.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -1001px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #featuresContainer .techFileWrapper .technicalFile.pdfIcon,
  #featuresContainer .technicalSpecs .technicalFile.pdfIcon {
    background-image: url('http://cdn2.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -948px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}
#featuresContainer .techFileWrapper .technicalFile.fabricIcon,
#featuresContainer .technicalSpecs .technicalFile.fabricIcon {
  /*	@include button;   WTF !?*/
  height: 98px;
  width: 78px;
  background-image: url('http://cdn2.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -1619px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #featuresContainer .techFileWrapper .technicalFile.fabricIcon,
  #featuresContainer .technicalSpecs .technicalFile.fabricIcon {
    background-image: url('http://cdn2.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -1551px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}
#featuresContainer .techFileWrapper .technicalFile.isoIcon,
#featuresContainer .technicalSpecs .technicalFile.isoIcon {
  /*	@include button;   WTF !?*/
  height: 98px;
  width: 78px;
  background-image: url('http://cdn2.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -1207px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #featuresContainer .techFileWrapper .technicalFile.isoIcon,
  #featuresContainer .technicalSpecs .technicalFile.isoIcon {
    background-image: url('http://cdn2.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -1149px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}
#featuresContainer .techFileWrapper .technicalFile.treDIcon,
#featuresContainer .technicalSpecs .technicalFile.treDIcon {
  /*	@include button;   WTF !?*/
  height: 98px;
  width: 78px;
  background-image: url('http://cdn2.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -795px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #featuresContainer .techFileWrapper .technicalFile.treDIcon,
  #featuresContainer .technicalSpecs .technicalFile.treDIcon {
    background-image: url('http://cdn2.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -747px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}
#featuresContainer .techFileWrapper .technicalFile.energyIcon,
#featuresContainer .technicalSpecs .technicalFile.energyIcon {
  /*	@include button;   WTF !?*/
  height: 98px;
  width: 78px;
  background-image: url('http://cdn2.yoox.biz/Os/kartell/generated_images/componentsSprite-sc882152093.png');
  background-position: 0 -1413px;
  background-repeat: no-repeat;
  background-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  #featuresContainer .techFileWrapper .technicalFile.energyIcon,
  #featuresContainer .technicalSpecs .technicalFile.energyIcon {
    background-image: url('http://cdn2.yoox.biz/Os/kartell/generated_images/componentsSprite2x-s86d670c4ef.png');
    background-position: 0 -1350px;
    -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
    -webkit-background-size: 78px auto;
    background-size: 78px auto;
  }
}

#contactUs {
  margin-top: 60px;
  margin-left: 38.5%;
}

.contractForm {
  margin-top: 3em;
  background-color: #fff;
  float: left;
  width: 100%;
  overflow: hidden;
}
.contractForm.closed {
  height: 0;
}
.contractForm h3 {
  color: #000;
  font-size: 4em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  padding-left: 2%;
  margin-top: 2em;
}
.contractForm .label {
  font-size: 1.3em;
  color: #b2b2b2;
  padding: 2%;
}
.contractForm .fieldRow {
  float: left;
  width: 40%;
  padding: 1.5em;
}
.contractForm .interestedProduct {
  float: left;
  width: 40%;
  font-size: 1.4em;
  padding: 0 2%;
  margin-bottom: 2em;
}
.contractForm .interestedProduct .label {
  margin-bottom: 2em;
  color: #121212;
}
.contractForm .interestedProduct .checkCategory {
  color: #c9c9c9;
}
.contractForm .interestedProduct .checkCategory input {
  color: #c9c9c9;
}
.contractForm .interestedProduct .checkCategory.checked {
  color: #121212;
}
.contractForm .interestedProduct .checkCategory.checked input {
  color: #121212;
}
.contractForm .interestedProduct .checkCategory .fieldRow {
  padding: 0 1.5em;
}
.contractForm .notes {
  float: left;
  width: 40%;
  font-size: 1.4em;
  color: #121212;
  padding: 0 2%;
  margin-bottom: 2em;
}
.contractForm .notes .label {
  margin-bottom: 2em;
  color: #121212;
}

/* BEGIN CONTRACT FORM  */
#btnContact {
  float: right;
  margin-right: 4%;
  margin-bottom: 2em;
}

#reset {
  float: left;
  margin-left: 2%;
}

#furnishingsImg {
  float: left;
  width: 100%;
}
#furnishingsImg img {
  width: 100%;
  height: auto;
}

#newsContainer {
  float: left;
  background-color: #ebebeb;
  width: 100%;
}
#newsContainer A {
  color: inherit;
  text-decoration: none;
}
#newsContainer h2 {
  text-align: center;
  color: #b8b8b8;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  margin-top: 90px;
  z-index: 10;
  background-color: #ebebeb;
  letter-spacing: -0.02em;
}
#newsContainer .dateTime {
  font-family: MetaSerifProItalic, Georgia, Serif;
  color: #bfbfbf;
  font-size: 15px;
  line-height: 35px;
}
#newsContainer .newsBox {
  padding-bottom: 50px;
  margin: 50px auto;
  width: 76%;
  overflow: hidden;
}
#newsContainer .box {
  width: 20%;
}
@media only screen and (max-width: 3072px) {
  #newsContainer .box {
    width: 19.9%;
  }
}
@media only screen and (max-width: 2560px) {
  #newsContainer .box {
    width: 24.9%;
  }
}
@media only screen and (max-width: 2048px) {
  #newsContainer .box {
    width: 33.23333%;
  }
}
#newsContainer .box:hover img {
  margin: -10% 0 0 -10%;
  width: 120%;
}
#newsContainer .box:hover h3 {
  text-decoration: underline;
}
#newsContainer .box {
  float: left;
}
#newsContainer .box .content {
  background-color: white;
  margin: 8px;
  overflow: hidden;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#newsContainer .box .description {
  text-align: left;
  margin: 2.3em 1.6em 2.7em 2.3em;
  overflow: hidden;
}
#newsContainer .box .type {
  font-size: 1.5em;
  font-family: MetaSerifProItalic, Georgia, Serif;
}
#newsContainer .box .name {
  font-size: 2em;
  padding-top: 0.4em;
  line-height: 1em;
  overflow: hidden;
}
#newsContainer .box .cta {
  color: #b2b2b2;
  font: 1.2em "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  padding-top: 1.2em;
  float: left;
  -moz-transition: color 300ms ease;
  -o-transition: color 300ms ease;
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
}
#newsContainer .box .icon {
  float: right;
}
#newsContainer .box .content:hover .cta {
  color: #ff2c14;
}
#newsContainer .box .amount {
  background-color: #73c85c;
  padding: 0.5em 1em;
  float: right;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#newsContainer .box .amount .price {
  color: white;
  font: 1.6em "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}
#newsContainer .box .wx .amount,
#newsContainer .box .price-full,
#newsContainer .box .setof .boxquantity,
#newsContainer .box .color {
  display: none;
}
#newsContainer .box .image {
  overflow: hidden;
}
#newsContainer .box .image IMG {
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
#newsContainer .box .cta {
  width: 100%;
}
#newsContainer .box .overlay {
  display: none;
}

#designerContainer {
  background-color: #ccc;
}
#designerContainer .content {
  margin: 9em;
  overflow: hidden;
}
#designerContainer .imgDesigner {
  margin-right: 8%;
  width: 32%;
  float: left;
}
#designerContainer .imgDesigner img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#designerContainer .designerInformation {
  color: #fff;
  font-size: 1.9em;
  font-family: MetaSerifProItalic, Georgia, Serif;
  line-height: 3.5em;
  margin-top: 1em;
  width: 60%;
  float: left;
}
#designerContainer .designerInformation .bodycopy {
  line-height: 2em;
}
#designerContainer .designerInformation .labeltop,
#designerContainer .designerInformation b {
  font-size: 17px;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  font-style: normal;
  margin-top: 2em;
  display: block;
}
#designerContainer .designerInformation .label,
#designerContainer .designerInformation div {
  text-transform: uppercase;
  font-size: 12px;
  color: #757575;
  font-style: normal;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}
#designerContainer .designerInformation p {
  padding: 0;
  margin: 0;
  line-height: 1em;
}

#contractContainer {
  background-color: #171717;
}
#contractContainer .contractContent {
  font-family: MetaSerifPro, Georgia, Serif;
  color: #909091;
  line-height: 43px;
  text-align: center;
}
#contractContainer .content {
  margin: 9em;
  overflow: hidden;
}
#contractContainer .headline,
#contractContainer h2 {
  text-align: center;
  font: 4.5em "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  color: #fff;
}
#contractContainer .bodycopy {
  font-size: 1.9em;
}
#contractContainer .ctabutton,
#contractContainer .btnContract {
  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;
  font-size: 12px;
  padding: 0;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 87px;
}
#contractContainer .ctabutton:hover, #contractContainer .ctabutton:focus,
#contractContainer .btnContract:hover,
#contractContainer .btnContract:focus {
  background-color: #dedede;
  color: #828282;
  border-color: #dedede;
}
#contractContainer .btn {
  float: left;
  width: 100%;
  text-align: center;
}

.contractFormLayer {
  text-align: left;
}
.contractFormLayer .gform_wrapper {
  width: 700px;
  margin: 0 auto;
}
.contractFormLayer.fixed-layout {
  padding: 87px 20px 95px;
}
.contractFormLayer .gform_heading {
  /**
  * 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.
  */
}
.contractFormLayer .gform_heading:before, .contractFormLayer .gform_heading:after {
  content: " ";
  display: table;
}
.contractFormLayer .gform_heading:after {
  clear: both;
}
.contractFormLayer .gform_heading {
  *zoom: 1;
}
.contractFormLayer h3.gform_title {
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  font-size: 6.6em;
  text-align: center;
  color: white;
  display: none;
}
.contractFormLayer span.gform_description {
  font-size: 1.7em;
  color: #757575;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  text-align: center;
  margin: 0 0 24px 0;
  display: block;
}
.contractFormLayer ul.gform_fields {
  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.
  */
}
.contractFormLayer ul.gform_fields:before, .contractFormLayer ul.gform_fields:after {
  content: " ";
  display: table;
}
.contractFormLayer ul.gform_fields:after {
  clear: both;
}
.contractFormLayer ul.gform_fields {
  *zoom: 1;
}
.contractFormLayer .button {
  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: 155px;
  float: right;
  margin: 10px;
  font-size: 1.2em;
  text-transform: uppercase;
}
.contractFormLayer .button:hover, .contractFormLayer .button:focus {
  background-color: #454545;
  color: #fff;
  border-color: #454545;
}
.contractFormLayer .cbNewsletter {
  float: left;
}
.contractFormLayer .cbNewsletter .cbInputWrapper {
  width: 46px;
}
.contractFormLayer .gform_body,
.contractFormLayer .gform_footer {
  width: 600px;
  margin: 0 auto;
  /**
  * 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.
  */
}
.contractFormLayer .gform_body:before, .contractFormLayer .gform_body:after,
.contractFormLayer .gform_footer:before,
.contractFormLayer .gform_footer:after {
  content: " ";
  display: table;
}
.contractFormLayer .gform_body:after,
.contractFormLayer .gform_footer:after {
  clear: both;
}
.contractFormLayer .gform_body,
.contractFormLayer .gform_footer {
  *zoom: 1;
}
.contractFormLayer form {
  position: relative;
}
.contractFormLayer .loadingAnimationWrapper {
  z-index: 99;
  opacity: 0.8;
  background: #171717;
}
.contractFormLayer .validation_error,
.contractFormLayer .gform_ajax_spinner {
  display: none;
}

#field_1_19 a, #field_1_20 a {
  color: #969696;
}
#field_1_19 .innerField, #field_1_20 .innerField {
  color: #000;
}

li.gfield {
  display: block;
  float: left;
  clear: none;
  width: 300px;
  position: relative;
  text-align: left;
  /* form book item */
  /******************/
}
#gform_2 li.gfield.gfield_no_follows_desc {
  color: #ccc;
}
#gform_2 li.gfield#field_2_5 select, #gform_2 li.gfield#field_2_4 select {
  background: #fff;
}
#gform_2 li.gfield#field_2_5 .fieldLabel, #gform_2 li.gfield#field_2_4 .fieldLabel {
  display: none;
}
#gform_2 li.gfield#field_2_6, li.gfield#field_2_7, li.gfield#field_2_8 {
  width: 100%;
}
#gform_2 li.gfield#field_2_14 {
  left: -100px;
  top: -49px;
  width: 134%;
  position: relative;
}
#gform_2 li.gfield#field_2_14 img {
  width: 100%;
}
#gform_2 li.gfield#field_2_9 {
  color: black;
  font-size: 40px;
  font-weight: bolder;
  width: 100%;
  margin-bottom: 25px;
  margin-top: -35px;
}
#gform_2 li.gfield#field_2_17.secure .innerField, #gform_2 li.gfield#field_2_17.secure .innerField a {
  color: #000;
}
li.gfield.gfield_error input[type="text"],
li.gfield.gfield_error input[type="email"],
li.gfield.gfield_error input[type="tel"],
li.gfield.gfield_error select,
li.gfield.gfield_error textarea {
  border-color: #ff2c14;
}
li.gfield.gfield_error label.fl-filled {
  display: none;
}
li.gfield span.gfield_required {
  display: none;
}
li.gfield.doubleinput {
  width: 100%;
}
li.gfield.doubleinput > .fieldLabel {
  display: none;
}
li.gfield.doubleinput .fieldRow {
  float: left;
  width: 50%;
}
li.gfield.largeField {
  width: 100%;
}
li.gfield.largeField select {
  width: 592px;
}
li.gfield.secure {
  width: 100%;
  clear: both;
  font-size: 1.2em;
}
li.gfield.secure .innerField {
  color: white;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}
li.gfield.checkbox {
  margin: 0;
}
li.gfield.checkbox a {
  color: #000;
  text-decoration: underline;
}
li.gfield.checkbox label.gfield_label {
  display: none;
}
li.gfield.checkbox .cbInputWrapper {
  float: left;
  width: 46px;
}
li.gfield.checkbox .fieldLabel {
  width: 550px;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}
li.gfield.checkbox .fl-label {
  font-size: 12px;
}
li.gfield.checkbox label {
  color: #000;
}
li.gfield.checkbox .validation_message {
  top: -13px;
  left: 45px;
  position: absolute;
}
li.gfield select {
  overflow: visible;
}
li.gfield label.fl-typing,
li.gfield label.fl-filled {
  left: 14px;
}
li.gfield .validation_message {
  color: #ff2c14;
  display: block;
  padding: 5px 0;
}
li.gfield.nlCheckbox .fieldLabel {
  width: 250px;
}
li.gfield.nlCheckbox .fl-label {
  font-size: 20px;
  font-family: "HelveticaNeueW02-UltLt", Helvetica, Arial, sans-serif;
}
li.gfield .typeSelect .icon {
  right: 4em;
}
li.gfield input[type="text"],
li.gfield input[type="email"],
li.gfield input[type="tel"],
li.gfield select,
li.gfield textarea {
  width: 290px;
  background: #383838;
  border-color: #383838;
  color: white;
  font-size: 1.7em;
}
#gform_2 li.gfield input[type="text"], #gform_2
li.gfield input[type="email"], #gform_2
li.gfield input[type="tel"], #gform_2
li.gfield select, #gform_2
li.gfield textarea {
  background: #ccc;
  border-color: #ccc;
}
li.gfield input[type="text"],
li.gfield input[type="email"],
li.gfield input[type="tel"],
li.gfield select {
  margin: 0px 10px 0px 0;
  padding-left: 0.8em;
  height: 52px;
}
li.gfield select {
  color: #828282;
  border-color: #828282;
  background: none;
  padding: 12px 0.5em;
}
li.gfield textarea {
  height: 175px;
  width: 590px;
  padding: 18px 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  margin: 1px 1px 11px 1px;
  resize: none;
  padding-left: 0.7em;
}
li.gfield input[type="checkbox"], li.gfield fieldLabel, li.gfield .cb {
  float: left;
}

li.gfield_html {
  float: none;
  font-size: 1.3em;
}

.nlCheckbox label {
  font-size: 17px;
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
}
.nlCheckbox label span {
  color: #ff2c14;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}

.gform_confirmation_message {
  height: 35em;
  text-align: center;
}
.gform_confirmation_message .icon-check {
  font-size: 5em;
  margin: 0.7em;
  display: block;
  color: #000;
}
.gform_confirmation_message .icon-close {
  display: none;
}
.gform_confirmation_message .title {
  font-size: 4em;
  font-family: "HelveticaNeueW02-UltLt", Helvetica, Arial, sans-serif;
  letter-spacing: 0.02em;
}
.gform_confirmation_message p {
  font-size: 1.6em;
  color: #808080;
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
  padding: 28px;
}
.gform_confirmation_message p.error {
  color: #ff2c14;
}

#gform_2 #gform_submit_button_2 {
  background-color: #66cbff;
  border: none;
}
#gform_2 #gform_submit_button_2:hover {
  background-color: #000;
}

/* END CONTRACT FORM */
#galleryContainer, #designerContainer, #newsContainer, #contractContainer {
  float: left;
  width: 100%;
  overflow: hidden;
}
#galleryContainer img, #designerContainer img, #newsContainer img, #contractContainer img {
  width: 100%;
  height: auto;
}

#galleryContainer {
  position: relative;
  min-height: 600px;
}
#galleryContainer #videoPoster {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
#galleryContainer #videoPoster.isPlaying {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
#galleryContainer #videoControl {
  font-size: 70px;
  position: absolute;
  top: 50%;
  color: #fff;
  width: 100%;
  text-align: center;
  margin-top: -35px;
}
#galleryContainer .rsVideoFrameHolder {
  background-color: black;
}
#galleryContainer .rsArrow.rsArrowLeft {
  width: 10%;
  height: 100%;
  position: absolute;
  cursor: url(http://cdn2.yoox.biz/OS/kartell/images/left.cur), move !important;
}
#galleryContainer .rsArrow.rsArrowRight {
  width: 10%;
  height: 100%;
  position: absolute;
  right: 0;
  cursor: url(http://cdn2.yoox.biz/OS/kartell/images/right.cur), move !important;
}

.confirmLayer {
  font-family: "HelveticaNeueW02-55Roma", Helvetica, Arial, sans-serif;
  margin: 0 27px 20px 0;
  font-size: 1.3em;
}
.confirmLayer a {
  color: #000;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  float: left;
  margin-top: 15px;
}

#contractSlideshow {
  float: left;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
}
#contractSlideshow .contractFooter {
  width: 100%;
  position: absolute;
  height: 65px;
  bottom: 0;
  background: #000;
  font-size: 15px;
  line-height: 65px;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}
#contractSlideshow .imgNumber {
  color: #7d7d7d;
  margin-left: 20px;
  float: left;
}
#contractSlideshow .description {
  font-family: MetaSerifProItalic, Georgia, Serif;
  float: left;
  margin-left: 10px;
  color: #fff;
}
#contractSlideshow .content {
  position: relative;
  height: 100%;
}

@media screen and (max-width: 1024px) {
  h2 {
    font-size: 40px;
  }

  #relatedContainer .relatedType.sameFamily {
    font-size: 18px;
  }

  #featuresContainer .itemDescription {
    font-size: 16px;
    line-height: 31px;
  }
  #featuresContainer .technicalSpecs h3 {
    font-size: 18px;
  }

  #designerContainer .designerInformation {
    font-size: 16px;
    line-height: 31px;
  }

  #itemInformation {
    margin: 0;
  }

  #topBar .navigation .back {
    margin-left: 0;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  h2 {
    font-size: 55px;
  }

  #relatedContainer .relatedType.sameFamily {
    font-size: 28px;
  }

  #featuresContainer .itemDescription {
    font-size: 22px;
    line-height: 40px;
  }
  #featuresContainer .technicalSpecs h3 {
    font-size: 22px;
  }

  #designerContainer .designerInformation {
    font-size: 22px;
    line-height: 40px;
  }

  #itemInformation {
    margin: 0 25%;
  }

  #topBar .navigation .back {
    margin-left: 25%;
  }
}
@media only screen and (max-width: 1440px) {
  .itemPromo .callToAction {
    padding: 20px;
  }
}
html.ie9 #relatedContainer .relatedList li .color .miniThumbsColorImg, html.ielt9 #relatedContainer .relatedList li .color .miniThumbsColorImg {
  margin-left: 0;
}

.itemNotAvailablePopup h2.sectionTitleHeader {
  font-size: 3.5em;
}
.itemNotAvailablePopup .sectionSubTitleHeader {
  font-size: 1.5em;
  margin: 1em 0;
}
.itemNotAvailablePopup #frmNotAvailable #fatturazioneTitle, .itemNotAvailablePopup #frmNotAvailable #spedizioneTitle, .itemNotAvailablePopup #frmNotAvailable #datiTitle {
  color: #828282;
  font-size: 2em;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
  margin: 1em 0;
}
.itemNotAvailablePopup #frmNotAvailable #fatturazioneContainer {
  display: none;
}
.itemNotAvailablePopup #frmNotAvailable #buttonSubmit {
  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: 0 0 40px;
}
.itemNotAvailablePopup #frmNotAvailable #buttonSubmit:hover, .itemNotAvailablePopup #frmNotAvailable #buttonSubmit:focus {
  background-color: #454545;
  color: #fff;
  border-color: #454545;
}
.itemNotAvailablePopup #frmNotAvailable textarea {
  padding: 30px 15px;
  resize: none;
}
.itemNotAvailablePopup #frmNotAvailable #disclaimerContainer {
  font-size: 1em;
  color: #828282;
  padding: 1.6em 1.2em;
  border: 1px solid #c9c9c9;
  margin: 1em 0;
}
.itemNotAvailablePopup #thankyou {
  font-size: 1.5em;
}
.itemNotAvailablePopup#cboxOverlay {
  z-index: 100;
}

#cboxOverlay {
  z-index: 9999;
}

#sizeConv h1 {
  font-size: 15px;
  text-transform: uppercase;
  font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif;
}
#sizeConv .description {
  font-size: 13px;
}

#tableSize {
  font-size: 13px;
  margin-top: 20px;
}
#tableSize .ty {
  width: 100%;
}
#tableSize .headCol1, #tableSize .headCol2 {
  width: 150px;
}

/** Salone2016 rules. */
#backToSpecial {
  width: 25%;
  position: absolute;
  top: 18px;
  left: 40px;
  z-index: 1;
}
#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;
  color: #000;
}