@import url('reset.css');
@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=Adamina);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700);
@import url(https://fonts.googleapis.com/css?family=Muli);

/*---------------------------------------------*\
                   common  
\*---------------------------------------------*/

* {margin:0; padding:0; font:13px/1.35 Arial, Verdana, serif;  color:#555; z-index:1; -webkit-text-size-adjust: none;}

html, body { min-height:100%; width:auto; position: relative}
html > body  {min-height:100%; width:auto;}
html { }
body {background:#fff;  }

h1,h2,h3,h4,h5,h6 {line-height:1em; color:#ccc; font-weight:normal; padding:0;  padding-bottom:10px;}
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {line-height:1em; font-size:inherit; font-family:inherit; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {line-height:1em; background:none }


h1 {font-size:38px;}
h2 {font-size:36px; }
h3 {font-size:22px; background:none; color:#E8690C; }
h4 {font-size:22px; }
h5 {font-size:18px; }
h6 {font-size:16px; }

p {margin:5px 0; clear:right;}
a {text-decoration:none; color:#333;}
a:hover {color:#ccc;}
hr {height:1px; border:0; border-bottom:1px dotted #ccc; margin:10px 0;}
a:visited, a:link {outline:none;}
a img {border:0;}
p.err {color:red; margin-bottom:10px}

strong {font-weight:bold; }
input {margin:0; padding:0;}
form p { margin:0; padding:0;}
ul { list-style-position:inside; margin:0; padding:0; }

label {color:#f7bb5d;}

.hide {display:none}
.err {color:#f12 !important; }
strong.err {font-size:inherit; padding:0;}
h3.err {font-size:30px; padding:0;}

img{pointer-events: none}

.anchor {position:absolute; top:0; left:0; width:100%; height:100%}


/*---------------------------------------------*\
                   wrapper  
\*---------------------------------------------*/

#wrapper {/*background-color: #f0f2f3;*/ background-color: #fff; position: relative;min-height: 100%;left:0;transition: left 1s;overflow: hidden}
#wrapper.menu{left: 330px;}

#wrapper .content{max-width: 1330px;height: auto;margin: 0 auto;position: relative;text-align: inherit;box-sizing: border-box;-moz-box-sizing: border-box;padding: 0 15px}
#wrapper > .content{margin-top: 128px !important}

.barra{background-color: white;height: 2px;width: 50px;display: inline-block;margin: 12px 0}

.riga {width:100%}
.slider {width:100%;box-sizing: border-box;-moz-box-sizing:border-box; overflow:hidden}
/*---------------------------------------------*\
                   menu
\*---------------------------------------------*/

#menu{background-color: white;width: 330px;position: absolute;left: -330px;transition: left 1s;overflow: hidden}
#menu.open{left: 0}
#menu .close{color:#bba343;font-size: 50px;line-height: 50px;padding: 40px 0 80px 40px;cursor: pointer}
#menu *{font-family: 'Adamina', serif;font-size: 14px;color:#aba37e;text-transform: uppercase;letter-spacing: 2px}
#menu a{padding: 20px 40px;border-bottom: 1px solid #f0f0f0;width: 100%;display: block;background-color: white}
#menu ul:not(#collezioni){border-top: 1px solid #f0f0f0;}
#menu .follow{color:#d4d3cd !important;padding: 70px 0 20px 40px;display: block}
#menu .collezioni{position: relative}
#menu .collezione{height: 0px;transition: height .4s linear;overflow: hidden;}
#menu .collezione a{padding-left: 80px}
#menu .collezioni.open #collezioni .collezione{height: 59px;}
#menu .collezioni.open .collezioniOpen{background-image: url(/i/meno.png)}
#menu .collezioni .collezioniOpen{background: url(/i/+.png) no-repeat center center;height: 59px;width: 100px;position: absolute;top:0;right: 0;padding: 0;cursor: context-menu}
#menu li.active > a,#menu a.active{background-color: #f7f7f7}
#menu li:hover > a,#menu a.hover{background-color: #f7f7f7}

/*---------------------------------------------*\
                   header
\*---------------------------------------------*/

#header{text-align: center;/*padding: 35px 0;*/position: fixed;top:0;left:0;z-index: 99;/*background-color: #f0f2f3;*/ background-color: #fff; width: 100%;transition: left 1s; padding: 5px 0;}
#burger{height: 30px;width: 40px;cursor: pointer;}
#burger{position: absolute; /*top:15px*/ top:35px;}
#logo{float: none;pointer-events: auto;cursor: pointer;transition: opacity .5s;opacity: 1; width:145px}
#logo:hover{opacity: .7}
#header.menu{left: 330px;}
#header .button-shop{display: inline-block; width: auto; position: absolute; right: 140px; top: 30%;}
#header .button-shop a{display: inline-block; width: auto; padding: 10px 20px; text-transform: uppercase; text-align: center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; color: white; background-color: #04484F;}
#header .button-shop a:hover{ opacity: 0.8}

#burger .e1,#burger .e2,#burger .e3{width: 100%;height: 20%;background-color: #b4b4b4;position: relative;top:0;transition: top .5s,transform .5s,height .3s;-webkit-transition: top .5s,height .3s,-webkit-transform .5s;}
#burger .e1,#burger .e2{margin-bottom: 20%}
#burger:hover .e1{top:-2px}
#burger:hover .e3{top:2px}

#burger.menu{top:30px}
#burger.menu *{margin-bottom: 0}
#burger.menu .e2{background-color: transparent;height: 0}
#burger.menu .e1{transform: rotate(45deg);-webkit-transform: rotate(45deg);transform-origin: center center;top:10%}
#burger.menu .e3{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform-origin: center center;top:-10%}
#burger.menu:hover .e1,#burger.menu:hover .e3{}

#lng{right: 0;position: absolute; /*top:25px;*/ top:40px; padding-right: 30px}
#lng *{font-family: 'Montserrat', sans-serif;font-size: 14px;letter-spacing: 2px;color:#85878d;}
#lng a{position: relative;top:2px;transition: color .5s;}
#lng .active{color:#aba37e}
#lng .it{margin-right: 5px}
#lng .en{margin-left: 5px}
#lng a:hover{color:#aba37e}

#menu .shop{display: none;}

/*---------------------------------------------*\
                   footer
\*---------------------------------------------*/

#footer{border-top: 2px solid #a5a7a9;margin-top: 35px;padding-top: 35px;padding-bottom: 50px	}
#footer table{width: 100%}
#footer td{width: 33.33%;vertical-align: top}
#footer p{margin: 0 0 5px}
.oro{color:#aba37e !important}
#footer *{font-family: 'Montserrat', sans-serif;font-size: 14px;letter-spacing: 2px;color:#85878d;text-transform: uppercase}
#footer .e1,#footer .e1 *{text-align: left}
#footer .e2,#footer .e2 *{text-align: center}
#footer .e3,#footer .e3 *{text-align: right}
#footer .e1, #footer .e3, #footer .e1 * , #footer .e3 * {font-size:10px}
#footer .webdesign *{font-size: 10px;text-align: center;color:#bdbfbf;}
#footer .webdesign{text-align: center;padding-top: 100px}

/*---------------------------------------------*\
                   home
\*---------------------------------------------*/

.home .barra{background-color: white;height: 2px;width: 50px;display: inline-block;margin: 12px 0}
.home .small .testo{text-align: center;position: relative;}
.home .small .testo *{color:white;text-align: center}
.home .small .testo > p{font-family: 'Adamina', serif;font-size: 30px;text-transform: none;line-height: 30px}
.home .small .testo .desc *{font-family: 'Muli', sans-serif;font-size: 12px;text-transform: uppercase;letter-spacing: 2px;line-height: 12px}
.home .small .musa,.home .small .musa *{font-family: 'Montserrat', sans-serif;font-size: 14px;letter-spacing: 4px;text-transform: uppercase;color:white;text-align: center;z-index: 999;line-height: 22px;}
.home .small .rombo.musa{position: absolute;opacity:1}


.home .big {position:relative}
.home .big img {position:absolute; top:0; left:0; width:100%}

.home .big img{transition: transform .5s;transform: scale(1,1);-webkit-transition: -webkit-transform .5s;-moz-transition: -moz-transform .5s;-webkit-transform: scale(1,1);z-index: 5!important}
.home .big:not(.nozoom):hover img {transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);}

/*---------------------------------------------*\
                   blocchi
\*---------------------------------------------*/

.blocco a{display: inline-block}
.blocco.full {width:100%}
.blocco{width: calc(50% - 12px);display: inline-block;font-size: 0px;vertical-align: top; overflow:hidden}
.blocco.up{margin-right: 20px;}
.blocco .big,.blocco .small{box-sizing: border-box;-moz-box-sizing: border-box;position: relative;overflow: hidden;}
.cornice{/*border: 15px solid white*/ border: 15px solid #f0f2f3;}
.blocco .big{width: 100%;height: 500px;margin-bottom: 20px;z-index: 9; overflow:hidden}
.blocco .small{width: calc(50% - 10px);height: 250px;margin-bottom: 20px;z-index: 9; float:left}
.blocco .big:not(.nofx)::after,.blocco .small:not(.nofx)::after{content: '';display: block;position: absolute;top:0;z-index:9;left:0;background-color: transparent;height: 100%;width: 100%;transition: background-color .5s}
.blocco .big:not(.nofx):hover::after,.blocco .small:not(.nofx):hover::after{background-color: rgba(0,0,0,.4)}
.blocco .in+.testo{opacity:0;transition: opacity 0s;z-index: 99}
.blocco .in{opacity:0;transition: opacity .5s;z-index: 99}
.blocco .small:hover .in{opacity:1;height: 70%;width: 70%;background-color: white;transform: rotate(45deg);-webkit-transform: rotate(45deg);position: relative;top:15%;left: 15%}
.blocco .small:hover .in+.testo{opacity: 1;height: 40%;width: 40%;position: absolute;top:30%;left: 30%;text-align: center;border-bottom: 1px solid #3c3d3d;font-family: 'Open Sans', sans-serif;}
.blocco .small:hover .in+.testo::after{content: '';display: block;background-image: url(/i/in.png);height: 50px;width: 100%;background-position: center center;background-repeat: no-repeat;position: absolute;bottom:-55px}

.blocco .rombo+.testo{z-index: 99;font-family: 'Adamina', serif;font-size: 30px;color:#a39a70;text-transform: uppercase;text-align: center}
.blocco .rombo{z-index: 99;width: 60%;height: 60%;border: 1px solid #aba37e;transform: rotate(45deg);-webkit-transform: rotate(45deg);position: relative;top:20%;left: 20%}
.blocco .rombo+.testo{display: flex;display: -webkit-flex;height: 100%;width: 100%;position: absolute;top:0;left: 0;justify-content:center;align-items:center;-webkit-justify-content:center;-webkit-align-items:center}

.blocco .contain{background-size: contain}
.flex{display: flex !important;display: -webkit-flex !important;justify-content:center;align-items:center;-webkit-justify-content:center;-webkit-align-items:center}
.inlineflex{vertical-align: top;display: inline-flex !important;display: -webkit-inline-flex !important;justify-content:center;align-items:center;-webkit-justify-content:center;-webkit-align-items:center}
.blocco .big .testo,.blocco .big .testo *, .blocco .abiti .testo,.blocco .abiti .testo{font-family: 'Droid Serif', serif;font-size: 35px;letter-spacing: 4px;color:#aba37e;font-weight: 400;margin: 0px;line-height: 50px; padding:0px 10px}
.blocco .big .testo strong{font-weight: 700;color:#666664; padding:0}
.cover{background-size: cover}
.blocco .rombo.bianco{opacity:0;border-color:white;transition: opacity .5s;z-index: 99}
.collectionAll .blocco .big:not(.nofx):hover::after,.collectionAll .blocco .small:hover::after{background-color: rgba(0,0,0,.4)}
.collectionAll .blocco *:hover .rombo.bianco,.collectionAll .blocco *:hover .logo{opacity: 1}
.collectionAll .blocco:nth-child(odd) {margin-right:20px}
.blocco .logo{z-index: 99;display: block;height: 65%;width: 65%;background-size: contain;background-position: center center;background-repeat: no-repeat;position: absolute;top: 17.5%;left:17.5%;opacity: 0;transition: opacity .5s}

.blocco .testo{z-index: 99}
.fxzoom{transition: transform .5s;transform: scale(1,1);-webkit-transition: -webkit-transform .5s;-moz-transition: -moz-transform .5s;-webkit-transform: scale(1,1);z-index: 5!important}
.fxzoom:hover{transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);}

/*---------------------------------------------*\
                   collezione
\*---------------------------------------------*/

.collectionOne .logoPage{background-color:#86888e;text-align: center;margin-bottom: 20px;padding:10px 0; position:relative; height:130px}
.collectionOne .logoPage img{object-fit: contain;max-height: 120px;}
.collectionOne .torna {position:absolute; left:0; top:50%}
.collectionOne .torna img {width:32px; height:12px}
.collectionOne .blocco {width:100%}
.collectionOne .blocco .testo * {font-size:24px; line-height:27px; letter-spacing:2px; font-family: 'Droid Serif', serif; color:#aba37e;font-weight: 400;margin: 0px; }
.collectionOne .blocco .img-intro {border:20px solid #fff; width:auto; box-sizing: border-box;-moz-box-sizing: border-box; margin:0px auto 20px auto; display:block; max-width:100%}

/*---------------------------------------------*\
                   su misura
\*---------------------------------------------*/

.appuntamento{background-color: #666664!important;}
.appuntamento,.appuntamento .testo{color:white;text-align: center;font-family: 'Droid Serif', serif;font-size: 24px !important;letter-spacing: 2px;font-weight: 700; opacity:1 !important}
.appuntamento .testo * {text-align:center}
.suMisura .blocco div.testo{color:white;text-align: center;z-index: 99;transition: opacity .5s}
.suMisura .blocco .big div.testo, .suMisura .blocco .small div.testo{opacity:0; padding:0px 15px}
.suMisura .blocco a:hover div.testo{opacity: 1;}

.suMisura {overflow:hidden}
.suMisura .blocco {width:30%; float:left; position:relative}
.suMisura .blocco:hover {cursor:pointer}
.suMisura .blocco:nth-child(2) {margin:0 5%}
.suMisura .blocco p {color: #666664; text-align: center; font-family: 'Droid Serif', serif; font-size: 24px !important; letter-spacing: 2px;font-weight: 700; display:none}
.suMisura .blocco a {position:absolute;  width:calc(100% - 30px); height:calc(100% - 30px); left:0; top:0; border:15px solid #fff; z-index:2}
.suMisura .configuratore {background:url('images/configuratore.png') no-repeat center center; background-size:cover !important;}
.suMisura .configuratore:hover {background:url('images/configuratore_hover.png') no-repeat center center; background-size:cover !important;}
.suMisura .guardaroba {background:url('images/guardaroba.png') no-repeat center center; background-size:cover !important;}
.suMisura .guardaroba:hover {background:url('images/guardaroba_hover.png') no-repeat center center; background-size:cover !important;}

/*---------------------------------------------*\
                   showroom
\*---------------------------------------------*/

.showroom .blocco .rombo{border-color:white !important}
.showroom .blocco .rombo+.testo{color:white}
.showroom .staff .rombo{position: absolute;z-index: 99}
.showroom .staff .rombo+.testo{font-family: 'Montserrat', sans-serif;font-size: 16px;letter-spacing: 5px;color:white;z-index: 99}
.showroom .luogo p{text-align: center}
.showroom .luogo p:first-child{color:#aba37e;font-family: 'Droid Serif', serif;font-size: 24px;letter-spacing: 5px;font-weight: 700;padding-bottom: 10px}
.showroom .luogo p:not(:first-child){font-family: 'Muli', sans-serif;color:#666664;font-size: 16px;text-transform: uppercase}
.showroom .blocco .big .testo, .showroom .blocco .big .testo * {letter-spacing:1px; line-height:35px; font-size:25px}
.showroom .testuali .testo * {font-family: 'Muli', sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; line-height: 12px; color:#fff; text-align:center}
.showroom .testuali .testo .barra {margin:12px auto; display:block}

.art-musa {font-family: 'Muli', sans-serif; color: #666664; font-size: 16px; text-transform: uppercase;}

/*---------------------------------------------*\
                   tessuti, staff
\*---------------------------------------------*/

.trunk,.staff,.tessuti{font-size: 0px}
.trunk a ,.staff a,.tessuti a{display: inline-block;width: 22%;box-sizing: border-box;-moz-box-sizing: border-box;margin-top: 4%;overflow: hidden}
.trunk a:not(:nth-child(4n)) ,.staff a:not(:nth-child(4n)),.tessuti a:not(:nth-child(4n)){margin-right: 4%}
/*.trunk a div,.staff a div{position: relative;left:100%;transition: left 1s;font-family: 'Montserrat', sans-serif;font-size: 14px;letter-spacing: 2px;color:white;text-align: center;text-shadow: 2px 2px 20px black }
.trunk a:hover div,.staff a:hover div{left: 0;}*/


.trunk a,.tessuti a{position: relative; min-height:200px; background-size:contain !important}
.staff a {position: relative; min-height:200px; background-size:cover !important; background-position:center center}
.staff a div,.staff a div *,.trunk a div,.trunk a div *,.tessuti a div,.tessuti a div *{font-family: 'Montserrat', sans-serif;font-size: 14px;letter-spacing: 2px;color:white;text-align: right;transition: font-size .5s; }

.staff a:hover .rombo,.trunk a:hover .rombo,.tessuti a:hover .rombo{z-index: 99;width: 60%;height: 60%;border: 1px solid white;transform: rotate(45deg);-webkit-transform: rotate(45deg);position: absolute;top:20%;left: 20%;}
.staff a:hover::after,.trunk a:hover::after,.tessuti a:hover::after{height: 100%;width: 100%;display: block;position: absolute;background-color: rgba(0,0,0,.5);top:0;left:0}
.staff a .testo,.trunk a .testo,.tessuti a .testo{z-index: 99; opacity:0}
.trunk a:hover .testo {z-index: 99; opacity:1}
.staff a:hover .testo,.tessuti a:hover .testo  {opacity:1}
.staff a::after,.trunk a::after,.tessuti a::after{z-index: 9;content: '';background-color: transparent;transition: background-color .5s}

.filtri{position: relative;}
.filtri .main:not(:first-child):not(:last-child){margin-right: 80px}
.filtri{border-bottom: 1px solid #cdcdcd;border-top: 1px solid #cdcdcd;padding: 25px 0;text-align: center}
.filtri .main{display: inline-block;vertical-align: top;}
.filtri .main .titolo {font-family: 'Montserrat', sans-serif;font-size: 14px;letter-spacing: 2px;color:#aba37e;text-transform: uppercase}
.filtri .sub .filter{display: block;margin-top: 20px;font-family: 'Montserrat', sans-serif;font-size: 12px;letter-spacing: 2px;color:#86888e;text-transform: uppercase}
.filtri .filter.active::after,.filtri .sub .filter:hover::after{content:'';display: block;height: 2px;background-color: #cdcdcd;width: 0%;animation: underline 1s;-webkit-animation: underline 1s; animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}
.filtri .filter{padding-bottom: 2px}
.filtri .back {font-family: 'Montserrat', sans-serif;font-size: 14px;letter-spacing: 2px;color:#aba37e;text-transform: uppercase; position:absolute; top:30px; left:0}
.filtri .filter.active,.filtri .filter:hover{padding-bottom: 0}
@keyframes underline{
	
	0%{width:0%;}
	100%{width:100%;}
	
}

@-webkit-keyframes underline{
	
	0%{width:0%;}
	100%{width:100%;}
	
}

.mostra {padding:20px; display:block; color:#fff; background:#86888e; text-transform:uppercase; margin:20px auto; width:200px; text-align:center}
.mostra:hover {cursor:pointer}
.tessuti .coming-soon {font-size:20px; text-transform:uppercase; text-align:center; margin:4% 0}

.trunk .luogo .testo {opacity:1}
.trunk .luogo p{text-align: center;}
.trunk .luogo p:first-child{color:#aba37e;font-family: 'Droid Serif', serif;font-size: 24px;letter-spacing: 5px;font-weight: 700;padding-bottom: 10pxd}
.trunk .luogo p:not(:first-child){font-family: 'Muli', sans-serif;color:#666664;font-size: 16px;text-transform: uppercase}


/*---------------------------------------------*\
                   storia
\*---------------------------------------------*/

.storia .blocco .testo *{font-size: 16px; line-height:20px; letter-spacing:1px}
.storia .div-img {overflow:hidden}
.storia .img-storia {border:15px solid #fff; width:49%; box-sizing: border-box;-moz-box-sizing: bobox-sirder-box; float:left}
.storia .img-storia.last {margin-left:2%; margin-bottom:2%}

/*---------------------------------------------*\
                   contatti
\*---------------------------------------------*/

.contatti .blocco .testo *{font-family: 'Montserrat', sans-serif;font-size: 21px;letter-spacing: 2px;color:#86888e;text-transform: uppercase;text-align: center;line-height: 35px}

/*---------------------------------------------*\
                   form
\*---------------------------------------------*/

.formmail form{min-width: 400px}
.formmail .form-feedback:nth-child(2) *{color:red!important}
.formmail .form-feedback{padding: 0 15px;width: 100%;margin-bottom: 15px}
.formmail *{font-family: 'Montserrat', sans-serif;font-size: 14px;letter-spacing: 2px;color:#8C7A23;text-align: center;box-sizing: border-box;-moz-box-sizing: bobox-sirder-box}
.formmail .err{display: block;width: 100%;padding: 0 15px 0}
.formmail input,.formmail textarea{border:none;background-color: #f0f0f0;padding: 15px;width: 100%;margin: 15px 0}
.formmail textarea{height: 200px;resize: vertical;width: 100%}
.formmail input[type='submit']{padding: 15px;width: 100%;}
.formmail .form-feedback .verde{color:green !important}

/*---------------------------------------------*\
                   media
\*---------------------------------------------*/


@media screen and (min-width: 768px) and (max-width: 1120px){
	
	.blocco .small:hover .in+.testo::after{display: none}
	
}


@media screen and (min-width: 1000px) and (max-width: 1200px){
	
    .storia .blocco .testo * {font-size:14px; line-height:18px}
    .showroom .blocco .big .testo, .showroom .blocco .big .testo * {font-size:20px; line-height: 28px}
    .collectionAll .blocco .big .testo * {font-size:25px; line-height:33px; letter-spacing:2px}
}

@media screen and (min-width: 768px) and (max-width: 1100px){
    .blocco .big .testo, .blocco .big .testo *, .blocco .abiti .testo, .blocco .abiti .testo {font-size:25px; line-height:30px; letter-spacing:2px}
    .storia .blocco .testo * {font-size:10px; line-height:16px; letter-spacing:1px}
    .showroom .blocco .big .testo, .showroom .blocco .big .testo * {font-size:17px; line-height: 23px; letter-spacing:initial}
    .collectionAll .blocco .big .testo * {font-size:20px; line-height:28px; letter-spacing:2px}
    .appuntamento, .appuntamento .testo {font-size:14px !important; padding:0px; letter-spacing:1px}
    .storia .testuale .blocco {width:100%;}
    .storia .testuale .blocco .testo * {font-size:20px; line-height:28px}
    .contatti .blocco .testo * {font-size:17px; line-height:24px}
}


@media screen and (max-width: 767px){
	
	.blocco{width: 100%;display: block;font-size: 0px;vertical-align: top}
	.trunk a,.staff a,.tessuti a{width: 45%}
	.trunk a:not(:nth-child(4n)),.staff a:not(:nth-child(4n)),.tessuti a:not(:nth-child(4n)){margin-right: 0%}
	.trunk a:not(:nth-child(2n)),.staff a:not(:nth-child(2n)),.tessuti a:not(:nth-child(2n)){margin-right: 8%}

	.filtri .main{width:100%; text-align:center}
	.filtri .main:first-child{position: relative;left: 0}
	.filtri .main:not(:first-child):not(:last-child){margin-right: 0px}	
	.filtri{font-size: 0px}
        .filtri .main .sub {text-align:center}
	
	#footer .e2 span{display: block}
	
	.blocco .small .in{opacity:.85;height: 70%;width: 70%;background-color: white;transform: rotate(45deg);-webkit-transform: rotate(45deg);position: relative;top:15%;left: 15%}
	.blocco .small .in+.testo{opacity: 1;height: 40%;width: 40%;position: absolute;top:30%;left: 30%;text-align: center;border-bottom: 0px solid #3c3d3d;font-family: 'Open Sans', sans-serif;}
	.blocco .small .in+.testo::after{content: '';display: block;background-image: url(/i/in.png);height: 50px;width: 100%;background-position: center center;background-repeat: no-repeat;position: absolute;bottom:-55px}

	.collectionAll .blocco .big:not(.nofx)::after,.collectionAll .blocco .small::after{background-color: rgba(0,0,0,.4)}
	.collectionAll .blocco * .rombo.bianco,.collectionAll .blocco * .logo{opacity: 1}

	.suMisura .blocco a div.testo{opacity: 1 !important;}
        
        
	.storia .blocco .testo * {font-size:24px; line-height:28px; letter-spacing:1px}
        
        .filtri .main .titolo {margin-top:50px; text-align:center; display:inline-block}
        
        .suMisura .blocco {width:100%; float:left; position:relative; margin-bottom:40px}
        .suMisura .blocco:nth-child(2) {margin:0 0 40px 0}
        

}

@media screen and (max-width: 800px){
    #header .button-shop{display: none;}
    #menu .shop{display: block;}
    #menu .shop a{color: #04484f}
}

/*********************************************
----------- Iubenda  -----------------
*********************************************/
#iubenda-cs-banner .iubenda-banner-content * {color: white !important;}