@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&family=Open+Sans:wght@300;700&display=swap');
body{
margin:0px;
padding:0px;
border:none;
font-family: 'Open Sans', sans-serif;
font-size:14px;
}
.UnderLines{
border:none;
border-bottom:solid 1px black;
width:100%;
background:transparent;
font-size:14px;
line-height:20px;
margin-bottom:16px;
}
.ButtonSend{
cursor:pointer;
font-size:14px;
line-height:14px;
padding:16px;
border:solid 1px black;
background:#dddddd;
width:220px;
margin:10px auto;
}
.SoBig{
display:inline-block;
transition: all 0.3s;
transform:scale(20) rotate(-845deg) translate(100vw,-100vh);
opacity:0;
}
.Menu_Alto{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	background: rgba(128,128,128,0.53);
	z-index:99;
	text-align:center;
	font-family: 'Open Sans Condensed', sans-serif;
}
.LargePage{
	position:relative;
	width:1200px;
	max-width:100%;
	margin:auto;
	box-sizing: border-box;
	-ms-word-break: break-word;
	word-break: break-word;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	text-rendering: geometricPrecision;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
#BigLogo{
	cursor:pointer;
	display:inline-block;
	height:150px;
	width:150px;
	background-size:100% 100%;
	background-image:url('FOTO/Logo.jpg');
	background-repeat:no-repeat;
	background-position:center center;
	transform:translateY(40%);
	box-shadow:1px 2px 5px rgba(0,0,0,0.15);
	transition: all 0.3s;
}
.BigLogo:hover{
opacity:0.8;
}
.MenuVoice{
display:inline-block;
cursor:pointer;
position:relative;
padding:16px;
box-sizing:border-box;
font-weight:bold;
color:white;
vertical-align:bottom;
}
.MenuVoice:after{
position:absolute;
left:0px;
bottom:0px;
width:0%;
height:2px;
background:#00aaad;
content:"";
transition: all 0.3s;
}
.MenuVoice:hover:after{
width:100%;
}
.Sandwich{
cursor:pointer;
display:none;
position:absolute;
top:25px;
right:16px;
width:30px;
height:20px;
box-sizing:border-box;
border-top:solid 3px white;
border-bottom:solid 3px white;
}
.Sandwich:after{
content:"";
position:absolute;
left:0px;
top:50%;
height:3px;
width:100%;
background:white;
transform:translateY(-50%);
}
.Sandwich:hover{
transform:scale(1.05);
}
.Sandwich:active{
transform:scale(0.95);
}
.HomePict{
overflow:hidden;
position:relative;
width:100%;
height:100vh;
}
.LipsiaPict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Lipsia.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.AlmaPict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Alma.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.AtenePict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Atene.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.AustraliaPict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Australia.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.CaryPict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Cary.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.CretaPict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Creta.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.DiamantebordatoPict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Diamante-bordato.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.DiamantePict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Diamante.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.DreamsPict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Dreams.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.DublinocomfortPict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Dublino-comfort.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.LagosPict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Lagos.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.LaylaPict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Layla.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.LimaPict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Lima.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.LoirabordatoPict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Loira-bordato.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.LoiraPict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Loira.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.LunaPict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Luna.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.MalibuPict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Malibu.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.OceaniaPict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Oceania.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.Onda18Pict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Onda18.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.Onda20Pict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Onda20.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.OxfordPict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Oxford.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.SofiaPict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Sofia.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.TokyoPict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Tokyo.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.TopperPict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Topper.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.ViennacomfortplusPict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Vienna-comfortplus.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.WaterfoamPict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Water-foam.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.BabyzipPict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/BabyZip2.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.BabyfoamPict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/BabyFoam.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.BabyPict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/Baby.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.BabySoloPict{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/MATERASSI_COVERBIG/BabySolocover.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.DormireBene{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/Dormire-Bene.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.Reti{
position:relative;
left:0px;
top:0px;
width:100%;
height:calc(30vh - 16px);
background-image:url(FOTO/Dormire-Bene.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
}
#HomePict0{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(FOTO/cover00.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
#HomePict1{
opacity:0;
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.HomeTitle{
font-size:120px;
line-height:100%;
position:absolute;
left:46px;
bottom:26px;
font-family: 'Open Sans', sans-serif;
color:white;
transition: all 3.5s ease;
}
.Domanda{
font-size:14px;
font-weight:bold;
color:#3388cc;
line-height:30px;
float:left;
width:50%;
box-sizing:border-box;
padding:10px;
}
.DomandaLarge{
font-size:14px;
font-weight:bold;
color:#3388cc;
line-height:30px;
box-sizing:border-box;
padding:10px;
}
.InputMQ{
font-size:14px;
border:solid 1px gray;
line-height:14px;
padding:8px 16px;
background:white;
}
.ButtonInvia{
float:right;
margin:10px;
background:#ff8800;
padding:8px 16px;
color:white;
cursor:pointer;
font-size:14px;
border-radius:10px;
font-weight:bold;
}
.ButtonInvia:hover{
background:#5588ff;
}
.ButtonInvia:active{
background:#535353;
}
.ButtonClicca{
display:inline-block;
margin:10px;
background:#ff8800;
padding:8px 16px;
color:white;
cursor:pointer;
font-size:14px;
border-radius:10px;
font-weight:bold;
}
.ButtonClicca:hover{
background:#5588ff;
}
.ButtonClicca:active{
background:#535353;
}
.MateLogo{
position:absolute;
right:46px;
top:228px;
width:50px;
height:50px;
background-image:url(FOTO/MMI.png);
background-size:100% 100%;
background-repeat:no-repeat;
background-position:center center;
}
.MateLogoLHD{
position:absolute;
right:46px;
top:228px;
width:50px;
height:50px;
background-image:url(FOTO/LHD.jpg);
background-size:100% 100%;
background-repeat:no-repeat;
background-position:center center;
}
.MateLogoLMF{
position:absolute;
right:46px;
top:228px;
width:50px;
height:50px;
background-image:url(FOTO/LMF.jpg);
background-size:100% 100%;
background-repeat:no-repeat;
background-position:center center;
}
.MateLogoLMI{
position:absolute;
right:46px;
top:228px;
width:50px;
height:50px;
background-image:url(FOTO/LMI.png);
background-size:100% 100%;
background-repeat:no-repeat;
background-position:center center;
}
.MateLogoLB{
position:absolute;
right:46px;
top:228px;
width:50px;
height:50px;
background-image:url(FOTO/LB.png);
background-size:100% 100%;
background-repeat:no-repeat;
background-position:center center;
}
.MateLogoLN{
position:absolute;
right:46px;
top:228px;
width:50px;
height:50px;
background-image:url(FOTO/LN.png);
background-size:100% 100%;
background-repeat:no-repeat;
background-position:center center;
}
.MateLogoLL{
position:absolute;
right:46px;
top:228px;
width:50px;
height:50px;
background-image:url(FOTO/LL.png);
background-size:100% 100%;
background-repeat:no-repeat;
background-position:center center;
}
.MateLogoLC{
position:absolute;
right:46px;
top:228px;
width:50px;
height:50px;
background-image:url(FOTO/LC.png);
background-size:100% 100%;
background-repeat:no-repeat;
background-position:center center;
}
.MateLogoLBaby{
position:absolute;
right:46px;
top:228px;
width:50px;
height:50px;
background-image:url(FOTO/LBaby.png);
background-size:100% 100%;
background-repeat:no-repeat;
background-position:center center;
}
.MateTitle{
font-size:64px;
line-height:100%;
position:absolute;
left:46px;
top:220px;
font-family: 'Open Sans', sans-serif;
font-weight:bold;
color:white;
text-shadow:1px 1px 1px rgba(0,0,0,0.53);
}
	.MateTitleXS {display: inline-block; font-size: 60%;}

	.RetiTitle{
		font-size:45px;
		line-height:100%;
		/*position:absolute;
		left:46px;
		top:220px;*/
		font-family: 'Open Sans', sans-serif;
		font-weight:bold;
		color:#000000;
		text-shadow:1px 1px 1px rgba(0,0,0,0.53);
	}
		.RetiTitleup {font-size:26px;}
		.RetiTitlebottom {font-size:18px;}

.SubMateTitle{
font-size:24px;
max-width:100%;
line-height:100%;
text-shadow:1px 1px 1px rgba(0,0,0,0.53);
}
.MateSummary{
font-size:20px;
line-height:120%;
position:absolute;
left:46px;
bottom:26px;
max-width:650px;
font-family: 'Open Sans', sans-serif;
color:white;
padding-right:16px;
box-sizing:border-box;
text-shadow:1px 1px 1px rgba(0,0,0,0.53);
}
.fXS {
	font-size: 14px;
}
.HalfBox{
width:50%;
float:left;
position:relative;
box-sizing:border-box;
}
.HalfBoxReti{
	width:100%;
	float:left;
	position:relative;
	box-sizing:border-box;
}
.Half65{
width:65%;
float:left;
position:relative;
box-sizing:border-box;
}
.Half35{
width:35%;
float:left;
position:relative;
box-sizing:border-box;
}
.ThirdBox{
width:33%;
float:left;
position:relative;
box-sizing:border-box;
}
.Half66{
width:65%;
float:left;
position:relative;
box-sizing:border-box;
}
.LargePadding{
	padding:46px;
}
.HomeGray{
	background-color:#d2d3d4;
}
.HomeWhite{
	position:relative;
	background-color:#ffffff;
}
.HalfGray{
	background-size:100% 100%;
	position:relative;
	background-image:url(FOTO/BGG.jpg);
	background-position:left top;
	padding:60px 16px;
}
.StripeTitle{
position:relative;
background:#5a6f72;
color:white;
line-height:26px;
box-sizing:border-box;
text-align:center;
font-size:24px;
box-sizing:border-box;
padding:20px 10px;
}
.StripeTitle:before{
position:absolute;
left:2px;
top:2px;
width:calc(100% - 4px);
height:calc(100% - 4px);
content:"";
box-sizing:border-box;
border:solid 4px white;
}
.SimpleTitle{
position:relative;
line-height:36px;
box-sizing:border-box;
font-size:34px;
box-sizing:border-box;
padding:20px 10px;
}
.SimpleSummary{
position:relative;
line-height:26px;
box-sizing:border-box;
font-size:24px;
box-sizing:border-box;
padding:20px 10px;
}
.GreenTitle{
position:relative;
color:#01aaad;
box-sizing:border-box;
text-align:left;
font-size:36px;
line-height:100%;
font-family: 'Open Sans', sans-serif;
font-weight:bold;
box-sizing:border-box;
padding:20px 10px;
}
.GreenTitleLit{
position:relative;
color:#01aaad;
box-sizing:border-box;
text-align:left;
font-size:24px;
line-height:100%;
font-family: 'Open Sans', sans-serif;
font-weight:bold;
box-sizing:border-box;
padding:20px 10px;
}
.BlackTitle{
position:relative;
color:#000000;
box-sizing:border-box;
text-align:left;
font-size:36px;
line-height:100%;
font-family: 'Open Sans', sans-serif;
font-weight:bold;
box-sizing:border-box;
padding:0px 10px;
}
.BlackTitleLit{
position:relative;
color:#000000;
box-sizing:border-box;
text-align:left;
font-size:24px;
line-height:100%;
font-family: 'Open Sans', sans-serif;
font-weight:bold;
box-sizing:border-box;
padding:0px 10px;
}
.GreenBoxTitle{
background-color:#01aaad;
color:white;
font-size:18px;
line-height:100%;
font-family: 'Open Sans', sans-serif;
font-weight:normal;
padding:8px 12px;
display:inline-block;
}
.Loghetti{
display:inline-block;
width:90px;
height:90px;
background-size:contain;
background-repeat:no-repeat;
background-position:center center;
margin:0px 16px 16px 0px;
}
.MolleL{
position:relative;
display:inline-block;
width:150px;
height:150px;
background-size:contain;
background-repeat:no-repeat;
background-position:center center;
margin:0px 16px 16px 0px;
font-family: 'Open Sans Condensed', sans-serif;
}
.MolleL:after{
position:absolute;
left:0px;
top:calc(100% + 6px);
width:100%;
font-size:12px;
line-height:16px;
text-align:center;
}
.ML1:after{
content:"SUPER MICROMOLLE \A INSACCHETTATE";
}
.ML2:after{
content:"MICROMOLLE \A INSACCHETTATE";
}
.ML3:after{
content:"MOLLE \A INSACCHETTATE";
}
.ML4:after{
content:"MOLLE \A BONNEL";
}
.HomeText{
font-family: 'Open Sans', sans-serif;
font-weight:normal;
box-sizing:border-box;
font-size:14px;
padding:20px 10px;
}
.Perc30{
width:100%;
height:0px;
padding-bottom:100%;
background-image:url(FOTO/30perc.jpg);
background-size:contain;
background-repeat:no-repeat;
background-position:left top;
}
.Tronco{
width:100%;
height:0px;
padding-bottom:44%;
background-image:url(FOTO/Tronco.jpg);
background-size:contain;
background-repeat:no-repeat;
background-position:left top;
}
.TroppoMorbido{
width:100%;
height:0px;
padding-bottom:146%;
background-image:url(FOTO/TroppoMorbido.jpg);
background-size:contain;
background-repeat:no-repeat;
background-position:left top;
}
.TroppoRigido{
width:100%;
height:0px;
padding-bottom:146%;
background-image:url(FOTO/TroppoRigido.jpg);
background-size:contain;
background-repeat:no-repeat;
background-position:left top;
}
.ComfortErgonomico{
width:100%;
height:0px;
padding-bottom:146%;
background-image:url(FOTO/ComfortErgonomico.jpg);
background-size:contain;
background-repeat:no-repeat;
background-position:left top;
}
.Lastra{
width:150%;
padding-bottom:80%;
position:relative;
height:0px;
background-size:contain;
background-repeat:no-repeat;
background-position:left:top;
}
	.LAlma {background-image:url(FOTO/MATERASSI_LASTRA/lastra-alma.png);}
	.LAtene {background-image:url(FOTO/MATERASSI_LASTRA/lastra-atene.png);}
	.LAustralia {background-image:url(FOTO/MATERASSI_LASTRA/lastra-australia.png);}
	.LCary {background-image:url(FOTO/MATERASSI_LASTRA/lastra-cary.png);}
	.LCreta {background-image:url(FOTO/MATERASSI_LASTRA/lastra-creta.png);}
	.LDiamante {background-image:url(FOTO/MATERASSI_LASTRA/lastra-diamante.png);}
	.LDiamantebordato {background-image:url(FOTO/MATERASSI_LASTRA/lastra-diamantebordato.png);}
	.LDreams {background-image:url(FOTO/MATERASSI_LASTRA/lastra-dreams.png);}
	.LDublinocomfort {background-image:url(FOTO/MATERASSI_LASTRA/lastra-dublinocomfort.png);}
	.LLagos {background-image:url(FOTO/MATERASSI_LASTRA/lastra-lagos.png);}
	.LLayla {background-image:url(FOTO/MATERASSI_LASTRA/lastra-layla.png);}
	.LLima {background-image:url(FOTO/MATERASSI_LASTRA/lastra-lima.png);}
	.LLipsia {background-image:url(FOTO/MATERASSI_LASTRA/lastra-lipsia.png);}
	.LLoira {background-image:url(FOTO/MATERASSI_LASTRA/lastra-loira.png);}
	.LLoirabordato {background-image:url(FOTO/MATERASSI_LASTRA/lastra-loirabordato.png);}
	.LLuna {background-image:url(FOTO/MATERASSI_LASTRA/lastra-luna.png);}
	.LMalibu {background-image:url(FOTO/MATERASSI_LASTRA/lastra-malibu.png);}
	.LOceania {background-image:url(FOTO/MATERASSI_LASTRA/lastra-oceania.png);}
	.LOnda18 {background-image:url(FOTO/MATERASSI_LASTRA/lastra-onda18.png);}
	.LOnda20 {background-image:url(FOTO/MATERASSI_LASTRA/lastra-onda20.png);}
	.LOxford {background-image:url(FOTO/MATERASSI_LASTRA/lastra-oxford.png);}
	.LSofia {background-image:url(FOTO/MATERASSI_LASTRA/lastra-sofia.png);}
	.LTokyo {background-image:url(FOTO/MATERASSI_LASTRA/lastra-tokyo.png);}
	.LTopper {background-image:url(FOTO/MATERASSI_LASTRA/lastra-topper.png);}
	.LViennacomfortplus {background-image:url(FOTO/MATERASSI_LASTRA/lastra-viennacomfortplus.png);}
	.LWaterfoam {background-image:url(FOTO/MATERASSI_LASTRA/lastra-waterfoam.png);}
	.LBabyzip {background-image:url(FOTO/MATERASSI_LASTRA/lastra-babyzip.png);}
	.LBabyfoam {background-image:url(FOTO/MATERASSI_LASTRA/lastra-babyfoam.png);}
	.LBaby {background-image:url(FOTO/MATERASSI_LASTRA/lastra-baby.png);}
	.LElettrica {background-image:url(FOTO/MATERASSI_LASTRA/lastra-retielettrica.png);}
	.LManuale {background-image:url(FOTO/MATERASSI_LASTRA/lastra-manuale.png);}
	.LEvofissa {background-image:url(FOTO/MATERASSI_LASTRA/lastra-evolutionfissa.png);}
	.LLegno {background-image:url(FOTO/MATERASSI_LASTRA/lastra-tuttalegno.png);}
	.LLarghe {background-image:url(FOTO/MATERASSI_LASTRA/lastra-doghelarghe.png);}
	.LDoghe {background-image:url(FOTO/MATERASSI_LASTRA/lastra-doghe.png);}
	.LCastello {background-image:url(FOTO/MATERASSI_LASTRA/lastra-castello.png);}
	.LPieghevole {background-image:url(FOTO/MATERASSI_LASTRA/lastra-pieghevole.png);}
	.LLattice {background-image:url(FOTO/MATERASSI_LASTRA/lastra-lattice.jpg);}

.LMI{
background-image:url(FOTO/Linea-Micro-Molle-Insacchettate.png);
}
.HDI{
background-image:url(FOTO/Linea-High-Density.png);
}
.BlackCircle{
display:inline-block;
width:12px;
height:12px;
background:black;
color:white;
font-size:10px;
text-align:center;
line-height:11px;
}
.Molle{
position:relative;
width:100%;
height:0px;
padding-bottom:66%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
background-image:url(FOTO/Molle.jpg);
box-sizing:border-box;
}
.FillSotto{
position:relative;
width:100%;
height:0px;
padding-bottom:66%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
box-sizing:border-box;
}
	.FSalma {background-image:url(FOTO/MATERASSI_FILL/FSalma.jpg);}
	.FSdiamante {background-image:url(FOTO/MATERASSI_FILL/FSdiamante.jpg);}
	.FSlagos {background-image:url(FOTO/MATERASSI_FILL/FSlagos.jpg);}
	.FSlayla {background-image:url(FOTO/MATERASSI_FILL/FSlayla.jpg);}
	.FSlima {background-image:url(FOTO/MATERASSI_FILL/FSlima.jpg);}
	.FSlipsia {background-image:url(FOTO/MATERASSI_FILL/FSlipsia.jpg);}
	.FSloira {background-image:url(FOTO/MATERASSI_FILL/FSloira.jpg);}
	.FSluna {background-image:url(FOTO/MATERASSI_FILL/FSluna.jpg);}
	.FSmalibu {background-image:url(FOTO/MATERASSI_FILL/FSmalibu.jpg);}
	.FSoceania {background-image:url(FOTO/MATERASSI_FILL/FSoceania.jpg);}
	.FSonda20 {background-image:url(FOTO/MATERASSI_FILL/FSonda20.jpg);}
	.FSsofia {background-image:url(FOTO/MATERASSI_FILL/FSsofia.jpg);}
	.FSwaterfoam {background-image:url(FOTO/MATERASSI_FILL/FSwaterfoam.jpg);}

.Thermo{
position:relative;
width:100%;
height:0px;
padding-bottom:66%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
background-image:url(FOTO/Thermo.jpg);
box-sizing:border-box;
}
.Scala{
width:100%;
height:0px;
padding-bottom:64%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
box-sizing:border-box;
}
	.SRalma {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-alma.jpg);}
	.SRatene {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-atene.jpg);}
	.SRaustralia {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-australia.jpg);}
	.SRcary {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-cary.jpg);}
	.SRcreta {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-creta.jpg);}
	.SRdiamante {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-diamante.jpg);}
	.SRdiamantebordato {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-diamantebordato.jpg);}
	.SRdreams {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-dreams.jpg);}
	.SRdublinocomfort {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-dublinocomfort.jpg);}
	.SRlagos {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-lagos.jpg);}
	.SRlayla {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-layla.jpg);}
	.SRlima {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-lima.jpg);}
	.SRlipsia {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-lipsia.jpg);}
	.SRloira {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-loira.jpg);}
	.SRloirabordato {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-loirabordato.jpg);}
	.SRluna {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-luna.jpg);}
	.SRmalibu {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-malibu.jpg);}
	.SRoceania {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-oceania.jpg);}
	.SRonda18 {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-onda18.jpg);}
	.SRonda20 {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-onda20.jpg);}
	.SRoxford {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-oxford.jpg);}
	.SRsofia {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-sofia.jpg);}
	.SRtokyo {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-tokyo.jpg);}
	.SRtopper {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-topper.jpg);}
	.SRviennacomfortplus {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-viennacomfortplus.jpg);}
	.SRwaterfoam {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-waterfoam.jpg);}
	.SRbabyzip {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-babyzip.jpg);}
	.SRbabyfoam {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-babyfoam.jpg);}
	.SRbaby {background-image:url(FOTO/MATERASSI_RIGIDITA/scala-baby.jpg);}

.ScalaH26{
width:100%;
height:0px;
padding-bottom:64%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
background-image:url(FOTO/ScalaH26.jpg);
box-sizing:border-box;
}
.ScalaH25{
width:100%;
height:0px;
padding-bottom:64%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
background-image:url(FOTO/ScalaH25.jpg);
box-sizing:border-box;
}
.Simbolo{
position:relative;
display:inline-block;
margin-right:10px;
width:60px;
height:60px;
border-radius:10px;
margin-bottom:40px;
background-size:auto 60px;
background-repeat:no-repeat;
background-image:url(FOTO/Simboli.jpg);
font-family: 'Open Sans Condensed', sans-serif;
}
	.SimboloH25{background-image:url(FOTO/SimboliH25.jpg);}
	.SimboloLMF{background-image:url(FOTO/Simboli-memoryfoam.jpg);}
	.SimboloLMI{background-image:url(FOTO/Simboli-molleindipendenti.jpg);}
	.SimboloLB{background-image:url(FOTO/Simboli-box.jpg);}
	.SimboloLN{background-image:url(FOTO/Simboli-nature.jpg);}
	.SimboloLL{background-image:url(FOTO/Simboli-lattice.jpg);}
	.SimboloLC{background-image:url(FOTO/Simboli-contract.jpg);}
	.SimboloLB{background-image:url(FOTO/Simboli-baby.jpg);}

.Simbolo:after{
position:absolute;
left:0px;
top:calc(100% + 3px);
width:100%;
font-size:12px;
text-align:center;
}
.S1{
background-position:0px 0px;
}
.S1:after{
content:"SFODERABILE";
}
.S2{
background-position:-60px 0px;
}
.S2:after{
content:"ERGONOMICO";
}
.S3{
background-position:-120px 0px;
}
.S3:after{
content:"SFODERABILE";
}
.S4{
background-position:-180px 0px;
}
.S4:after{
content:"ANTIACARO";
}
.S5{
background-position:-240px 0px;
}
.S5:after{
content:"ANALLERGICO";
}
.S6{
background-position:-300px 0px;
}
.S6:after{
content:"TRASPIRANTE";
}
.S7{
background-position:-360px 0px;
}
.S7:after{
content:"SFODERABILE";
}
.S8{
background-position:-420px 0px;
}
.S8:after{
content:"PORTANZA DIFFERENZIATA";
}
.S9{
background-position:-480px 0px;
}
.S9:after{
content:"SFODERABILE";
}
.S10{
background-position:-540px 0px;
}
.S10:after{
content:"LAVABILE 30°";
}
.S11{
background-position:-600px 0px;
}
.S11:after{
content:"TESSUTO CLIMATIZZATO";
}
.S12{
background-position:-660px 0px;
}
.S12:after{
content:"ANTISTATICO";
}
.S13{
background-position:-720px 0px;
}
.S13:after{
content:"SFODERABILE";
}
.MateFill01{
position:relative;
width:100%;
height:0px;
padding-bottom:67%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
box-sizing:border-box;
background-image:url(FOTO/Linea-Micro-Molle-Insacchettate-fill.jpg);
}
.MateFill02{
position:relative;
width:100%;
height:0px;
padding-bottom:67%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
box-sizing:border-box;
background-image:url(FOTO/Linea-High-Density-Fill.jpg);
}
.MateFill{
position:relative;
width:100%;
height:0px;
padding-bottom:67%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
box-sizing:border-box;
}
	.MFalma {background-image:url(FOTO/MATERASSI_FILL/fill_alma.jpg);}
	.MFatene {background-image:url(FOTO/MATERASSI_FILL/fill_atene.jpg);}
	.MFaustralia {background-image:url(FOTO/MATERASSI_FILL/fill_australia.jpg);}
	.MFcary {background-image:url(FOTO/MATERASSI_FILL/fill_cary.jpg);}
	.MFcreta {background-image:url(FOTO/MATERASSI_FILL/fill_creta.jpg);}
	.MFdiamante {background-image:url(FOTO/MATERASSI_FILL/fill_diamante.jpg);}
	.MFdiamantebordato {background-image:url(FOTO/MATERASSI_FILL/fill_diamantebordato.jpg);}
	.MFdreams {background-image:url(FOTO/MATERASSI_FILL/fill_dreams.jpg);}
	.MFdublinocomfort {background-image:url(FOTO/MATERASSI_FILL/fill_dublinocomfort.jpg);}
	.MFlagos {background-image:url(FOTO/MATERASSI_FILL/fill_lagos.jpg);}
	.MFlayla {background-image:url(FOTO/MATERASSI_FILL/fill_layla.jpg);}
	.MFlima {background-image:url(FOTO/MATERASSI_FILL/fill_lima.jpg);}
	.MFlipsia {background-image:url(FOTO/MATERASSI_FILL/fill_lipsia.jpg);}
	.MFloira {background-image:url(FOTO/MATERASSI_FILL/fill_loira.jpg);}
	.MFloirabordato {background-image:url(FOTO/MATERASSI_FILL/fill_loirabordato.jpg);}
	.MFluna {background-image:url(FOTO/MATERASSI_FILL/fill_luna.jpg);}
	.MFmalibu {background-image:url(FOTO/MATERASSI_FILL/fill_malibu.jpg);}
	.MFoceania {background-image:url(FOTO/MATERASSI_FILL/fill_oceania.jpg);}
	.MFonda18 {background-image:url(FOTO/MATERASSI_FILL/fill_onda18.jpg);}
	.MFonda20 {background-image:url(FOTO/MATERASSI_FILL/fill_onda20.jpg);}
	.MFoxford {background-image:url(FOTO/MATERASSI_FILL/fill_oxford.jpg);}
	.MFsofia {background-image:url(FOTO/MATERASSI_FILL/fill_sofia.jpg);}
	.MFtokyo {background-image:url(FOTO/MATERASSI_FILL/fill_tokyo.jpg);}
	.MFtopper {background-image:url(FOTO/MATERASSI_FILL/fill_topper.jpg);}
	.MFviennacomfort {background-image:url(FOTO/MATERASSI_FILL/fill_viennacomfort.jpg);}
	.MFwaterfoam {background-image:url(FOTO/MATERASSI_FILL/fill_waterfoam.jpg);}
	.MFbabyzip {background-image:url(FOTO/MATERASSI_FILL/fill_babyzip.jpg);}
	.MFbabyfoam {background-image:url(FOTO/MATERASSI_FILL/fill_babyfoam.jpg);}
	.MFbaby {background-image:url(FOTO/MATERASSI_FILL/fill_baby.jpg);}

.Cuscini{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100vh;
background-image:url(FOTO/Cuscino.jpg);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
transition: all 3.5s ease;
}
.Sezione{
position:relative;
width:100%;
height:0px;
padding-bottom:48%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
box-sizing:border-box;
background-image:url(FOTO/CUSCINI/Sezione.jpg);
}
.Reclinabile{
position:relative;
width:100%;
height:0px;
padding-bottom:61%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
box-sizing:border-box;
background-image:url(FOTO/Reclinabile.jpg);
}
.Manuale{
position:relative;
width:100%;
height:0px;
padding-bottom:68%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
box-sizing:border-box;
background-image:url(FOTO/Manuale.jpg);
}
.Evolution{
position:relative;
width:100%;
height:0px;
padding-bottom:56%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
box-sizing:border-box;
background-image:url(FOTO/Evolution.jpg);
}
.Tuttolegno{
position:relative;
width:100%;
height:0px;
padding-bottom:56%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
box-sizing:border-box;
background-image:url(FOTO/tuttolegno.jpg);
}
.DogheLarghe{
position:relative;
width:100%;
height:0px;
padding-bottom:56%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
box-sizing:border-box;
background-image:url(FOTO/doghelarghe.jpg);
}
.ReteDoghe{
position:relative;
width:100%;
height:0px;
padding-bottom:56%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
box-sizing:border-box;
background-image:url(FOTO/retedoghe.jpg);
}
.Castello{
position:relative;
width:100%;
height:0px;
padding-bottom:56%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
box-sizing:border-box;
background-image:url(FOTO/castello.jpg);
}
.RetePieghevole{
position:relative;
width:100%;
height:0px;
padding-bottom:56%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
box-sizing:border-box;
background-image:url(FOTO/pieghevole.jpg);
}
.Schiume{
position:relative;
width:100%;
height:0px;
padding-bottom:67%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
box-sizing:border-box;
background-image:url(FOTO/Schiume.jpg);
}
.Corsa{
position:relative;
width:100%;
height:0px;
padding-bottom:67%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
box-sizing:border-box;
background-image:url(FOTO/Corsa.jpg);
}
.Stende{
position:relative;
width:100%;
height:0px;
padding-bottom:67%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
box-sizing:border-box;
background-image:url(FOTO/Stende.jpg);
}
.Insacchettate{
position:relative;
width:100%;
height:0px;
padding-bottom:67%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
box-sizing:border-box;
background-image:url(FOTO/Insacchettate.jpg);
}
.MQimage{
position:relative;
width:100%;
height:0px;
padding-bottom:50%;
background-size:cover;
background-position:center top;
background-repeat:no-repeat;
box-sizing:border-box;
border:solid 1px white;
}
.MQFix{
clear:both;
}
.BigBold{
font-weight:700;
font-size:16px;
}
.BoxButtons{
padding:10px;
text-align:center;
}
.SingleButton{
width:calc(20% - 12px);
cursor:pointer;
position:relative;
float:left;
margin:6px;
height:70px;
box-sizing:border-box;
color:white;
text-align:center;
font-size:13px;
line-height:14px;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}
.SingleButton:hover{
	transform:scale(1.05);
}
.SingleButton:active{
	transform:scale(0.95);
}
.ButtonText{
position:absolute;
top:50%;
width:100%;
transform:translateY(-50%);
}
.ParaTitle{
	font-size:50px;
}
.FloatImages{
width:33.33%;
height:200px;
float:left;
position:relative;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
box-sizing:border-box;
border:solid 10px white;
}
.BigFloatImages{
width:100%;
height:700px;
float:left;
position:relative;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
box-sizing:border-box;
border:solid 10px white;
}
.Footer{
background-color:#aa9d8d;
}
.Quarter{
width:25%;
float:left;
position:relative;
box-sizing:border-box;
text-align:left;
}
.FinalLogo{
width:100px;
height:100px;
margin:20px;
background-size:100% 100%;
background-image:url('FOTO/Logo.jpg');
background-repeat:no-repeat;
background-position:center center;
}
.SocialIcons{
	float:right;
	width:240px;
	height:60px;
}
.SIfb{
	cursor:pointer;
	float:left;
	width:50px;
	height:50px;
	border-radius:50%;
	border:solid 2px white;
	box-sizing:border-box;
	margin:5px;
	background-size:100% 100%;
	background-image:url('FOTO/fb.jpg');
	background-repeat:no-repeat;
	background-position:center center;
}
.SIfb:hover{
	transform:scale(1.05);
}
.SIfb:active{
	transform:scale(0.95);
}
.SIis{
	cursor:pointer;
	float:left;
	width:50px;
	height:50px;
	border-radius:50%;
	border:solid 2px white;
	box-sizing:border-box;
	margin:5px;
	background-size:100% 100%;
	background-image:url('FOTO/is.jpg');
	background-repeat:no-repeat;
	background-position:center center;
}
.SIis:hover{
	transform:scale(1.05);
}
.SIis:active{
	transform:scale(0.95);
}
.SIyt{
	cursor:pointer;
	float:left;
	width:50px;
	height:50px;
	border-radius:50%;
	border:solid 2px white;
	box-sizing:border-box;
	margin:5px;
	background-size:100% 100%;
	background-image:url('FOTO/yt.jpg');
	background-repeat:no-repeat;
	background-position:center center;
}
.SIyt:hover{
	transform:scale(1.05);
}
.SIyt:active{
	transform:scale(0.95);
}
.SItw{
	cursor:pointer;
	float:left;
	width:50px;
	height:50px;
	border-radius:50%;
	border:solid 2px white;
	box-sizing:border-box;
	margin:5px;
	background-size:100% 100%;
	background-image:url('FOTO/tw.jpg');
	background-repeat:no-repeat;
	background-position:center center;
}
.SItw:hover{
	transform:scale(1.05);
}
.SItw:active{
	transform:scale(0.95);
}
#BigShow{
display:none;
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.53);
z-index:999;
}
#BigImage{
	position:absolute;
	left:50%;
	top:50%;
	width:calc(100% - 40px);
	height:calc(100% - 40px);
	transform:translate(-50%, -50%);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	transition: all 0.5s;
}
#BigMenu{
	position:fixed;
	left:50%;
	top:0px;
	width:900px;
	max-width:calc(100% - 40px);
	min-height:100px;
	transform:translate(-50%,-110%);
	background-color:#ffffff;
	transition: all 0.5s;
	border-radius:0px 0px 16px 16px;
	z-index:99999;
	box-shadow:1px 2px 3px rgba(0,0,0,0.53);
}
.CloseBox{
	cursor:pointer;
	position:fixed;
	right:16px;
	top:16px;
	width:24px;
	height:24px;
	background-color:rgba(0,0,0,0.53);
	border:solid 1px white;
	font-size:16px;
	text-align:center;
	line-height:20px;
	color:white;
	border-radius:50%;
}
.BoxButtonsScroll{
	max-height:calc(100vh - 70px);
	scroll-behavior: smooth;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.IconMat{
	cursor:pointer;
	position:relative;
	width:280px;
	height:180px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	display:inline-block;
	margin:0px 10px 30px 0px;
}
.IconMat:hover{
	transform:scale(1.05);
}
.IconMat:active{
	transform:scale(0.95);
}
.IconMat:after{
	position:absolute;
	left:0px;
	top:101%;
	width:100%;
	text-align:left;
}
.ICO1{
	background-image:url("FOTO/ICONE/Lipsia.jpg");
}
.ICO1:after{
	content:"Lipsia";
}
.ICO2{
	background-image:url("FOTO/ICONE/Oceania.jpg");
}
.ICO2:after{
	content:"Oceania";
}
.ICO3{
	background-image:url("FOTO/ICONE/Australia.jpg");
}
.ICO3:after{
	content:"Australia";
}
.ICO4{
	background-image:url("FOTO/ICONE/Alma.jpg");
}
.ICO4:after{
	content:"Alma";
}
.ICO5{
	background-image:url("FOTO/ICONE/Lagos.jpg");
}
.ICO5:after{
	content:"Lagos";
}
.ICO6{
	background-image:url("FOTO/ICONE/Lima.jpg");
}
.ICO6:after{
	content:"Lima";
}
.ICO7{
	background-image:url("FOTO/ICONE/Malibu.jpg");
}
.ICO7:after{
	content:"Malibù";
}
.ICO8{
	background-image:url("FOTO/ICONE/Layla.jpg");
}
.ICO8:after{
	content:"Layla";
}
.ICO9{
	background-image:url("FOTO/ICONE/Diamante.jpg");
}
.ICO9:after{
	content:"Diamante";
}
.ICO10{
	background-image:url("FOTO/ICONE/DiamanteB.jpg");
}
.ICO10:after{
	content:"Diamante Bordato";
}
.ICO11{
	background-image:url("FOTO/ICONE/Topper.jpg");
}
.ICO11:after{
	content:"Topper";
}
.ICO12{
	background-image:url("FOTO/ICONE/Dreams.jpg");
}
.ICO12:after{
	content:"Dreams";
}
.ICO13{
	background-image:url("FOTO/ICONE/Loira.jpg");
}
.ICO13:after{
	content:"Loira";
}
.ICO14{
	background-image:url("FOTO/ICONE/LoiraB.jpg");
}
.ICO14:after{
	content:"Loira Bordato";
}
.ICO15{
	background-image:url("FOTO/ICONE/Cary.jpg");
}
.ICO15:after{
	content:"Cary";
}
.ICO16{
	background-image:url("FOTO/ICONE/Sofia.jpg");
}
.ICO16:after{
	content:"Sofia";
}
.ICO17{
	background-image:url("FOTO/ICONE/Oxford.jpg");
}
.ICO17:after{
	content:"Oxford";
}
.ICO18{
	background-image:url("FOTO/ICONE/Tokyo.jpg");
}
.ICO18:after{
	content:"Tokyo";
}
.ICO19{
	background-image:url("FOTO/ICONE/Vienna.jpg");
}
.ICO19:after{
	content:"Vienna Comfort Plus";
}
.ICO20{
	background-image:url("FOTO/ICONE/Dublino.jpg");
}
.ICO20:after{
	content:"Dublino Comfort";
}
.ICO21{
	background-image:url("FOTO/ICONE/Water.jpg");
}
.ICO21:after{
	content:"Water Foam";
}
.ICO22{
	background-image:url("FOTO/ICONE/Luna.jpg");
}
.ICO22:after{
	content:"Luna";
}
.ICO23{
	background-image:url("FOTO/ICONE/Onda20.jpg");
}
.ICO23:after{
	content:"Onda 20";
}
.ICO24{
	background-image:url("FOTO/ICONE/Onda18.jpg");
}
.ICO24:after{
	content:"Onda 18";
}
.ICO25{
	background-image:url("FOTO/ICONE/Creta.jpg");
}
.ICO25:after{
	content:"Creta";
}
.ICO26{
	background-image:url("FOTO/ICONE/Atene.jpg");
}
.ICO26:after{
	content:"Atene";
}
.ICO27{
	background-image:url("FOTO/ICONE/BabyZip.jpg");
}
.ICO27:after{
	content:"Baby Zip";
}
.ICO28{
	background-image:url("FOTO/ICONE/BabyFoam.jpg");
}
.ICO28:after{
	content:"Baby Foam";
}
.ICO29{
	background-image:url("FOTO/ICONE/Baby.jpg");
}
.ICO29:after{
	content:"Baby";
}
.ICO30{
	background-image:url("FOTO/ICONE/ReclinabileElettrica.jpg");
}
.ICO30:after{
	content:"Reclinabile Elettrica";
}
.ICO31{
	background-image:url("FOTO/ICONE/ReclinabileManuale.jpg");
}
.ICO31:after{
	content:"Reclinabile Manuale";
}
.ICO32{
	background-image:url("FOTO/ICONE/Evolution.jpg");
}
.ICO32:after{
	content:"Evolution Fissa";
}
.ICO33{
	background-image:url("FOTO/ICONE/TuttaLegno.jpg");
}
.ICO33:after{
	content:"Tutta Legno";
}
.ICO34{
	background-image:url("FOTO/ICONE/DogheLarghe.jpg");
}
.ICO34:after{
	content:"Doghe Larghe";
}
.ICO35{
	background-image:url("FOTO/ICONE/Doghe.jpg");
}
.ICO35:after{
	content:"Doghe";
}
.ICO36{
	background-image:url("FOTO/ICONE/LettoCastello.jpg");
}
.ICO36:after{
	content:"Letto a Castello";
}
.ICO37{
	background-image:url("FOTO/ICONE/Pieghevole.jpg");
}
.ICO37:after{
	content:"Pieghevole con materasso";
}
.LeftArrow{
	position:fixed;
	left:16px;
	top:50%;
	width:36px;
	height:36px;
	background-color:rgba(0,0,0,0.53);
	border:solid 1px rgba(255,255,255,0.53);
	cursor:pointer;
	z-index:999;
	transform:translateY(-50%);
	border-radius:50%;
}
.LeftArrow:after{
	content:"";
	position:absolute;
	left:55%;
	top:50%;
	width:12px;
	height:12px;
	border:solid 2px white;
	border-right:none;
	border-top:none;
	transform:translate(-50%,-50%) rotate(45deg);
}
.LeftArrow:hover{
	border:solid 1px rgba(0,170,173,0.888);
}
.LeftArrow:hover:after{
	border:solid 2px #00aaad;
	border-right:none;
	border-top:none;
}
.LeftArrow:active{
	transform:translateY(-50%) scale(0.95);
}
.RightArrow{
	position:fixed;
	right:16px;
	top:50%;
	width:36px;
	height:36px;
	background-color:rgba(0,0,0,0.53);
	border:solid 1px rgba(255,255,255,0.53);
	cursor:pointer;
	z-index:999;
	transform:translateY(-50%);
	border-radius:50%;
}
.RightArrow:after{
	content:"";
	position:absolute;
	left:45%;
	top:50%;
	width:12px;
	height:12px;
	border:solid 2px white;
	border-left:none;
	border-bottom:none;
	transform:translate(-50%,-50%) rotate(45deg);
}
.RightArrow:hover{
	border:solid 1px rgba(0,170,173,0.888);
}
.RightArrow:hover:after{
	border:solid 2px #00aaad;
	border-left:none;
	border-bottom:none;
}
.RightArrow:active{
	transform:translateY(-50%) scale(0.95);
}
.CloseImage{
	cursor:pointer;
	position:fixed;
	right:16px;
	top:16px;
	width:38px;
	height:38px;
	background-color:rgba(0,0,0,0.53);
	border:solid 1px white;
	font-size:24px;
	text-align:center;
	line-height:34px;
	color:white;
}
.CloseImage:hover{
	transform:scale(1.05);
}
.CloseImage:active{
	transform:scale(0.95);
}
#SideMenu{
position:fixed;
left:-410px;
top:0px;
width:100%;
max-width:400px;
height:100%;
background-color:#01aaad;
color:white;
transition: all 0.3s;
z-index:9999;
}
.CloseMenu{
	cursor:pointer;
	position:absolute;
	right:16px;
	top:16px;
	width:38px;
	height:38px;
	background-color:rgba(0,0,0,0.53);
	border:solid 1px white;
	font-size:24px;
	text-align:center;
	line-height:34px;
	color:white;
}
.CloseMenu:hover{
	transform:scale(1.05);
}
.CloseMenu:active{
	transform:scale(0.95);
}
.MenuTop{
cursor:pointer;
font-weight:700;
font-size:18px;
color:white;
text-shadow:1px 2px 3px rgba(0,0,0,0.35);
text-align:center;
line-height:50px;
}
.MenuTop:hover{
background-color:white;
color:#01aaad;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
.MateSummary{
font-size:14px;
}
	.fXS {font-size:12px;}

.SubMateTitle{
font-size:14px;
max-width:210px;
}
.MateTitle{
font-size:24px;
}
.Lastra{
width:100%;
padding-bottom:55%;
}
.HalfGray{
	background-size:200% 100%;
}
.SocialIcons{
	float:none;
	margin:10px auto;
}
.Quarter{
width:100%;
}
.BigFloatImages{
width:100%;
height:250px;
}
.FloatImages{
width:100%;
height:250px;
}
.ParaTitle{
	font-size:36px;
}
.SingleButton{
width:calc(100% - 12px);
}
.LargePadding{
padding:16px;
}
.HalfBox{
width:100%;
}
.ThirdBox{
width:100%;
}
.Half65{
width:100%;
}
.Half66{
width:100%;
}
.Half35{
width:100%;
}
.HomeTitle{
font-size:48px;
}
.MenuVoice{
display:none;
}
.Sandwich{
display:block;
}
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.MateSummary{
font-size:20px;
}
	.fXS {font-size:16px;}

.SubMateTitle{
font-size:24px;
max-width:100%;
}
.MateTitle{
font-size:64px;
}
.Lastra{
width:150%;
padding-bottom:80%;
}
.HalfGray{
	background-size:100% 100%;
}
.SocialIcons{
	float:right;
	margin:0px;
}
.Quarter{
width:25%;
}
.BigFloatImages{
width:100%;
height:650px;
}
.FloatImages{
width:33.33%;
height:200px;
}
.ParaTitle{
	font-size:50px;
}
.SingleButton{
width:calc(20% - 12px);
}
.LargePadding{
padding:36px;
}
.HalfBox{
width:50%;
}
.ThirdBox{
width:33%;
}
.Half65{
width:65%;
}
.Half66{
width:66%;
}

.Half35{
width:35%;
}
.HomeTitle{
font-size:90px;
}
.MenuVoice{
display:inline-block;
}
.Sandwich{
display:none;
}
}
/* iPads (portrait) ----------- */
@media only screen  and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.MateSummary{
font-size:18px;
}
	.fXS {font-size:14px;}

.SubMateTitle{
font-size:18px;
max-width:100%;
}
.MateTitle{
font-size:48px;
}
.Lastra{
width:150%;
padding-bottom:80%;
}
.HalfGray{
	background-size:100% 100%;
}
.SocialIcons{
	float:right;
	margin:0px;
}
.Quarter{
width:50%;
}
.BigFloatImages{
width:50%;
height:250px;
}
.FloatImages{
width:50%;
height:250px;
}
.ParaTitle{
	font-size:50px;
}
.SingleButton{
width:calc(50% - 12px);
}
.LargePadding{
padding:36px;
}
.HalfBox{
width:50%;
}
.ThirdBox{
width:33%;
}
.Half65{
width:65%;
}
.Half66{
width:66%;
}

.Half35{
width:35%;
}
.HomeTitle{
font-size:90px;
}
.MenuVoice{
display:inline-block;
}
.Sandwich{
display:none;
}
}
/* Desktops and laptops LITTLEWINDOW */
@media only screen and (min-width : 400px) and (min-device-width : 1024px){
.MateSummary{
font-size:14px;
}
	.fXS {font-size:12px;}

.SubMateTitle{
font-size:14px;
max-width:210px;
}
.Lastra{
width:100%;
padding-bottom:55%;
}
.HalfGray{
	background-size:200% 100%;
}
.SocialIcons{
	float:none;
	margin:10px auto;
}
.Quarter{
width:100%;
}
.BigFloatImages{
width:100%;
height:250px;
}
.FloatImages{
width:100%;
height:250px;
}
.ParaTitle{
	font-size:36px;
}
.SingleButton{
width:calc(100% - 12px);
}
.LargePadding{
padding:16px;
}
.HalfBox{
width:100%;
}.ThirdBox{
width:100%;
}
.Half65{
width:100%;
}
.Half66{
width:100%;
}
.Half35{
width:100%;
}
.HomeTitle{
font-size:48px;
}
.MenuVoice{
display:none;
}
.Sandwich{
display:block;
}
}
/* Desktops and laptops MEDIUMWINDOW */
@media only screen and (min-width : 640px) and (min-device-width : 1024px){
.MateSummary{
font-size:18px;
}
	.fXS {font-size:14px;}

.SubMateTitle{
font-size:18px;
max-width:100%;
}
.MateTitle{
font-size:48px;
}
.Lastra{
width:150%;
padding-bottom:80%;
}
.HalfGray{
	background-size:100% 100%;
}
.SocialIcons{
	float:right;
	margin:0px;
}
.Quarter{
width:50%;
}
.BigFloatImages{
width:50%;
height:250px;
}
.FloatImages{
width:50%;
height:350px;
}
.ParaTitle{
	font-size:50px;
}
.SingleButton{
width:calc(50% - 12px);
}
.LargePadding{
padding:36px;
}
.HalfBox{
width:100%;
}
.ThirdBox{
width:100%;
}
.Half65{
width:100%;
}
.Half66{
width:100%;
}
.Half35{
width:100%;
}
.HomeTitle{
font-size:50px;
}
.MenuVoice{
display:none;
}
.Sandwich{
display:block;
}
}
/* Desktops and laptops LARGEWINDOW */
@media only screen and (min-width : 900px) and (min-device-width : 1024px){
.MateSummary{
font-size:20px;
}
	.fXS {font-size:16px;}

.SubMateTitle{
font-size:22px;
max-width:100%;
}
.MateTitle{
font-size:60px;
}
.Lastra{
width:150%;
padding-bottom:80%;
}
.HalfGray{
	background-size:100% 100%;
}
.SocialIcons{
	float:right;
	margin:0px;
}
.Quarter{
width:25%;
}
.BigFloatImages{
width:100%;
height:650px;
}
.FloatImages{
width:33.33%;
height:200px;
}
.ParaTitle{
	font-size:50px;
}
.SingleButton{
width:calc(20% - 12px);
}
.LargePadding{
padding:46px;
}
.HalfBox{
width:50%;
}
.ThirdBox{
width:33%;
}
.Half65{
width:65%;
}
.Half66{
width:66%;
}
.Half35{
width:35%;
}
.HomeTitle{
font-size:90px;
}
.MenuVoice{
display:inline-block;
}
.Sandwich{
display:none;
}
}
/* Desktops and laptops EXTRALARGE */
@media only screen and (min-width : 1224px) {
.MateSummary{
font-size:24px;
}
	.fXS {font-size:18px;}

.SubMateTitle{
font-size:24px;
max-width:100%;
}
.MateTitle{
font-size:64px;
}
.Lastra{
width:150%;
padding-bottom:80%;
}
.HalfGray{
	background-size:100% 100%;
}
.SocialIcons{
	float:right;
	margin:0px;
}
.Quarter{
width:25%;
}
.BigFloatImages{
width:100%;
height:700px;
}
.FloatImages{
width:33.33%;
height:200px;
}
.ParaTitle{
	font-size:50px;
}
.SingleButton{
width:calc(20% - 12px);
}
.LargePadding{
padding:46px;
}
.HalfBox{
width:50%;
}
.ThirdBox{
width:33%;
}
.Half65{
width:65%;
}
.Half66{
width:66%;
}
.Half35{
width:35%;
}
.HomeTitle{
font-size:120px;
}
.MenuVoice{
display:inline-block;
}
.Sandwich{
display:none;
}
}
@supports (-webkit-overflow-scrolling: touch) {
/* iPhone 5 (portrait & landscape)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
.MateSummary{
font-size:14px;
}
	.fXS {font-size:12px;}

.SubMateTitle{
font-size:14px;
max-width:210px;
}
.MateTitle{
font-size:24px;
}
.Lastra{
width:100%;
padding-bottom:55%;
}
.HalfGray{
	background-size:200% 100%;
}
.SocialIcons{
	float:none;
	margin:10px auto;
}
.Quarter{
width:50%;
}
.BigFloatImages{
width:100%;
height:250px;
}
.FloatImages{
width:100%;
height:250px;
}
.ParaTitle{
	font-size:36px;
}
.SingleButton{
width:calc(50% - 12px);
}
.LargePadding{
padding:16px;
}
.HalfBox{
width:100%;
}
.ThirdBox{
width:100%;
}
.Half65{
width:100%;
}
.Half66{
width:100%;
}
.Half35{
width:100%;
}
.HomeTitle{
font-size:48px;
}
.MenuVoice{
display:none;
}
.Sandwich{
display:block;
}
}
/* iPhone 5 (portrait)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
.MateSummary{
font-size:14px;
}
	.fXS {font-size:12px;}

.SubMateTitle{
font-size:14px;
max-width:210px;
}
.MateTitle{
font-size:24px;
}
.Lastra{
width:100%;
padding-bottom:55%;
}
.HalfGray{
	background-size:200% 100%;
}
.SocialIcons{
	float:none;
	margin:10px auto;
}
.Quarter{
width:100%;
}
.BigFloatImages{
width:100%;
height:250px;
}
.FloatImages{
width:100%;
height:250px;
}
.ParaTitle{
	font-size:36px;
}
.SingleButton{
width:calc(100% - 12px);
}
.LargePadding{
padding:16px;
}
.HalfBox{
width:100%;
}
.ThirdBox{
width:100%;
}
.Half65{
width:100%;
}
.Half66{
width:100%;
}
.Half35{
width:100%;
}
.HomeTitle{
font-size:48px;
}
.MenuVoice{
display:none;
}
.Sandwich{
display:block;
}
}
/* iPhone X (landscape)----------- */
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) {
.MateSummary{
font-size:14px;
}
	.fXS {font-size:12px;}

.SubMateTitle{
font-size:14px;
max-width:210px;
}
.MateTitle{
font-size:24px;
}
.Lastra{
width:100%;
padding-bottom:55%;
}
.HalfGray{
	background-size:200% 100%;
}
.SocialIcons{
	float:none;
	margin:10px auto;
}
.Quarter{
width:50%;
}
.BigFloatImages{
width:100%;
height:250px;
}
.FloatImages{
width:100%;
height:250px;
}
.ParaTitle{
	font-size:36px;
}
.SingleButton{
width:calc(50% - 12px);
}
.LargePadding{
padding:16px;
}
.HalfBox{
width:100%;
}
.ThirdBox{
width:100%;
}
.Half65{
width:100%;
}
.Half66{
width:100%;
}
.Half35{
width:100%;
}
.HomeTitle{
font-size:48px;
}
.MenuVoice{
display:none;
}
.Sandwich{
display:block;
}
}
/* iPhone X (portrait)----------- */
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) {
.MateSummary{
font-size:14px;
}
	.fXS {font-size:12px;}

.SubMateTitle{
font-size:14px;
max-width:210px;
}
.MateTitle{
font-size:24px;
}
.Lastra{
width:100%;
padding-bottom:55%;
}
.HalfGray{
	background-size:200% 100%;
}
.SocialIcons{
	float:none;
	margin:10px auto;
}
.Quarter{
width:100%;
}
.BigFloatImages{
width:100%;
height:250px;
}
.FloatImages{
width:100%;
height:250px;
}
.ParaTitle{
	font-size:36px;
}
.SingleButton{
width:calc(100% - 12px);
}
.LargePadding{
padding:16px;
}
.HalfBox{
width:100%;
}
.ThirdBox{
width:100%;
}
.Half65{
width:100%;
}
.Half66{
width:100%;
}
.Half35{
width:100%;
}
.HomeTitle{
font-size:48px;
}
.MenuVoice{
display:none;
}
.Sandwich{
display:block;
}
}
}