/*fix per blink e fixed non funzionanti*/

body{
	-webkit-transform: translate3d(0, 0, 0);
   -webkit-transform:none!important;
   /*-webkit-transform-style: preserve-3d;*/
   -webkit-backface-visibility: hidden;
}
#back-top{
	-webkit-transform:none!important;
}

/*piccoli fixes*/

#thumbs-xpoint {
	z-index: 100;
}
.prodottipoint .padding{
	background-color: transparent;
}

#prodotti-area, #prodotti-area .container, #prodotti-area .row{
	position: static;
	height: 220px;
}
#prodotti-area #boxinsidefull{
	margin: 14px 0;
}

#progress-bar{
	/*bottom: 10%;*/
	bottom: 8%;
}

.disegni-ragazza{
	-webkit-transform:none;
}

/*banner guanciali in home page*/
#guancialintro h1{
	color: #91B153;
	line-height: 1.2;
}
/*goto intro zefiro*/
#goto{
	cursor: pointer;
}
/*freccette in sostituzione di '>'*/
.ssg-icon{
	font-size: .9em;
}
.ssg-icon.ontheright{
	margin-left: .3em;
	top: 2px;
}
.ssg-icon.ontheleft{
	margin-right: .3em;
}

/*frecce roll links home page*/


.home2014 .roll-link span {
	display: block;
	position: relative;
	text-indent: 2px;
	border-bottom: 1px dotted white;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	transition: all 400ms ease;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	padding: 3px 40px 3px 14px;
	height: 31px;
	text-align: center;
	background: transparent;
	z-index: 500!important;
}
.home2014 .roll-link span.ssg-icon{
	display: block;
	border: none;
	position: absolute;
	right: -25px;
	top: 3px;
	width: auto;
	z-index: 1000!important;
}

.home2014 .roll-link span:after{
	display: inline-block;
	text-indent: -18px;
	z-index: -100;
}
.home2014 .roll-link span.ssg-icon:after{
	background-color: transparent;
	z-index: -10;
}
.home2014 .roll-link:hover span.ssg-icon {
    background: transparent;
    -webkit-transform: translate3d( 0px, 0px, -30px ) rotateX( 91deg );
   -moz-transform: translate3d( 0px, 0px, -30px ) rotateX( 91deg );
   -ms-transform: translate3d( 0px, 0px, -30px ) rotateX( 91deg );
   transform: translate3d( 0px, 0px, -30px ) rotateX( 91deg );
}

/*test*/

.roll-link.hovered span {
        background: #7A8F52;
        -webkit-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
       -moz-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
       -ms-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
       transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
}


/*test*/

/*padding top dettaglio prodotti dopo aver spostato la barra addthis*/
#contenuto {
	padding-top: 2.5em;
}
#dettaglio-tabs{
	margin-top: 40px;
}
/*colore h1 e p schede prodotto*/
#contenuto h1{
	color: #111;
}
#contenuto p{
	color: #666;
}


/*--------------------------------------------------------*/
/*post da facebook*/
/*--------------------------------------------------------*/

.facebook-wall-row img{
	max-width: 100%;
}
.facebook-wall-row{
	float: left;
	width: 100%;
	background-color: #F2F5EF;
	padding: 5em 0 5em;
}
.fb-wall * {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;   
	box-sizing: border-box;
}
.fb-wall-title{
	text-align: center;
	font-weight: lighter;
	text-transform: uppercase;
	margin-bottom: 2.125em;
	font-size: 2.188em;
}
#fb-list{
	margin-bottom: 1.875em;
	padding-left: 0;
}
.fb-post{
	float: left;
	width: 50%;
	padding: 1.250em;
	display: inline-block;
	list-style-type: none;
}
@media (min-width: 1100px) {
  .fb-post {
    width: 33.3%;
	}
}
.fb-post-inner{
	padding: 1.250em 1.250em 2.188em;
	background-color: #ffffff;
	text-align: center;
	letter-spacing: 1px;
}
.fb-post-picture{
	margin-bottom: 1.875em;
	-webkit-transform:none!important;
}
.fb-post-picture:hover{
	opacity: .9;
}
.fb-post-picture img{
	
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transform:none!important;
}
.fb-post-date{
	display: block;
	margin-bottom: 2.188em;	
}
.fb-post-date span{
	text-transform: uppercase;
	font-size: 0.750em;
	font-weight: bold;
	padding: 0 0.625em 0.625em;
	border-bottom: 1px solid #444;
}
.fb-post-message{
	margin-bottom: 1.563em;
	word-wrap: break-word;
}
.fb-post-message a{
	font-size: 1,125em;
	margin-bottom: 1.875em;
	padding: 0 1.875em;
	font-weight: lighter;
	color: #9b9b9b;
	-webkit-transform:none!important;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	
}
@media (min-width: 1100px) {
  .fb-post-message a{
  	font-size: 0.9em;
  }
}
.fb-post-message a:hover{
	color: #333;
}
.fb-post-footer a{
	color: #619EC9;
	font-weight: normal;
	font-family: "pragmatica-web-condensed-1","pragmatica-web-condensed-2",sans-serif;
	font-size: .8em;
}
.fb-post-footer a:hover{
	color: #4765a2;
}
.fb-post-footer span{
	display: inline-block;
}
.fb-post-footer-icon{
	font-size: 1.2em;
	top: .2em;
	margin-right: .3em;
}
.fb-post-footer-name{
	font-size: 1em;
	font-weight: bold;
}
.fb-link-to-page{
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}
.fb-link-to-page a{
	color: #619EC9;
	font-size: 1.250em;
	line-height: 1.250em;
}
.fb-link-to-page .roll-link span {
	border-bottom: 1px dotted #619EC9;
}
.fb-link-to-page .roll-link span:after{
	background-color: #619EC9;
}


/*--------------------------------------------------------*/
/*nuova navigazione bread crumbs + dropdown*/
/*--------------------------------------------------------*/

ul, ol {
	padding: 0;
	margin: 0 0 0 0;
}
.bd-wrapper{
	margin: 30px 0 10px;
	z-index: 1000;
	letter-spacing: 1px;
	font-family: pragmatica-web-1, pragmatica-web-2, sans-serif;
}
@media (max-width: 1024px) { 
	.bd-wrapper{
		padding: 0 10px;
	}
}
.bd-wrapper.open{
	-moz-box-shadow: 0 0 5px #c84848;
	-webkit-box-shadow: 0 0 5px #c84848;
	box-shadow: 0 0 5px #c84848;
}
li.bd-title{
	font-weight: bold;
	color: #000;
	padding-left: 0!important;
	margin-right: 20px;
	z-index: 1001;
}
li.bd-title > a{
	padding-right: 5px!important;
	padding-left: 0!important;
}
.bd-wrapper > ul > li:before {
	content: '/';
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 5px;
	z-index: -1;
}
.bd-wrapper > ul > li:first-child:before {
	right: -14px;
	font-weight: normal;
	color: #666;
}
.bd-wrapper > ul > li:last-child:before {
	content: '';
}
.bd-item.open > a{
	z-index: 1003;
}
.bd-wrapper ul li ul{
	display:none;
}
.bd-wrapper ul {
	/*text-align:center;*/
	text-transform: uppercase;
	font-size: 11px;
}
.bd-wrapper > ul > li  {
	display: inline-block;
}
.bd-wrapper > ul > .bd-item:after {
	content: '▾';
	font-family: "SSStandard";
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-rendering: optimizelegibility;
	white-space: nowrap;
	-moz-font-feature-settings: "liga";
	font-size: 7px;
	line-height: 10px;
	color: #ccc;
	display: inline-block;
	position: absolute;
	top: 16px;
	left: 3px;
	-webkit-transition:all 100ms linear;
	-moz-transition:all 100ms linear;
	-o-transition:all 100ms linear;
	transition:all 100ms linear;
}
.bd-wrapper ul > li:hover > a {
	color: #7A8F52;
}
.bd-item.open li{
	border-top: 1px solid #eeeeee;
}
.bd-wrapper ul li a {
	display:block;
	padding: 10px 20px 10px 18px;
}
.bd-wrapper ul >  li > ul {
	position:absolute;
	background:#f5f5f5;
	/*border: 1px solid #eeeeee;*/
	width: 100%;
	padding-top: 35px;
	padding-bottom: 0;
	top: 0;
	z-index: 1002;
	border-radius: 5px;
	width: 180px;
	z-index: 19;
}
.bd-wrapper ul li ul li {
	display: block;
	line-height: 15px;
	background-color: #f9f9f9;
	z-index: 20;
}
.bd-wrapper ul li ul li.last {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.bd-wrapper ul li ul li:hover a {
	color: #444;
}
.bd-item.open ul li:hover{
	background-color: #f1f1f1;
	color: #7A8F52;
}
/*nascondo active di wayfinder*/
.bd-item li.active{
	display: none;
}
/*bread attivo*/
.bd-item:last-child > a{
	color: #7A8F52;
}
/*nascondo ultimi xpoint*/
.bd-wrapper ul li ul li.level1{
	display: none;
}
/*differenzio sotto menu*/
.bd-item ul span:last-child{
	display: block;
	border-top: 1px solid #f1f1f1;
}


.bd-item li:hover a {
	color: #7A8F52;
}
.bd-item li a:hover {
	color: #7A8F52;
}

/*img finali*/

.bd-item.open ul li {
	position: relative;
}
.altri-m-box{
	z-index: 9;
	position: absolute;
	top: 0;
	left: 100%;
	display: none;
	padding: 25px 10px;
	background-color: #fff;
	border: 1px solid #ececec;
	border-radius: 5px;
	width: 250px;
/*	-moz-box-shadow: 0 0 40px #ececec;
	-webkit-box-shadow: 0 0 40px #ececec;
	box-shadow: 0 0 40px #ececec;*/
}
.bd-item.open ul li:hover .altri-m-box{
	display: block;
}
.altri-m-box img:hover{
	opacity: .9;
}
/*test*/
/*.altri-m-box p{
	display: none;
}
.altri-m-box p:first-of-type {
	display: block;
	/*text-align: center;*!/
	color: #333;
}*/



/*--------------------------------------------------------*/
/*pagina famiglia suite*/
/*--------------------------------------------------------*/

/*stili*/

img{
	max-width: 100%;
}
.color{
	color: #7AB165;
}
.bg-color{
	background-color: #6e9b77;
	color: #fff;
}

.s-row {
  margin-left: -20px;
  *zoom: 1;
}
.s-row:before,
.s-row:after {
  display: table;
  line-height: 0;
  content: "";
}

.s-row:after {
  clear: both;
}

[class*="s-span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}

.s-span12 {
  width: 940px;
}

.s-span11 {
  width: 860px;
}

.s-span10 {
  width: 780px;
}

.s-span9 {
  width: 700px;
}

.s-span8 {
  width: 620px;
}

.s-span7 {
  width: 540px;
}

.s-span6 {
  width: 460px;
}

.s-span5 {
  width: 380px;
}

.s-span4 {
  width: 300px;
}

.s-span3 {
  width: 220px;
}

.s-span2 {
  width: 140px;
}

.s-span1 {
  width: 60px;
}

/*intro*/

#contenitore-pagina{
	background: url(/img/2014/bg-iniziale.jpg) repeat-x center top, url(/img/2014/bg-bottom.jpg) repeat-x center bottom;
}

#intro{

	margin-bottom: 80px;
}
#intro #logo{
	position: absolute;
	top: 120px;
	left: 60%;
	margin-left: -71px;
}
#intro-btn{
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	text-align: center;
}
#intro a span{
	text-transform: uppercase;
}
.arrow {
	visibility: hidden;
}
.top-link{
	/*width: 183px;*/
	margin: 0 30px;
}
.top-link:hover .arrow{
	-webkit-animation:arrowLoop 2s infinite ease-in-out;
	-moz-animation:arrowLoop 2s infinite ease-in-out;
	 animation:arrowLoop 2s infinite ease-in-out;
	visibility: visible;
}

.arrow img{
	width: 25px;
	height: auto;
}

/*informazioni*/

#informazioni{
	padding-top: 30px;
}
#informazioni strong{
	color: #666;
}
#intro-testuale{
	text-align: center;
	width: 80%;
	margin: 0 auto 150px;
	font-size: 120%;
}
#intro-testuale h1{
	text-transform: uppercase;
	font-weight: normal;
	font-size: 30px;
}
#intro-testuale em.bigger{
	font-weight: lighter;
	font-size: 120%;
	display: inline-block;
}
#intro-testuale hr{
	width: 40%;
	margin: 50px auto;
	border: 0;
    height: 2px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0)); 
}

#info-molle{
	margin-bottom: 50px;
}
#info-molle h2{
	text-transform: uppercase;
}
#box-molle{
	margin-top: 30px;
}
#box-molle img{
	float: left;
}
#box-molle .panel{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: right;
	width: 400px;
	padding: 20px 40px;
	border-radius: 10px;
}
#info-molle .s-span7:first-child{
	width: 500px;
	margin-right: 40px;
}
#box-molle .panel p{
	padding-top: 0;
	padding-bottom: 15px;
}
.icona-suite{
	width: 80px;
	height: auto;
}

#info-materiali{
	margin-bottom: 150px;
}
#info-materiali h2{
	text-transform: uppercase;
}
#info-materiali .s-row{
	margin-bottom: 100px;
}

#natur-gif{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100px;
	height: auto;
}

.s-span7.m-left{
	width: 450px;
	margin-left: 109px;
}
.s-span7.m-right{
	width: 450px;
	margin-right: 90px;
}
.s-span7.m-left.con-icona h2,
.s-span7.m-left.con-icona p{
	margin-left: 100px;
}

.icona-materiale{
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 80px;
	height: auto;
}
.icona-materiale-lato{
	width: 80px;
	height: auto;
	float: left;
}

/*esperto*/
#banda-esperto{
	background-color: #98bd7e;
	margin-bottom: 100px;
	margin-top: 80px;
	color: #fff;
/*	padding: 30px 0;*/
}
#esperto{
	margin-top: 50px;
}
#esperto >.s-row{
	
}
#foto-esperto, #testo-esperto-wrapper{
	height: 450px;
	position: relative;
}
#foto-esperto{
/*	text-align: right;*/
}
#img-esperto{
	height: 100%;
	width: auto;
/*	margin-right: 20px;*/
}
#logo-aifi{
	position: absolute;
	top: 0;
	right: 0;
	width: 70px;
	height: auto;
}
#testo-esperto{
	/*position: absolute;
	bottom: 10px;
	left: 0;*/
	width: 100%;
}
#testo-esperto h2{
	font-size: 35px;
}
#testo-esperto h3.color{
	font-size: 16px;
	color: #007650;
	margin-bottom: 8px;
}
#testo-esperto p{
	font-style: italic;
	padding-bottom: 5px;
}
#frase-esperto{
	font-size: 20px;
	width: 80%;
	margin: 0 auto;
	text-align: center;
	font-weight: lighter;
	margin-bottom: 50px;
	color: #fff;
}

/*materassi*/

#materassi h2{
	margin-bottom: 50px;
	text-transform: uppercase;
	font-size: 25px;
}
#materassi hr{
	margin-bottom: 60px;
}
#materassi .m-bottom{
	margin-bottom: 20px;
}
#main-nav{
	margin-bottom: 100px;
}
#secondary-nav{
	margin-bottom: 100px;
}

.box-m{
	height: 300px;
	overflow: hidden;
}
.box-m.h2{
	height: 620px;
}
#secondary-nav .box-m{
	height: 350px;;
}

.box-m-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	-webkit-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	transition:all 300ms linear;
	opacity: 0;
}
.box-m:hover .box-m-overlay, .box-m.hover .box-m-overlay{
	background-color: #fff;
	opacity: .7;
}
.text-center{
	text-align: center;
}
.table{
	display: table;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.table-cell{
	display: table-cell;
	vertical-align: middle;
}
.box-m .nome h4{
	display: inline-block;
	margin: 0 auto;
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	z-index: 2;
	border: 1px solid #fff;
	padding: 8px 15px;
	
	-webkit-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	transition:all 300ms linear;
}
.box-m:hover .nome h4, .box-m.hover .nome h4{
	opacity: 0;
}
.box-m .descrizione .text-center{
	width: 90%;
	margin: 0 auto;
}
.box-m .descrizione p{
	z-index: 2;
	opacity: 0;
	position: relative;
	top: 30px;
	color: #333;
	font-weight: bold;
	font-family: 'pragmatica-web-condensed-1', 'pragmatica-web-condensed-2', sans-serif;
	
	-webkit-transition:all 0ms linear;
	-moz-transition:all 0ms linear;
	-o-transition:all 0ms linear;
	transition:all 0ms linear;
	
}
.box-m:hover .descrizione p, .box-m.hover .descrizione p{
	opacity: 1;
	top: 0;
	
	-webkit-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	transition:all 300ms linear;
	
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}
.box-m .descrizione a{
	opacity: 0;
	position: relative;
	text-transform: uppercase;
	font-size: 14px;
	
	-webkit-transition:all 0ms linear;
	-moz-transition:all 0ms linear;
	-o-transition:all 0ms linear;
	transition:all 0ms linear;
		
}
.box-m:hover .descrizione a, .box-m.hover .descrizione a{
	opacity: 1;
	-webkit-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	transition:all 300ms linear;
	-webkit-transition-delay: 1000ms;
	-moz-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;
}

/* roll links */

.famiglia-suite .roll-link {
    display: inline-block;
    overflow: hidden;

    vertical-align: top;

    -webkit-perspective: 600px;
       -moz-perspective: 600px;
       -ms-perspective: 600px;
       perspective: 600px;

    -webkit-perspective-origin: 50% 50%;
       -moz-perspective-origin: 50% 50%;
       -ms-perspective-origin: 50% 50%;
       perspective-origin: 50% 50%;  
       
    z-index: 100;
}
.famiglia-suite .roll-link:hover {
	text-decoration:none;
}
.famiglia-suite .roll-link span {
    display: block;
    position: relative;
    text-indent : 2px;
    border-bottom: 1px dotted black;

    -webkit-transition: all 400ms ease;
       -moz-transition: all 400ms ease;
       -ms-transition: all 400ms ease;
       transition: all 400ms ease;
    
    -webkit-transform-origin: 50% 0%;
       -moz-transform-origin: 50% 0%;
       -ms-transform-origin: 50% 0%;
       transform-origin: 50% 0%;
    
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
       -ms-transform-style: preserve-3d;
       transform-style: preserve-3d;
   
   padding: 3px 14px;
   height: 25px;
   text-align: center;
   color: #333;
   font-weight: bold;
   
}
.famiglia-suite #intro .roll-link span{
	color: white;
	border-bottom: 1px dotted white;
}
.famiglia-suite .roll-link span{
	background: transparent;
}
.famiglia-suite .roll-link:hover span {
        background: #7A8F52;
        -webkit-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
       -moz-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
       -ms-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
       transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
}
.famiglia-suite #intro .roll-link:hover span{
	background-color: #9babaa;
}

.famiglia-suite #secondary-nav .roll-link:hover span{
	background-color: #559ce3;
}
.famiglia-suite .roll-link span:after {
    content: attr(data-title);

    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: bold;

    color: white;
    background: transparent;

    -webkit-transform-origin: 50% 0%;
       -moz-transform-origin: 50% 0%;
       -ms-transform-origin: 50% 0%;
       transform-origin: 50% 0%;

    -webkit-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
       -moz-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
       -ms-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
       transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
    float: left;
    width: 100%;
    
    padding: 4px 0;
}

.famiglia-suite .roll-link:hover span:after{
	background: #7A8F52;
}
.famiglia-suite #intro .roll-link:hover span:after{
	background-color: #9babaa;
}
.famiglia-suite #secondary-nav .roll-link:hover span:after{
	background-color: #559ce3;
}

/* effetti */

/* arrow */

@-webkit-keyframes arrowLoop {
    0% { opacity: 0; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0;
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
    }
    50%, 60%, 65% { opacity: 1; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    100% { opacity: 0; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0;
      -webkit-transform: translateY(10px);
      transform: translateY(10px); }
}
@-moz-keyframes arrowLoop {
    0% { opacity: 0; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0;
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
    }
    50%, 60%, 65% { opacity: 1; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    100% { opacity: 0; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0;
      -webkit-transform: translateY(10px);
      transform: translateY(10px); }
}
@-o-keyframes arrowLoop {
    0% { opacity: 0; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0;
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
    }
    50%, 60%, 65% { opacity: 1; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    100% { opacity: 0; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0;
      -webkit-transform: translateY(10px);
      transform: translateY(10px); }
}

@keyframes arrowLoop {
    0% { opacity: 0; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0;
      -ms-transform: translateY(-10px);
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
    }
    50%, 60%, 65% { opacity: 1; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    100% { opacity: 0; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0;
      -webkit-transform: translateY(10px);
      transform: translateY(10px); }
}

/* cerchi */

#info-materiali .s-row .s-span5{
	position: relative;
}
.circle1{
	position: absolute;
	top: -40px;
	left: 35px;
	width: 200px;
	height: auto;
}
.circle2{
	position: absolute;
	top: -40px;
	right: 10px;
	width: 150px;
	height: auto;
}
.circle {
	width:100%;
	height:0;
	padding-top:100%;
	top:0;
	left:0;
	border: 8px solid #077eec;
	position: absolute;
	opacity: 0.5;
	-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
			  box-sizing:border-box;
	-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
			  border-radius: 50%;
	-webkit-transform:scale(0.01,0.01);
		-moz-transform:scale(0.01,0.01);
		 -ms-transform:scale(0.01,0.01);
			  transform:scale(0.01,0.01);
	-webkit-transition: all 6s linear;
		-moz-transition: all 6s linear;
		 -ms-transition: all 6s linear;
		  -o-transition: all 6s linear;
			  transition: all 6s linear;
}

.circle.zoom {
	border-color: #077eec;
	border-width: 3px;
	opacity: 0;
	-webkit-transform:scale(1,1);
		-moz-transform:scale(1,1);
		 -ms-transform:scale(1,1);
			  transform:scale(1,1);
}

/* onde */

.wave-container{
	position: absolute;
	top: 40px;
	left: 55%;
	width: 200px;
	margin-left: -100px;
}
.wave {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 10px;
	margin: 0 auto;
	background-image: url(/img/2014/ondina.png);
	background-size: auto 100%;
	opacity: 0;
}

.wave.move {
	-webkit-animation: waveAnim 5s linear infinite;
	  -moz-animation:    waveAnim 5s linear infinite;
	  -o-animation:      waveAnim 5s linear infinite; 
	  animation:         waveAnim 5s linear infinite; 
}

@-webkit-keyframes waveAnim {
  0%   { opacity: 0; -webkit-transform: translateY(0);}
  50% { opacity: 1; -webkit-transform: translateY(-40px);}
  100% { opacity: 0;-webkit-transform: translateY(-80px);}
}
@-moz-keyframes waveAnim {
  0%   { opacity: 0; -moz-transform: translateY(0);}
  50% { opacity: 1; -moz-transform: translateY(-40px);}
  100% { opacity: 0; -moz-transform: translateY(-80px);}
}
@-o-keyframes waveAnim {
  0%   { opacity: 0; -webkit-transform: translateY(0);}
  50% { opacity: 1; -webkit-transform: translateY(-40px);}
  100% { opacity: 0;-webkit-transform: translateY(-80px);}
}
@keyframes waveAnim {
  0%   { opacity: 0; 
  		-ms-transform: translateY(0);
  		-webkit-transform: translateY(0);
  		transform: translateY(0);
  		}
  50% { opacity: 1;
  	ms-transform: translateY(-40px);
  	-webkit-transform: translateY(-40px);
  	transform: translateY(-40px);
  	}
  100% { opacity: 0;
  	ms-transform: translateY(-80px);
  	-webkit-transform: translateY(-80px);
  	transform: translateY(-80px);
  }
}



.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated-2 {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated-5 {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    -ms-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

/*--------------------------------------------------------*/
/*pagina home materassi*/
/*--------------------------------------------------------*/

.s-row.m-bottom{
	margin-bottom: 20px;
}
.home-materassi-2014 .memoryfoam{
	background-image: url(../img/2014/home-materassi/memoryfoam-bg.jpg);
	height: 300px;
	margin-top: 80px;
	margin-bottom: 50px;
	position: relative;
}
.home-materassi-2014 .memoryfoam .overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.05);
	opacity: 1;
	-webkit-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	transition:all 300ms linear;
}
.home-materassi-2014 .memoryfoam:hover .overlay, .memoryfoam.hover .overlay{
	opacity: 0;
}
.home-materassi-2014 .memoryfoam .testo{
	width: 500px;
	margin: 30px 0 0 50px;
}
.home-materassi-2014 .memoryfoam h2{
	color: #68a252;
	text-transform: uppercase;
}
.home-materassi-2014 .memoryfoam .testo strong{
	color: #666;
}
.home-materassi-2014 .memoryfoam .testo p{
	padding-bottom: 0;
}
.home-materassi-2014 .memoryfoam .testo .roll-link{
	margin-top: 20px;
}
.home-materassi-2014 .memoryfoam .roll-link span{
/*	border: 1px solid #333;
	vertical-align: middle;*/
	padding-left: 7px;
	padding-right: 7px;
}
.home-materassi-2014 .memoryfoam .roll-link span:hover{
	background-color: #68a252;
}
.home-materassi-2014 .memoryfoam .roll-link:hover span:after{
	background-color: #68a252;
}

/*collezioni*/

.home-materassi-2014 .collezioni{
	padding-bottom: 80px;
}
.home-materassi-2014 .collezioni .box{
	overflow: hidden;
}
.home-materassi-2014 .collezioni .immagine{
	opacity: .95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}
.home-materassi-2014 .box:hover .immagine, .box.hover .immagine{
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.home-materassi-2014 .collezioni .logo{
	height: 50px;
	width: auto;
	margin: auto;
	position: absolute;
	top: 0; 
	left: 0; 
	bottom: 0; 
	right: 0;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.home-materassi-2014 .collezioni .box:hover .logo, .collezioni .box.hover .logo{
	-webkit-transform: translate3d(0,-40px,0);
	transform: translate3d(0,-40px,0);
}
.home-materassi-2014 .collezioni .box.suite:hover .logo, .collezioni .box.suite.hover .logo{
	-webkit-transform: translate3d(0,-60px,0);
	transform: translate3d(0,-60px,0);
}
.home-materassi-2014 .logo img{
	display: block;
	height: 100%;
	width: auto;
	margin: 0 auto;
}

.home-materassi-2014 .collezioni .testo{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.home-materassi-2014 .collezioni .testo::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
}
.home-materassi-2014 .collezioni .box:hover .testo::before, .collezioni .box.hover .testo::before{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.home-materassi-2014 .table{
	display: table;
	width: 60%;
	margin-left: 20%;
	height: 100%;
	text-align: center;
}
.home-materassi-2014 .table-cell{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #fff;
}
.home-materassi-2014 .testo p{
	padding-bottom: 20px;
}
.home-materassi-2014 .collezioni .descrizione{
	padding-top: 120px;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
	opacity: 0;
	-webkit-transform: translate3d(0,100px,0);
	transform: translate3d(0,100px,0);
}
.home-materassi-2014 .collezioni .box:hover .descrizione, .collezioni .box.hover .descrizione{
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.home-materassi-2014 .collezioni .roll-link{
	margin-top: 10px;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	opacity: 0;
}
.home-materassi-2014 .collezioni .roll-link span {
	color: #fff;
	border-bottom: 1px dotted #fff;
}
.home-materassi-2014 .collezioni .box:hover .roll-link, .collezioni .box.hover .roll-link{
	opacity: 1;
}

.home-materassi-2014 .suite{
	background-color: #7853aa;
}
.home-materassi-2014 .suite .logo{
	height: 50px;
}
.suite .roll-link span:hover{
	background-color: #7f5bbb;
}
.suite .roll-link:hover span:after{
	background-color: #7f5bbb;
}
.suite .roll-link span{
	padding: 3px 6px;
	letter-spacing: -1px;
}

.home-materassi-2014 .zefiro{
	background-color: #3da0af;
	margin-bottom: 20px;
}
.home-materassi-2014 .zefiro .logo{
	height: 70px;
}
.home-materassi-2014 .zefiro .roll-link span:hover{
	background-color: #3da0af;
}
.home-materassi-2014 .zefiro .roll-link:hover span:after{
	background-color: #3da0af;
}

.home-materassi-2014 .elisir{
	background-color: #70d2a0;
}
.home-materassi-2014 .elisir .logo{

}
.home-materassi-2014 .elisir .roll-link span:hover{
	background-color: #8eb033;
}
.elisir .roll-link:hover span:after{
	background-color: #8eb033;
}

.home-materassi-2014 .soleil{
	background-color: #b27e8c;
}
.home-materassi-2014 .soleil .logo{
	height: 90px;
}
.home-materassi-2014 .soleil .roll-link span:hover{
	background-color: #bd591b;
}
.home-materassi-2014 .soleil .roll-link:hover span:after{
	background-color: #bd591b;
}

.home-materassi-2014 .vitalay{
	background-color: #eed1a2;
}
.home-materassi-2014 .vitalay .logo{
	height: 80px;
}
.home-materassi-2014 .vitalay .roll-link span:hover{
	background-color: #a57311;
}
.home-materassi-2014 .vitalay .roll-link:hover span:after{
	background-color: #a57311;
}

/*contenuto-testuale*/

.home-materassi-2014 .contenuto-testuale{
	background-color: #e6e6e6;
	margin-bottom: 80px;
	padding: 50px 0;
}
.home-materassi-2014 .contenuto-testuale h1{
	color: #7AB165;
}
.home-materassi-2014 .contenuto-testuale .roll-link{
	margin: 30px auto 30px;
	/*background-color: #7AB165;*/
	color: #7AB165;
	border: 1px solid #7AB165;
}
.home-materassi-2014 .contenuto-testuale .roll-link:hover{
	border: 1px solid transparent;
}
.home-materassi-2014 .contenuto-testuale .roll-link span{
	border: none;
	color: #7AB165;
	height: 22px;
	text-transform: uppercase;
}
.home-materassi-2014 .contenuto-testuale .roll-link span:hover{
	background-color: #7AB165;
}
.home-materassi-2014 .contenuto-testuale .roll-link:hover span:after{
	background-color: #7AB165;
}
.home-materassi-2014 #contenuto-testuale-nascosto{
	display: none;
	background-color: #fff;
	padding: 50px;
}

/*prodotti*/

.home-materassi-2014 .prodotti{
	margin-bottom: 80px;
}
.home-materassi-2014 .bambino{
	margin-bottom: 20px;
}
.home-materassi-2014 .box.bambino,
.home-materassi-2014 .box.rivestimenti{
  overflow: hidden;
}
.home-materassi-2014 .prodotti .overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
.home-materassi-2014 .prodotti .box:hover .overlay, .prodotti .box.hover .overlay{
	opacity: 0;
}

.home-materassi-2014 .prodotti .testo{
	position: absolute;
	top: 0;
	left: 0;
	width: 40%;
	padding: 30px;
}

.home-materassi-2014 .prodotti .testo.destra{
	left: auto;
	right: 0;
	text-align: right;
}
.home-materassi-2014 .prodotti .testo p{
	color: #464646;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
	opacity: 0;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
}
.home-materassi-2014 .prodotti .box:hover .testo p, .prodotti .box.hover .testo p{
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.home-materassi-2014 .prodotti .box h3{
	text-transform: uppercase;
	color: #7A8F52;
	margin-bottom: 2px;
}
.home-materassi-2014 .prodotti .box p{
	margin-bottom: 10px;
/*	padding-top: 0;*/
}
.home-materassi-2014 .prodotti .sottotitolo{
	font-weight: bold;
	color: #000;
}
.home-materassi-2014 .prodotti .up .testo{
	width: 80%;
}
.home-materassi-2014 .prodotti .rivestimenti .testo{
	width: 40%;
}
.home-materassi-2014 .prodotti .dispositivo h3{
	color: #d40202;
}
.home-materassi-2014 .prodotti .dispositivo .sottotitolo{
	font-weight: normal;
}
.home-materassi-2014 .prodotti a.roll-link {
	margin-top: 15px;
}
.home-materassi-2014 .prodotti .roll-link span{
/*	border: 1px solid #333;
	vertical-align: middle;*/
	padding-left: 7px;
	padding-right: 7px;
}

.home-materassi-2014 .prodotti .dispositivo .roll-link span:hover{
	background-color: #4791d6;
}
.home-materassi-2014 .prodotti .dispositivo .roll-link:hover span:after{
	background-color: #4791d6;
}

.home-materassi-2014 .prodotti .dispositivo .overlay{
	background-color: rgba(0, 0, 0, 0.1);
	opacity: .8;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
.home-materassi-2014 .prodotti .dispositivo:hover .overlay{
	opacity: 0;
}

/* roll links */

.home-materassi-2014 .roll-link {
	text-transform: uppercase;
	font-size: 14px;
    display: inline-block;
    overflow: hidden;

    vertical-align: top;

    -webkit-perspective: 600px;
       -moz-perspective: 600px;
       -ms-perspective: 600px;
       perspective: 600px;

    -webkit-perspective-origin: 50% 50%;
       -moz-perspective-origin: 50% 50%;
       -ms-perspective-origin: 50% 50%;
       perspective-origin: 50% 50%;  
}
.home-materassi-2014 .roll-link:hover {
	text-decoration:none;
}
.home-materassi-2014 .roll-link span {
    display: block;
    position: relative;
    text-indent : 2px;
    border-bottom: 1px dotted black;

    -webkit-transition: all 400ms ease;
       -moz-transition: all 400ms ease;
       -ms-transition: all 400ms ease;
       transition: all 400ms ease;
    
    -webkit-transform-origin: 50% 0%;
       -moz-transform-origin: 50% 0%;
       -ms-transform-origin: 50% 0%;
       transform-origin: 50% 0%;
    
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
       -ms-transform-style: preserve-3d;
       transform-style: preserve-3d;
   
   padding: 3px 14px;
   height: 25px;
   text-align: center;
   color: #333;
   font-weight: bold;
   
}
.home-materassi-2014 #intro .roll-link span{
	color: white;
	border-bottom: 1px dotted white;
}
.home-materassi-2014 .roll-link span{
	background: transparent;
}
.home-materassi-2014 .roll-link:hover span {
        background: #7A8F52;
        -webkit-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
       -moz-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
       -ms-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
       transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
}
.home-materassi-2014 #intro .roll-link:hover span{
	background-color: #9babaa;
}

.home-materassi-2014 #secondary-nav .roll-link:hover span{
	background-color: #559ce3;
}
.home-materassi-2014 .roll-link span:after {
    content: attr(data-title);

    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: bold;

    color: white;
    background: transparent;

    -webkit-transform-origin: 50% 0%;
       -moz-transform-origin: 50% 0%;
       -ms-transform-origin: 50% 0%;
       transform-origin: 50% 0%;

    -webkit-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
       -moz-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
       -ms-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
       transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
    float: left;
    width: 100%;
    
    padding: 4px 0;
}

.home-materassi-2014 .roll-link:hover span:after{
	background: #7A8F52;
}
.home-materassi-2014 #intro .roll-link:hover span:after{
	background-color: #9babaa;
}
.home-materassi-2014 #secondary-nav .roll-link:hover span:after{
	background-color: #559ce3;
}

/*fix per touch*/
.home-materassi-2014 .collezioni .box.hover .roll-link span:after{
	display: none;
}




/*--------------------------------------------------------*/
/*nuove tabs schede prodotto*/
/*--------------------------------------------------------*/

ul.tabs-nav{
	display: inline-block!important;
}
.tabs-nav a{
	border: none;
	top: 0;
	text-transform: uppercase;
}
.tabs-nav a, .tabs-nav a span {
	padding: 3px 10px 4px;
}
.tabs-nav li{
	padding-bottom: 5px;
}
.tabs-nav li a{
	color: #666;
}
.tabs-nav li a:hover{
	color: #7A8F52;
}
.tabs-nav .tabs-selected a{
	color: #7A8F52!important;
}
.tabs-nav a.tabs-selected{
	color: #7A8F52!important;
}

.tabs-selected:after{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #999999 transparent;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -10px;
	z-index: 10;
}
.tabs-selected:before{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #ffffff transparent;
	position: absolute;
	bottom: -1px;
	left: 50%;
	margin-left: -10px;
	z-index: 11;
}
/*triangolo verso il basso*/
/*.tabs-selected:after{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #999999 transparent transparent transparent;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
	z-index: 10;
}
.tabs-selected:before{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #ffffff transparent transparent transparent;
	position: absolute;
	bottom: -9px;
	left: 50%;
	margin-left: -10px;
	z-index: 11;
}*/
#dettaglio-tabs a.ultimo{
	position: absolute;
	top: 0;
	right: 0;
	background-color: transparent;
	color: #cc0000;
	border: none;
	padding: 6px 10px 7px;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 24px;
}
#dettaglio-tabs a.ultimo:before{
	display: block;
	content: '🌎';
	font-family: "SSStandard";
	position: absolute;
	left: -13px;
	top: 8px;	
	z-index: 100;
}
#dettaglio-tabs a.ultimo span{
	padding-bottom: 1px;
}
#dettaglio-tabs a.ultimo:hover span{
/*	text-decoration: underline;*/
	border-bottom: 1px solid #cc0000;
}

.tabs-nav li {
	padding-bottom: 5px;
	
}

/*fix per tabs supporti zefiro*/
.tabs-nav.new{
	position: relative;
}
.tabs-nav.new a{
	border-bottom: none;
}
a.tabs-selected:before{
	bottom: -7px;
}
a.tabs-selected:after{
	bottom: -6px;
}


#cong-piedi,
#cong-sx,
#cong-dx{
	float: left;
}
#cong-piedi{
	margin-top: 3em;
}
#cong-dx{
	margin-left: 2em;
}
.panel.secondo h2{
	float: none;
}
.panel.terzo h2{
	float: none;
}
#cong-sx img{
	width: 250px;
}
#cong-piedi {
/*margin-left: 215px;*/
}

/*tabs Suite*/
#panoramica .s-row{
	margin-bottom: 60px;
}
#panoramica p{
	font-size: 16px;
	color: #666;
}
#panoramica .main-title{
	margin-bottom: 50px;
	font-size: 24px;
}
#panoramica .color{
	color: #7AB165;
}
.green-panel{
	border-radius: 20px;
	padding: 20px 30px;
	background-color: #6e9b77;
	color: #fff;
}
#panoramica .green-panel p{
	color: #fff;
}
#panoramica h2{
	margin-top: 0;
}

.s-span7.m-left{
/*	width: 450px;*/
/*	margin-left: 109px;*/
}
.s-span7.m-right{
	width: 450px;
	margin-right: 90px;
}
.s-span7.m-left.con-icona h2,
#panoramica .s-span7.m-left.con-icona p{
	margin-left: 100px;
}

.icona-materiale{
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 80px;
	height: auto;
}
.icona-materiale-lato{
	width: 80px;
	height: auto;
	float: left;
}

#panoramica .border-b-title{
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 50px;
	font-size: 24px;
}

.box-lastra{
	position: relative;
}
.img-lastra{
	display: block;
	width: 780px;
	margin: 0 auto;
}
.box-lastra .number{
	position: absolute;
}

.number.lastra-480.uno{
	top: 309px;
	left: 246px;
}
.number.lastra-480.due{
	top: 221px;
	left: 400px;;
}
.number.lastra-480.tre{
	top: 257px;
	left: 650px;
}

.number.lastra-360.uno{
	top: 290px;
	left: 330px;
}
.number.lastra-360.due{
	top: 222px;
	left: 550px;;
}

.number.lastra-260.uno{
	top: 277px;
	left: 330px;
}
.number.lastra-260.due{
	top: 212px;
	left: 550px;;
}

.number.lastra-240.uno{
	top: 264px;
	left: 330px;
}
.number.lastra-240.due{
	top: 185px;
	left: 550px;;
}

.box-elenco strong{
	color: #7AB165;
}
.elenco li{
	margin-bottom: 10px;
	list-style: disc;
}

.dettagli-materassi{
	margin-bottom: 50px;
}

.number{
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 22px;
	font-size: 14px;
	border-radius: 50%;
	background-color: #f0eeee;
	color: #1e6b14;
	text-align: center;
	margin-left: 15px;
}
#natur-gif {
position: absolute;
bottom: 0;
right: 0;
width: 100px;
height: auto;
}

/*.s-span6.m-left{
	margin-left: 100px;
	width: 360px;
}*/
.s-row.narrow{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.s-row.narrow .s-span6{
	width: 360px;
	margin-left: 40px;
}

.small-molle{
	display: block;
	width: 200px;
	margin: 0 auto;
}
#molle-biconiche .s-span1,
#molle-biconiche .s-span7{
	margin-top: 40px;
}


/*promo sky home*/

.cycle-container{
	overflow: hidden;
}

.promosky-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
}
.promosky-slide img{
	width: 100%;
	height: auto;
}
.promosky-slide .scritte{
	position: absolute;
	/*width: 402px;*/
	left: 15%;
/*	margin-left: -201px;*/
	top: 13%;
	color: white;
	font-family: 'pragmatica-web-condensed-1', 'pragmatica-web-condensed-2', sans-serif; font-weight: normal;
	text-transform: uppercase;
	font-size: .8em;
/*	background-color: white;
	background-color: #8284A0;*/
	padding: 2.2em;
	opacity: 0;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
}
@media screen and (min-width: 1170px) {
	.promosky-slide .scritte{
		left: 15%;
		font-size: 102%;
	}
}
@media screen and (min-width: 1600px) {
	.promosky-slide .scritte{
		left: 15%;
	}
}
.promosky-slide.animate .scritte{
	opacity: 1;
}
.promosky-slide .scritte h2{
	font-size: 4em;
	font-weight: 200;
	line-height: .9em;
	margin: 0 0 .2em;
	color: #cfe6b5;
	
	opacity: 0;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.promosky-slide .scritte p{
	font-size: 1.8em;
	line-height: 1.2em;
	margin: 0px 0 .7em;
	color: #c51315;
	
	opacity: 0;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
.promosky-slide .scritte a{
	color: white;
	text-decoration: none;
	/*padding-bottom: 2px;*/
	font-weight: 700;
	font-size: 1.1em;
	/*font-family: "pragmatica-web-1","pragmatica-web-2",sans-serif;*/
	
	opacity: 0;
	transition: all 1ms ease;
	-webkit-transition: all 1s ease;
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
	
/*	letter-spacing: -.7px;/*  *!/*/
}
.promosky-slide.animate .scritte h2 {
	opacity: 1;
}

.promosky-slide.animate .scritte p{
	opacity: 1;
}


.promosky-slide .roll-link span:after{
	background-color: #a7ba93;
	color: #fff;
	padding: 6px 0;
}
/*.promosky-slide .roll-link{
	opacity: 0;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}*/
.promosky-slide.animate a{
	opacity: 1;
}

/*video*/
.video-button{
	-webkit-transform:none!important;
	display: block;
	position: absolute;
	top: 8%;
	left: 0;
	width: 100%;
	text-align: left;
	padding: 0 4em;
}
.video-button a{
	display: inline-block;
	-webkit-transform:none!important;
	text-transform: uppercase;
	color: #7a1225;
	background-color: rgba(255, 255, 255, 0.19);
	border: 1.5px solid #7a1225;
	padding: .5em 1em;
	-webkit-transition: all .5s;
	transition: all .5s;
	font: 700 1.2em "pragmatica-web-condensed-1","pragmatica-web-condensed-2",sans-serif;
}
.video-button a:hover{
	background-color: #7a1225;
	color: #fff;
}
.video-button a .ssg-icon{
	font-size: 1em;
	position: relative;
	top: 2px;
}

 

/*promo sky page*/

.promosky-page .width{
	max-width: 1170px;
	margin: 0 auto;
}
@media screen and (max-width: 1170px) {
	.promosky-page .width{
		padding: 0 1em;
	}
}
.promosky-top{
	background-color: #e6e6e6;	
}
.promosky-box-left{
	float: left;
	width: 40%;
	background-color: #e6e6e6;
}
.promosky-box-left .testo{
	/*float: right;
	max-width: 400px;
	padding: 5em 2em 1em 1em;*/
	width: 65%;
	margin: auto;
	position: absolute;
	top: 50%; 
	left: 60%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.promosky-box-left h1{
	color: #756d6d;
	line-height: 1.1;
	margin-bottom: 2em;
	font-size: 1.5em;
	font-weight: 100;
}
@media screen and (min-width: 1170px) {
	.promosky-box-left h1{
		font-size: 2em;
	}
}
.promosky-box-left h1 span{
	text-transform: uppercase;
	color: #765b5b;
	margin-bottom: .3em;
	font-size: 1.7em;
	display: block;
	line-height: 1;
	font-weight: 700;
}
.promosky-box-left .button{
	display: inline-block;
	margin-bottom: 0;
	color: #765b5b;
	text-transform: uppercase;
	padding: .5em 1em;
	border: 1px solid #765b5b;
	border-radius: 3px;
}
@media screen and (min-width: 1170px) {
	.promosky-box-left .button{
		padding: 1em 2em;
	}
}
.promosky-box-left .button:hover{
	color: #fff;
	background-color: #765b5b;
}
.promosky-box-left .ss-icon{
	position: relative;
	top: .1em;
	margin-left: .5em;
	font-size: .8em;
	color: #867f7f;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.promosky-box-left .button:hover .ss-icon{
	color: #fff;
	color: #fff;
}
.promosky-box-left .date{
	color: #cb4f5d;
	font-style: italic;
}
.promosky-box-left  p.aifi {
	color: #8093AC;
	margin-top: 2em;
	font-size: .9em;
}
.promosky-box-left  p.aifi a{
	color: #114994;
	text-decoration: none;
}
@media screen and (max-width: 1210px) {
	.promosky-box-left  p.aifi {
		margin-top: 1em;
		font-size: .8em;
	}
}

@media screen and (max-width: 1170px) {
	.promosky-box-left .date{
		font-size: .8em;
	}
}
.promosky-box-right{
	float: left;
	width: 60%;
	overflow: hidden;
}
.promosky-box-right img{
	-webkit-transition: -webkit-transform 1s, opacity 1s;
	transition: transform 1s, opacity 1s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}
.promosky-box-right:hover img{
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: .1;
}
/*.promosky-box-right::after{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}
.promosky-box-right:hover::after{
	opacity: .4;
}*/
.promo-mr-play-button{
	width: 50%;
	margin: auto;
	position: absolute;
	top: 50%; left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center;
	text-transform: uppercase;
	color: #8c8484;
	-webkit-transition: all 1s;
	transition: all 1s;
	opacity: 0;
	cursor: pointer;
	z-index: 100;
	font: 700 1.3em "pragmatica-web-condensed-1","pragmatica-web-condensed-2",sans-serif;
}
.promosky-box-right:hover .promo-mr-play-button{
	opacity: 1;
}
.promo-mr-play-button:hover{
	color: #554f4f;
}
.promo-mr-play-button .ss-icon{
	display: block;
	margin-top: .4em;
}
#videoboxnew {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	/*-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;*/
	display: none;
	z-index: 0;
}
#videoboxnew.played {
	/*-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;*/
	z-index: 10000;
}
#closevideo {
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.8em 0.8em .5em;
	font-size: 1.5em;
	z-index: 20000;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
	background-color: #554f4f;
	color: #fff;
	cursor: pointer;
}
#closevideo:hover{
	background-color: #e8e8e8;
	color: #554f4f;
}
#videoboxnew iframe {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
}

.promosky-content .istituzionale{
	color: #756d6d;
	padding: 3em 0 1em;
	max-width: 960px;
	margin: 0 auto;
}
.promosky-content .istituzionale h2{
	color: #666;
	font-size: 2em;
	text-align: center;
}
.promosky-content .istituzionale p{
	color: #666;
	font-size: 1.1em;
	text-align: center;
	line-height: 1.2;
	letter-spacing: 1px;
}
.promosky-content .istituzionale .footnote{
	font-size: .7em;
	color: #888;
	font-style: italic;
	padding-top: 0;
}

.promosky-content .selezione{
	padding-bottom: 5em;
}
.promosky-content .selezione h3{
	text-align: center;
	text-transform: uppercase;
	color: #7a8f52;
	font-size: 1.5em;
	margin-top: 2em;
}


#sky-tabs-container{
	margin-top: 3em;
}

.sky-tabs-ul{
	padding-bottom: 3em;
}
@media screen and (min-width: 1170px) {
	.sky-tabs-ul{
		padding-bottom: 1em;
	}
}
.sky-tabs-li{
	float: left;
	width: 16.666666%;
	list-style-type: none;
}
.sky-tabs-li span{
	display: block;
	color: #b3b3b3;
	text-align: center;
	text-transform: uppercase;
	font-size: .7em;
	font-weight: bold;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	font-family: "pragmatica-web-condensed-1","pragmatica-web-condensed-2",sans-serif;
}
.sky-tabs-li a:hover span{
	color: #7a8f52;
}
.sky-tabs-li .apartireda{
	margin-bottom: .5em;
}
.sky-tabs-li .prezzo{
	font-size: 1.9em;
}
.sky-tabs-li.active span{
	color: #7a8f52;
}

.sky-tabs-li::before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -60px 0 0 -60px;
	width: 120px;
	height: 120px;
	border: 1px solid #7a8f52;
	border-radius: 50%;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-webkit-transform: scale3d(0,0,1);
	transform: scale3d(0,0,1);
}

@media screen and (max-width: 58em) {
	.sky-tabs-li::before {
		margin: -40px 0 0 -40px;
		width: 80px;
		height: 80px;
	}
}
.sky-tabs-li.active::before {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.sky-tabs-panel-inner{
	/*float: left;*/
	margin-bottom: 20px;
	width: 100%;
	padding-top: 3em;
}	
.sky-tabs-panel-inner div{
	float: left; 
	width: 230px; 
	text-align: center;
	position: relative;
}
.sky-tabs-panel-inner img{
	opacity: 1; 
	filter: alpha(opacity=100);
	-webkit-transition: opacity 0.4s linear;
	-moz-transition: opacity 0.4s linear;
	-o-transition: opacity 0.4s linear;
	transition: opacity 0.4s linear;
}
.sky-tabs-panel-inner img:hover{
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
.sky-tabs-panel-inner div a{
	line-height: 40px;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: -1px;
}
.sky-tabs-panel-inner div.backlayer{
	margin-bottom: 30px;
	z-index: 1;
	height: 200px; /*da mettere a stretto uan votla sistemato*/
}
.sky-tabs-panel-inner  div.backlayer .imgbox{
	width: 100%;
	text-align: center;
}
.sky-tabs-panel-inner  div.backlayer .textbox{
	text-align: center;
	width: 100%;
	font-size: 1em;
	text-transform: uppercase;
}
.sky-tabs-panel-inner div div.overlayer{
	width: 340px;
	height: 410px;
	background-color: #fff;
	border: 1px solid #ccc; 
	left: 50%;
	margin-left: -170px;
	top: -90px;
	display: none;
	position: absolute;
	z-index: 10;
	-webkit-box-shadow: 0px 1px 2px 1px #cccccc;
	-moz-box-shadow: 0px 1px 2px 1px #cccccc;
	box-shadow: 0px 1px 2px 1px #cccccc; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
}
.sky-tabs-panel-inner div div.overlayer.alto{
	height: 430px;
}
.sky-tabs-panel-inner div.backlayer:hover{
	z-index: 15 !important;
}
.sky-tabs-panel-inner div:hover div.overlayer{
	display: block;
}
.sky-tabs-panel-inner div.overlayer img{
	/*width: 340px;*/
	margin-top: 20px;
	opacity: 1 !important;
}
.sky-tabs-panel-inner div.overlayer p{
	text-align: left;
	width: 280px;
	/*height: 100px;*/
	padding: 0px 30px;
	font-size: .8em;
}
.sky-tabs-panel-inner div p.prezzoda{
	margin-top: 5px;
	text-align: center;
	font-size: .8em;
	float: left;
}
.sky-tabs-panel-inner div p.prezzoda strong{
	color: #444;	
}
.sky-tabs-panel-inner div.overlayer .linkbtn{
	display: block;
	width: 200px;
	height: 30px;
	line-height: 32px;
	color: #fff;
	font-size: .9em !important;
	background: #79b5cf;
	position:absolute; 
	bottom: 35px;
	left: 50%;
	margin-left: -100px;
	-webkit-transition: background 0.4s linear;
	-moz-transition: background 0.4s linear;
	-o-transition: background 0.4s linear;
	transition: background 0.4s linear;	
	letter-spacing: 1px;
}
.sky-tabs-panel-inner div.overlayer .linkbtn .ssg-icon{
	margin-left: .5em;
}
.sky-tabs-panel-inner div.overlayer .linkbtn:hover{
	background: #498199;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear; 
}

#promosky-notification{
	position: fixed;
	z-index: 10000;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #7a8f52;
	color: #fff;
	padding: 1em 0;
	display: none;
	font-family: "pragmatica-web-condensed-1","pragmatica-web-condensed-2",sans-serif;
	/*text-align: center;*/
}
#promosky-notification .width{
	max-width: 960px;
}
#promosky-notification p{
	margin-bottom: 0;
	font-style: italic;
	padding: 1em 1.5em 1em 0;
	font-size: .9em;
}
#promosky-notification a{
	color: #fff;
}
.promosky-notification-sx{
	float: left;
	width: 60%;
}
@media screen and (min-width: 1100px) {
	.promosky-notification-dx{
		text-align: center;
	}
}
.promosky-notification-dx{
	float: left;
	width: 40%;
}
@media screen and (min-width: 1100px) {
	.promosky-notification-dx{
		text-align: right;
	}
}
.promosky-notification-dx .button{
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	padding: 1em 1.5em;
	border: 1px solid #fff;
	font-weight: bold;
	font-size: .8em;
	-webkit-transition: 1s;
	transition: 1s;
	position: relative;
	top: 0.5em;
	line-height: 20px;
}
.promosky-notification-dx .button span{
	margin-right: .5em;
	font-size: 1.5em;
	position: relative;
	top: .2em;
}
.promosky-notification-dx .button:hover{
	color: #7a8f52!important;
	background-color: #fff;
}
#promosky-notification-close{
	position: absolute;
	top: 50%;
	margin-top: -0.5em;
	right: 1em;
	font-size: 1.5em;
	cursor: pointer;
}

.promosky-top {
	/*float: left;*/
}
.promosky-box-right{
	float: right;
}
/*.promosky-content {
	float: left;
}*/


/*promo materasso pi� rete*/

/*intro*/
.promo-mr-top{
	/*height: 600px;*/
	width: 100%;
	/*background-image: url('../../img/2014/promo-natale-orig.jpg');
	background-size: 100%;*/
}
.promo-mr-top .titolo{
	text-align: center;
	margin-top: 200px;
	color: #fff;
}

/*testo*/
.promo-mr-content{
	width: 1024px;
	margin: 0 auto 5em;
	background-color: #fff;
	padding-top: 3em;
}
.promo-mr-content .testo{
	text-align: center;
}
.promo-mr-content .testo p{
	line-height: 1em;
}

h1 span{
	font-size: .8em;
}

/*tabella*/
.promo-mr-content .selezione h3{
	text-align: center;
	text-transform: uppercase;
	color: #7a8f52;
	font-size: 1.5em;
	margin-top: 2em;
}

#promo-mr-container{
	margin-top: 3em;
}

.promo-mr-ul{
	padding-bottom: 3em;
}
@media screen and (min-width: 1170px) {
	.promo-mr-ul{
		padding-bottom: 1em;
	}
}
.promo-mr-li{
	float: left;
	width: 20%;
	list-style-type: none;
}
.promo-mr-li span{
	display: block;
	color: #b3b3b3;
	text-align: center;
	text-transform: uppercase;
	font-size: .7em;
	font-weight: bold;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	font-family: "pragmatica-web-condensed-1","pragmatica-web-condensed-2",sans-serif;
}
.promo-mr-li a:hover span{
	color: #7a8f52;
}
.promo-mr-li .apartireda{
	margin-bottom: .5em;
}
.promo-mr-li .prezzo{
	font-size: 1.9em;
}
.promo-mr-li.active span{
	color: #7a8f52;
}

.promo-mr-li::before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -60px 0 0 -60px;
	width: 120px;
	height: 120px;
	border: 1px solid #7a8f52;
	border-radius: 50%;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-webkit-transform: scale3d(0,0,1);
	transform: scale3d(0,0,1);
}

@media screen and (max-width: 58em) {
	.promo-mr-li::before {
		margin: -40px 0 0 -40px;
		width: 80px;
		height: 80px;
	}
}
.promo-mr-li.active::before {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}
.promo-mr-panel-inner{
	/*float: left;*/
	margin-bottom: 20px;
	width: 100%;
	padding-top: 3em;
}	
.promo-mr-panel-inner div{
	float: left; 
	width: 230px; 
	text-align: center;
	position: relative;
}
.promo-mr-panel-inner img{
	opacity: 1; 
	filter: alpha(opacity=100);
	-webkit-transition: opacity 0.4s linear;
	-moz-transition: opacity 0.4s linear;
	-o-transition: opacity 0.4s linear;
	transition: opacity 0.4s linear;
}
.promo-mr-panel-inner img:hover{
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
.promo-mr-panel-inner div a{
	line-height: 40px;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: -1px;
}
.promo-mr-panel-inner div.backlayer{
	margin-bottom: 30px;
	z-index: 1;
	height: 200px; /*da mettere a stretto uan votla sistemato*/
}
.promo-mr-panel-inner  div.backlayer .imgbox{
	width: 100%;
	text-align: center;
}
.promo-mr-panel-inner  div.backlayer .textbox{
	text-align: center;
	width: 100%;
	font-size: 1em;
	text-transform: uppercase;
}
.promo-mr-panel-inner div div.overlayer{
	width: 340px;
	height: 410px;
	background-color: #fff;
	border: 1px solid #ccc; 
	left: 50%;
	margin-left: -170px;
	top: -90px;
	display: none;
	position: absolute;
	z-index: 10;
	-webkit-box-shadow: 0px 1px 2px 1px #cccccc;
	-moz-box-shadow: 0px 1px 2px 1px #cccccc;
	box-shadow: 0px 1px 2px 1px #cccccc; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
}
.promo-mr-panel-inner div div.overlayer.alto{
	height: 430px;
}
.promo-mr-panel-inner div.backlayer:hover{
	z-index: 15 !important;
}
.promo-mr-panel-inner div:hover div.overlayer{
	display: block;
}
.promo-mr-panel-inner div.overlayer img{
	/*width: 340px;*/
	margin-top: 20px;
	opacity: 1 !important;
}
.promo-mr-panel-inner div.overlayer p{
	text-align: left;
	width: 280px;
	/*height: 100px;*/
	padding: 0px 30px;
	font-size: .8em;
}
.promo-mr-panel-inner div p.prezzoda{
	margin-top: 5px;
	text-align: center;
	font-size: .8em;
	float: left;
}
.promo-mr-panel-inner div p.prezzoda strong{
	color: #444;	
}
.promo-mr-panel-inner div.overlayer .linkbtn{
	display: block;
	width: 200px;
	height: 30px;
	line-height: 32px;
	color: #fff;
	font-size: .9em !important;
	background: #79b5cf;
	position:absolute; 
	bottom: 35px;
	left: 50%;
	margin-left: -100px;
	-webkit-transition: background 0.4s linear;
	-moz-transition: background 0.4s linear;
	-o-transition: background 0.4s linear;
	transition: background 0.4s linear;	
	letter-spacing: 1px;
}
.promo-mr-panel-inner div.overlayer .linkbtn .ssg-icon{
	margin-left: .5em;
}
.promo-mr-panel-inner div.overlayer .linkbtn:hover{
	background: #498199;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear; 
}

/*footer*/
.promo-mr-footer{
	text-align: center;
	background-color: #d8dfcf;
	color: #7a8f52;
	padding: 2em 0 1em;
}
.promo-mr-footer p{
	font-size: 1.5em;
	margin-bottom: 1em;
	text-transform: uppercase;
	font-family: "pragmatica-web-condensed-1","pragmatica-web-condensed-2",sans-serif;
	font-weight: 100;
}
.italia{
	display: block;
	margin: 0 auto;
	width: 200px;
	height: auto;
}
.promo-mr-link-riv{
	font-family: "pragmatica-web-condensed-1","pragmatica-web-condensed-2",sans-serif;
	text-transform: uppercase;
	font-size: 1em;
	color: #7a8f52;
	position: relative;
	top: -150px;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	transition: all 400ms ease;
}
.promo-mr-link-riv:hover{
	color: #526036;
}
.promo-mr-link-riv span{
	position: relative;
	left: -1em;
	opacity: 0;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	transition: all 250ms ease;
}
.promo-mr-link-riv:hover span{
	left: 0;
	opacity: 1;
}

/* @group Promo Doppia */

.promosky-slide.doppia .scritte{
	top: 10%;
}
@media screen and (max-width: 1025px) {
	.promosky-slide.doppia .scritte{
		top: 3%;
	}
}

.promosky-slide.doppia .scritte.sinistra{
  left: 5%;
}
.promosky-slide.doppia .scritte.destra{
  left: 53%;
}

.promosky-slide.doppia .scritte h2{
  margin-bottom: .25em;
}
.promosky-slide.doppia .scritte.sinistra h2{
	color: #c51315;
}
.promosky-slide.doppia .scritte.destra h2{
	color: #cfe6b5;
}

.promosky-slide .scritte a{
	color: white;
	text-decoration: none;
	/*padding-bottom: 2px;*/
	font-weight: 700;
	font-size: 1.1em;
	/*font-family: "pragmatica-web-1","pragmatica-web-2",sans-serif;*/
	
	opacity: 0;
	transition: all 1ms ease;
	-webkit-transition: all 1s ease;
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
	
/*	letter-spacing: -.7px;/*  *!/*/
}



.promosky-slide .roll-link span:after{
	background-color: #a7ba93;
	color: #fff;
	padding: 6px 0;
}

.promosky-slide.doppia .scritte.sinistra a{
  color: #c51315;
}
.promosky-slide.doppia .scritte.sinistra a.roll-link span{
  border-bottom: 1px dotted #c51315;
}
.promosky-slide.doppia .scritte.sinistra .roll-link span:after{
  background-color: #c51315;
}
.promosky-slide.doppia .scritte.sinistra .roll-link span.ssg-icon:after{
  background-color: transparent;
}


.promosky-slide.animate .scritte h2 {
	opacity: 1;
}
.promosky-slide.animate a{
	opacity: 1;
}

.promosky-slide.doppia.animate .scritte.sinistra h2 {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.promosky-slide.doppia.animate .scritte.sinistra a {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
.promosky-slide.doppia.animate .scritte.destra h2 {
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
.promosky-slide.doppia.animate .scritte.destra a {
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
}



.promosky-slide.doppia.natale .scritte.sinistra h2{
	color: #fff;
}
.promosky-slide.doppia.natale .scritte.sinistra h2 .accent{
  color: #C1B055;
}
.promosky-slide.doppia.natale .scritte.sinistra a {
  color: #C1B055;
}
.promosky-slide.doppia.natale .scritte.sinistra a.roll-link span{
  border-bottom: 1px dotted #C1B055;
}
.promosky-slide.doppia.natale .scritte.sinistra .roll-link span:after{
  background-color: #C1B055;
  color: #000;
}
.promosky-slide.natale .scritte p{
  color: #dedbdb;
  font-family: "pragmatica-web-condensed-1","pragmatica-web-condensed-2",sans-serif;
}

.promosky-slide.doppia.natale .scritte.sinistra .roll-link span.ssg-icon:after {
    position: relative;
    left: 10px;
}

.promosky-slide.doppia.natale .scritte.sinistra{
  left: 1%;
}
@media screen and (max-width: 1025px) {
	.promosky-slide.doppia.natale .scritte.sinistra{
	  top: 2rem;
	  left: 0;
	}
}

.promosky-slide.doppia.natale .scritte.sinistra h2{
	font-size: 2.6em;
	line-height: 1;
}
.promosky-slide.natale .scritte p{
  font-size: 1.2em;
  line-height: 1.2!important;
}

@media screen and (min-width: 1200px) {
  .promosky-slide.doppia.natale .scritte.sinistra h2{
  	font-size: 2.5em;
  }
  .promosky-slide.natale .scritte p{
    font-size: 1.2em;
  }
}

@media screen and (min-width: 1440px) {
  .promosky-slide.doppia.natale .scritte.sinistra h2{
  	font-size: 2.8em;
  }
  .promosky-slide.natale .scritte p{
    font-size: 1.4em;
  }
}


/* @end */

/* @group NUova slide Forest */

.slide.forest .logo_fsc{
   position: absolute;
       top: 0;
       left: 100%;
       width: 100px;
       /*opacity: 0;*/
}
@media only screen and (max-width: 1300px) {
	.slide.forest .logo_fsc{
	   width: 80px;
	}
}
@media only screen and (max-width: 1200px) {
	.slide.forest .logo_fsc{
	   width: 70px;
	}
}
@media only screen and (max-width: 1100px) {
	.slide.forest .logo_fsc{
	   width: 60px;
	}
}


.cycle-container .slide.animate .scritte .logo_fsc{
	-webkit-animation-name: showYourself;
	-webkit-animation-duration: .3s;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-delay: 2.3s;
	-webkit-animation-fill-mode: backwards;
	-moz-animation-name: showYourself;
	-moz-animation-duration: .3s;
	-moz-animation-timing-function: ease-out;
	-moz-animation-iteration-count: 1;
	-moz-animation-delay: 2.3s;
	-moz-animation-fill-mode: backwards;
	-o-animation-name: showYourself;
	-o-animation-duration: .3s;
	-o-animation-timing-function: ease-out;
	-o-animation-iteration-count: 1;
	-o-animation-delay: 2.3s;
	-o-animation-fill-mode: backwards;
	-ms-animation-name: showYourself;
	-ms-animation-duration: .3s;
	-ms-animation-timing-function: ease-out;
	-ms-animation-iteration-count: 1;
	-ms-animation-delay: 2.3s;
	-ms-animation-fill-mode: backwards;
	animation-name: showYourself;
	animation-duration: .3s;
	animation-timing-function: ease-out;
	animation-iteration-count: 1;
	animation-delay: 2.3s;
	animation-fill-mode: backwards;
}

/* @end */

/* @group Promo primavera 2016 */

.pp16-slide h2{
  color: #8ca490!important;
}
.pp16-slide p{
  color: #a9c580!important;
}
.pp16-slide a span{
  border-bottom: 1px dotted #8ca490!important;
}
.pp16-slide a{
  color: #8ca490!important;
  font-size: 1em!important;
}
.pp16-slide .roll-link span:after {
  background-color: #8ca490!important;
  /*font-size: 0.9em!important;
  text-indent: -31px!important;*/
}

.pp16-slide .pp16-bollino-slide{
   position: absolute;
       top: 0;
       left: 110%;
       width: 130px!important;
       /*opacity: 0;*/
}
@media only screen and (max-width: 1300px) {
	.pp16-slide .pp16-bollino-slide{
	   width: 130px!important;
	}
}
@media only screen and (max-width: 1200px) {
	.pp16-slide .pp16-bollino-slide{
	   width: 130px!important;
	}
}
@media only screen and (max-width: 1100px) {
	.pp16-slide .pp16-bollino-slide{
	   width: 100px!important;
	}
}


.cycle-container .slide.animate .scritte .pp16-bollino-slide{
	-webkit-animation-name: showYourself;
	-webkit-animation-duration: .3s;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-delay: 2.3s;
	-webkit-animation-fill-mode: backwards;
	-moz-animation-name: showYourself;
	-moz-animation-duration: .3s;
	-moz-animation-timing-function: ease-out;
	-moz-animation-iteration-count: 1;
	-moz-animation-delay: 2.3s;
	-moz-animation-fill-mode: backwards;
	-o-animation-name: showYourself;
	-o-animation-duration: .3s;
	-o-animation-timing-function: ease-out;
	-o-animation-iteration-count: 1;
	-o-animation-delay: 2.3s;
	-o-animation-fill-mode: backwards;
	-ms-animation-name: showYourself;
	-ms-animation-duration: .3s;
	-ms-animation-timing-function: ease-out;
	-ms-animation-iteration-count: 1;
	-ms-animation-delay: 2.3s;
	-ms-animation-fill-mode: backwards;
	animation-name: showYourself;
	animation-duration: .3s;
	animation-timing-function: ease-out;
	animation-iteration-count: 1;
	animation-delay: 2.3s;
	animation-fill-mode: backwards;
}

/* @end */

/* @group Slide AIFI */

.slide-aifi a span{
  border-bottom: 1px dotted #000!important;
}
.slide-aifi a{
  color: #000!important;
  font-size: 1em!important;
}
.slide-aifi .roll-link span:after {
  /*background-color: #000!important;*/
  /*font-size: 0.9em!important;
  text-indent: -31px!important;*/
}


/* @end */

/* @group Sett 2016 */

img.bollo-nuovo-prodotto {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 0!important;
}

/* @end */

/* @group Slide Nuove reti legno */

.slide--legno h2{
  margin-bottom: .1em!important;
}
.slide--legno a span{
  border-bottom: 1px dotted #86aa0b!important;
}
.slide--legno a{
  color: #86aa0b!important;
  font-size: 1em!important;
}
.slide--legno .roll-link span:after {
  /*background-color: #000!important;*/
  /*font-size: 0.9em!important;
  text-indent: -31px!important;*/
}


/* @end */

.slide--vancouver h2{
  margin-bottom: .1em!important;
}
.slide--vancouver a span{
  border-bottom: 1px dotted #79bd58!important;
}
.slide--vancouver a{
  color: #79bd58!important;
  font-size: 1em!important;
}
.slide--vancouver .roll-link span:after {
      background: #64a843;
}

@media (max-width: 1200px){
  
  .slide--vancouver p{
    margin-bottom: 30px!important;
    font-size: 1.5em!important;
  }
}


.slide--super h2{
  margin-bottom: .3em!important;
}
.slide--super a span{
  border-bottom: 1px dotted #82796A!important;
}
.slide--super a{
  color: #82796A!important;
  font-size: 1em!important;
}
.slide--super .roll-link span:after {
      background: #82796A;
}

@media (max-width: 1200px){
  
  .slide--super p{
    margin-bottom: 30px!important;
    font-size: 1.5em!important;
  }
}



/* @end */

/* @group Video Slide */


.slide-with-video {
  position: relative;
}
.slide-with-video:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 46.875%;
}
.slide-with-video__wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  
  overflow: hidden;
  
}

.slide-with-video__wrapper video{
  position: absolute;
  top: 40%;
  left: 50%;
  width: 100%;
  height: auto;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.slide-with-video:after {
  display: block;
  content: "";
  width: 100%;
  height: 200px;
  position: absolute;
  bottom: 0;
  left: 0;
  
  background: rgba(0,0,0,0);
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.27) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.27)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.27) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.27) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.27) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.27) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.hide-animated-caption .scritte{
  display: none;
}

/* @end */


/* @group Slide primavera 2018 */



.slide--pp18-title{
  font-family: "pragmatica-web-1","pragmatica-web-2",sans-serif;
  font-weight: bold!important;
  font-size: 40px!important;
  color: #61911F!important;
  text-transform: none!important;
  line-height: 1.2!important;
  letter-spacing: -0.86px;
  margin-bottom: .7em;
}
@media (max-width: 1400px) {  
  .slide--pp18-title{
    font-size: 35px!important;
  }
}/* @media (max-width: 1400px) */
@media (max-width: 1200px) {  
  .slide--pp18-title{
    font-size: 30px!important;
  }
}/* @media (max-width: 1200px) */

.slide--pp18-date{
  font-family: "pragmatica-web-1","pragmatica-web-2",sans-serif;
  font-weight: bold;
  color: #6C6C6C;
  font-size: 10px;
  letter-spacing: .5px;
  display: block;
  margin-bottom: .4em;
  text-transform: uppercase!important;
}
@media (max-width: 1400px) {  
  .slide--pp18-date{
    font-size: 13px;
  }
}/* @media (max-width: 1400px) */
@media (max-width: 1200px) {  
  .slide--pp18-date{
    font-size: 14px;
  }
}/* @media (max-width: 1200px) */

.slide--pp18-text{
  font-family: "pragmatica-web-1","pragmatica-web-2",sans-serif;
  font-size: 30px!important;
  color: #808080!important;
  text-transform: none!important;
  letter-spacing: -0.6px;
  line-height: 1.3!important;
}
@media (max-width: 1400px) {  
  .slide--pp18-text{
    font-size: 25px!important;
  }
}/* @media (max-width: 1400px) */
@media (max-width: 1200px) {  
  .slide--pp18-text{
    font-size: 20px!important;
  }
}/* @media (max-width: 1200px) */

.slide--pp18-text span{
  font-weight: bold;
  color: #61911F;
}

.slide--pp18 a span{
  border-bottom: 1px dotted #61911F!important;
}
.slide--pp18 a{
  color: #61911F!important;
  font-size: 1em!important;
}
.slide--pp18 .roll-link span:first-of-type:after {
  background-color: #61911F!important;
}


@media (max-width: 1200px) {  
}/* @media (max-width: 1200px) */


/* @end */