body {padding: 0px; margin: 0px; font-family: 'Lora', serif; font-size: 15px; /*overflow-x: hidden;*/}


/* COLORI
- rosa : edded8
- verdino : d5e0d4
- verde : B8CEAC */

/*text*/
/*h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Helvetica', sans-serif;font-weight: bold}
h1, .h1 {font-size: 3.75rem; font-weight: bold;}
h1 sub, .h1 sub {font-size: 50%}


h2, .h2 {font-size: 1.50rem;}
h2.home-title {font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.25rem; font-weight: 400; font-family: 'Lora', sans-serif;}
h2.big-title {color: rgba(197,214,188,0.3); font-size: 3.5rem; font-weight: bold; line-height: 6.5rem;}
h3, .h3 {font-size: 1.3rem; line-height: 1.3}
h4, .h4 {font-size: 1.15rem;}
h5, .h5 {font-size: 1.15rem;}*/

p {line-height: 2rem;}
p.big {font-size: 1.1rem;}
p span{font-family: 'Helvetica', sans-serif;}
a {letter-spacing: 0.0rem; cursor: pointer; color: black;}
a:hover {color: inherit; text-decoration: none;}

b, strong {font-family: 'Helvetica', sans-serif;}

/*titoli*/
/*.bigh1 {font-family: 'Helvetica', sans-serif; color: rgba(197,214,188,0.3); font-size: 3.5rem; font-weight: bold; line-height: 6.5rem;}*/
.bigh1_mini {font-family: 'Helvetica', sans-serif; font-size: 3rem; font-weight: bold; line-height: 3rem;}
.bigh2 {font-family: 'Helvetica', sans-serif; color: rgba(0,0,0,0.3); line-height: 1.5rem;}
.text-bg {font-family: 'Helvetica', sans-serif; color: rgba(197,214,188,0.3); font-size: 6.5rem; line-height: 8rem; font-weight: bold; left: 5%;}

/* .rem-1 {font-size: 1.5rem;}
.rem-1-2 {font-size: 1.3rem; letter-spacing: initial;} */

@keyframes blink {
	0% {opacity: 1}
	50% {opacity: 0}
	100% {opacity: 1}
}

.blink {animation: blink 2s; animation-iteration-count: infinite;}

.vertical-text span{writing-mode: sideways-lr; letter-spacing: 0.5rem;}
.float-right.vertical-text span{writing-mode: sideways-rl; letter-spacing: 0.5rem;}
.vertical-text > div {width: 1px; height: 60px; background:#656161;}

.bg-parallax {position: relative; background-position: center; background-repeat: no-repeat; background-size: cover;}

.helv {font-family: 'Helvetica', sans-serif; /*letter-spacing: 0.08rem;*/}

.border-right {border-right: 1px solid #333!important;}
.border-left {border-left: 1px solid #333!important;}
.border-right-white {border-right: 1px solid #fff!important;}
.border-left-white {border-left: 1px solid #fff!important;}
.border-black {border-color: black;}

.order-md-1 {order: 2;}
.order-md-2 {order: 1;}
.no-desk {display: none;}

/*btn*/
.btn-arrow-mini, .btn-arrow-mini-white {position: relative; font-weight: bold; font-family: 'Helvetica', sans-serif; display: inline-block; line-height: 1.5rem}
.btn-arrow-mini::before {content: " "; background-image: url(../img/icons/arrow_right.png); background-repeat: no-repeat; background-size: contain;
position: absolute;
left: 0px; 
top: 5px; 
width: 10px; 
height:13px; 
margin-left: -25px;}
.btn-arrow-mini-white::before {content: " "; background-image: url(../img/icons/arrow_right-white.png); background-repeat: no-repeat; background-size: contain;
position: absolute; 
left: 0px; 
top: 5px; 
width: 10px; 
height:10px; 
margin-left: -20px;}
.btn-line {font-family: 'Helvetica', sans-serif; letter-spacing: initial; font-weight: bold; border-bottom: 8px solid #B8CEAC; padding-bottom: 5px}
.btn-line-white {font-family: 'Helvetica', sans-serif; letter-spacing: initial; font-weight: bold; border-bottom: 8px solid #fff; padding-bottom: 5px}
.btn-line-grey {font-family: 'Helvetica', sans-serif; letter-spacing: initial; font-weight: bold; border-bottom: 8px solid #ccc; padding-bottom: 5px}
.btn-menu-in, .menu-in{font-family: 'Helvetica', sans-serif;
letter-spacing: 0.02rem;
font-weight: bold;
font-size: 0.8rem;}
.btn-menu-in:hover {border-bottom: 5px solid #B8CEAC;}
.btn-2 {font-family: 'Helvetica', sans-serif; letter-spacing: initial; background:black; color: #fff; font-weight: bold;}
.btn-2:hover {background:rgba(0,0,0,0.7); color:#fff; font-weight: bold;}

.arrow {animation: btnmove 1s ease infinite;}
.arrowY {animation: btnmovetop 1s ease infinite;}
.mt-mobile {margin-top: 0;}

.letter-s-2 {letter-spacing: 0.25rem;}
.letter-s-5 {letter-spacing: 0.5rem;}
.c-white, .c-white:hover {color: white!important;}
.c-white-opacity {color: rgba(225,225,225,0.6)!important;}
.c-black {color: black;}
.c-green {color: #B8CEAC;}
.border-bottom-0, .border-top-0 {border: solid 1px;}
.border-bottom {
    border-bottom: 1px solid #afafaf !important;
}


.black-bg {background-color: black;}
.grey-bg {background-color: #f3f3f3;}/*new css*/
.pink-bg {background-color: #F2E6E3;}/*new css*/
.green-bg {background-color: #d5e0d4;}/*new css*/
.dark-green-bg {background-color: #B7CCB5;}
.green-bg-fade {background-color: rgba(218,224,215,0.75);}

.beige-bg {background-color: #f4f2ee;}/* css 2026*/
.brown-bg {background-color: #e3ded7;}/* css 2026*/


.z-over {z-index: 50;}
.z-under {z-index: -5;}

/*.mg-100 {margin-top: 100px;}*/

.mb-120{margin-bottom: 120px}
.mb-100{margin-bottom: 100px}
.my-100{margin-top: 100px; margin-bottom: 100px}
.mt-100 {margin-top: 100px;}
.mt-75 {margin-top: 75px;}
.mt-50 {margin-top: 50px;}
.mt-n100 {margin-top: -100px;}
.mt-n75 {margin-top: -75px;}
.ml-n75 {margin-left: -75px;}

.pt-100 {padding-top: 100px !important}
.pb-100 {padding-bottom: 100px !important}
.py-50 {padding-top:50px!important; padding-bottom: 50px !important}


.vertical-center {height: 100%; width: 100%; display: table;}
.vertical-center span, .vertical-center div, .vertical-center img {display: table-cell; vertical-align: middle;}

/*header & footer*/
/*#header {width: 100%; height: 65px; background-color: transparent; z-index: 5600; position: fixed; transition: 0.3s;}
#header span {font-family: 'Helvetica', sans-serif; letter-spacing: initial;}
#header .float-right {float: right!important;}
.hamburger {cursor: pointer;}
.hamb-line {width: 20px; height: 2px; background-color: #fff; margin-top: 5px;}

.logo {width: 140px; right: 15px;}
#footer {height: 150px; background: #fff;}
#footer a {font-family: 'Lato', sans-serif; letter-spacing: initial;}*/
/*header & footer body-white*/
/*.body-white #header  {background-color: transparent; color: white; transition: 0.2s;}
.body-white #header .hamb-line {background-color: white;}
.logo-white, .logo-black {transition: 0.1s;}
.logo-white {display: block;}
.logo-black {display: none;}
.fullwhite .logo-white {display: none!important;}
.fullwhite .logo-black {display: block!important;}*/


#header {width: 100%; height: 65px; background-color: transparent; z-index: 5600; position: fixed; transition: 0.3s;}
#header.active {background: transparent!important;}
#header.active span {color: #fff!important;}
#header.active .toggle span {background: #fff!important;}
#header span {font-family: 'Helvetica', sans-serif; letter-spacing: initial; color: white;}
.white-header .logo-black {display: block;}
.hybrid-header .logo-white.change, .white-header .logo-white.change {display: block!important;}
.hybrid-header .logo-black.change, .white-header .logo-black.change {display: none!important;}
.white-header span {color: black!important;}
.white-header .toggle span {background: black;}
/*.logo {width: 140px; right: 15px;}
.logo-black, .white-header .logo-white {display: none;}*/
#menu {width: 100%; height: 100vh; position: fixed; background-color: black; background-image: url('../img/pic-menu-min.jpg'); background-size: cover; background-position: center; opacity: 0; transition-duration: 0.5s; z-index: -10;}
#menu.active {opacity: 1; transition-duration: 0.5s; z-index: 5500;}
#hamburger {width: 70px; height: 70px;}
.toggle {width: 70px; height: 70px; background-color: transparent; position: fixed; z-index: 1000; cursor: pointer;}
.toggle span {width: 30px; height: 1px; background: white; top: 20px; position: absolute; left: 15px;
transform: translate(0%, 0%); transition: 0.4s;}
.toggle span:nth-child(2) {margin-top: 10px;}
.toggle span:nth-child(3) {margin-top: 20px;}
.toggle.active span:nth-child(1) {transform: rotate(45deg); margin-top: 10px; transition-duration: 0.4s;}
.toggle.active span:nth-child(2) {opacity: 0; transition-duration: 0.1s;}
.toggle.active span:nth-child(3) {transform: rotate(-45deg); margin-top: 10px; transition-duration: 0.4s;}
.text-close, .text-open {position: absolute; right: 85px; top: 18px; transition-duration: 0.4s;}
.text-close.active, .text-open {opacity: 1; transition-duration: 0.5s;}
.text-close, .text-open.active {opacity: 0; transition-duration: 0.5s;}
.intro-sub {display: block;}
.intro-sub.remove {display: none;}
.intro-sub span {font-size: 1.5rem; opacity: 0.2; font-weight: 600; color: white; font-family: 'Helvetica', sans-serif}
#menu ul {list-style-type: none;}
#menu ul li a, #menu ul li a:hover {color: white; text-decoration: none; transition-duration: 0.2s; background-position: right;}
#menu-category {border-right: 1px solid white;}
#menu-category ul {margin-top: -15%; margin-bottom: -15%;}
#menu-category ul li a.active {opacity: 0.3; transition-duration: 0.2s; background: transparent!important;}
#menu-category ul li a.activeArrow {background-image: url('../img/icons/arrow_right-white.png');background-size: 10px; background-repeat: no-repeat; background-position: right;
padding-right: 30px; padding-top: 10px; padding-bottom: 10px;}
#menu-subcategory ul li a.active {opacity: 0.3; transition-duration: 0.2s; background: transparent!important;}

#menu .collapsing { position: relative; height: 0; overflow: hidden; transition: 0s ease;}
#menu .fade { transition: opacity .25s linear; }
#menu label {color: #fff !important;}
#collezioniHvr .fade { transition: opacity .05s linear; }
#collezioniHvr img {width: 300px;}

/*MENU'*/
/*#menu {display: none;}
#menu ul {list-style-type: none;}
#menu ul li a, #menu ul li {color: white; line-height: 30px;}
#menu.open {display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.9); position: fixed; z-index: 500;}
#header.open {background-color: transparent!important;color: white!important;}
.hamb-line.open {background-color: white!important;}
.logo-black.open {display: none!important;}
.logo-white.open {display: block!important;}*/


/*home*/
.position-feelthewood {margin-top: -22%; right: 25%;}

/*home collections slick*/
.detail-slick-collection {max-width: 300px;}
.bg-slick-collection {height: 450px;}


/*sensi*/
.bg-sensi {background-image: url(../img/senses/bg_sensi-min.jpg); background-color: #000; background-size: cover; transition: all 1s}

.title-ascolta {margin-top: -20%; margin-left: 50%;}
.title-respira {margin-top: -2%; margin-left: 80%;}
.title-osserva {margin-top: 5%; margin-left: 20%;}
.title-esplora {margin-top: 10%; margin-left: 45%;}
.text-sensi {top: 30%;}
.senses-composit {float: right;}

/*hover title sensi*/
.hvr-sensi-circle {width: 120px; height: 120px; border-radius: 60px; border: 1px solid white; background-color: rgba(0,0,0,0.2);
position: absolute; margin-top: -60%; left: -25%;  z-index: 5; opacity: 0; transition-duration: 0.35s; transform: scale(0.6);}
.title-ascolta:hover .hvr-sensi-circle, .title-respira:hover .hvr-sensi-circle, .title-esplora:hover .hvr-sensi-circle, .title-osserva:hover .hvr-sensi-circle
{opacity: 1; transform: scale(1.1);}
.hvr-sensi-line {height: 1px; width: 0px; background:#fff; transition: 0.7s; transition-delay: 0.1s; margin-top: 3px; opacity: 0}
.title-ascolta:hover .hvr-sensi-line, .title-respira:hover .hvr-sensi-line, .title-esplora:hover .hvr-sensi-line, .title-osserva:hover .hvr-sensi-line {width: 50px; transition-delay: 0.5s; opacity: 1;}
.bg-sensi a {color: rgba(225,225,225,0.85); position: relative; z-index: 50;}
.bg-sensi a:hover {color: #fff;}
/*hover bg sensi*/

/*.bg-sensi.bg-return {animation-name: change-bg-return; animation-duration: 3s; transition-duration: 1s;}*/
.bg-sensi[data-bg="respira"] {background-image: url(../img/senses/respira-min.jpg);}
.bg-sensi[data-bg="esplora"] {background-image: url(../img/senses/esplora-min.jpg);}
.bg-sensi[data-bg="osserva"] {background-image: url(../img/senses/osserva-min.jpg);}
.bg-sensi[data-bg="ascolta"] {background-image: url(../img/senses/ascolta-min.jpg);}
.bg-sensi.bg-respira, 
.bg-sensi.bg-esplora, 
.bg-sensi.bg-osserva, 
.bg-sensi.bg-ascolta {background-size: cover; background-color: #000; transition-duration: 1s; /* animation-name: change-bg; animation-duration: 2s;*/ }
@-webkit-keyframes change-bg { 0% {opacity: 0.4;} 100% {opacity: 1;} }
/*@-webkit-keyframes change-bg-return { 0% {opacity: 0.5;} 100% {opacity: 1;} }*/



/*benefit*/
.bg-benefit {background-image: url(../img/societa_benefit/bg_iniziale_1.jpg); background-color: #d5e0d4; background-size: cover; background-position: center; transition: all 1s}

.title-impatto_ambientale {margin-top: -2%; margin-left: 80%;}
.title-territorio {margin-top: 10%; margin-left: 45%;}
.title-salubrita_indoor {margin-top: -20%; margin-left: 50%;}
.title-capitale_umano {margin-top: 5%; margin-left: 20%;}

.benefit-icon {float: right;}

/*hover title benefit*/
.hvr-benefit-circle {width: 120px; height: 120px; border-radius: 60px; border: 1px solid white; background-color: rgba(0,0,0,0.2);
position: absolute; margin-top: -30%; left: -25%;  z-index: 5; opacity: 0; transition-duration: 0.35s; transform: scale(0.6);}
.title-impatto_ambientale:hover .hvr-benefit-circle, 
.title-territorio:hover .hvr-benefit-circle, 
.title-salubrita_indoor:hover .hvr-benefit-circle,
.title-capitale_umano:hover .hvr-benefit-circle {opacity: 1; transform: scale(1.1);}

.title-impatto_ambientale:hover .hvr-sensi-line, 
.title-territorio:hover .hvr-sensi-line, 
.title-salubrita_indoor:hover .hvr-sensi-line, 
.title-capitale_umano:hover .hvr-sensi-line {width: 50px; transition-delay: 0.5s; opacity: 1;}

.bg-benefit a {color: rgba(225,225,225,0.85); position: relative; z-index: 50;}
.bg-benefit a:hover {color: #fff;}

.bg-benefit[data-bg="impatto_ambientale"] {background-image: url(../img/societa_benefit/bg_ambiente.jpg);}
.bg-benefit[data-bg="territorio"] {background-image: url(../img/societa_benefit/bg_territorio.jpg);}
.bg-benefit[data-bg="capitale_umano"] {background-image: url(../img/societa_benefit/bg_capitale_umano_1.jpg);}
.bg-benefit[data-bg="salubrita_indoor"] {background-image: url(../img/societa_benefit/bg_benessere_casa.jpg);}
.bg-benefit.bg-impatto_ambientale, 
.bg-benefit.bg-territorio, 
.bg-benefit.bg-salubrita_indoor,
.bg-benefit.bg-capitale_umano {background-size: cover; background-position: center; background-color: #d5e0d4; transition-duration: 1s; /* animation-name: change-bg; animation-duration: 2s;*/ }
@-webkit-keyframes change-bg { 0% {opacity: 0.4;} 100% {opacity: 1;} }

.icon-benefit {background-position: right center; background-size: contain; background-repeat: no-repeat;}
@media(max-width:767px) {
	.icon-benefit {background-position: top center; background-size: contain; background-repeat: no-repeat;}
}





/*menu interni*/
#menu-interno {height: 50px; border-top: 1px solid #1a1a1a; margin-top: 100px; top:60px; position: sticky; background: #fff; z-index: 80;}

#menu-trattamento a {opacity: 0.5}
#menu-interno a:hover, #menu-trattamento a:hover {border-top: 7px solid #BAC8B3; border-bottom: 0px; opacity: 1}
.kit_product {padding: 15px; max-width: 100%; width: 70px }

/*kit & esterni*/
.kit-box-prodotto {background: #DAE0D7; width: 80%; height: 500px; border-left: 1px solid #fff; transition: 1.5s;}
#esterni-box-prodotto {background: #DAE0D7; width: 80%; height: 500px; transition: 1.5s;}
.kit-box-uso, #esterni-box-uso {background: #BAC8B3; width: 20%; height: 500px; border-left: 1px solid #fff; transition: 1.5s; cursor: pointer;}
.contenuto-kit-prodotto, .contenuto-esterni-prodotto {opacity: 1; transition: 1s; transition-delay:1.3s;}
.contenuto-kit-prodotto.fadeout, .contenuto-esterni-prodotto.fadeout { opacity: 0; transition-delay:0s; transition: 0.1s;}
.intro-kit-uso, .intro-esterni-uso {transform: rotate(90deg); position: absolute; top: 48%; left: 18%; transition: 2s;}
.intro-kit-uso.fadeout, .intro-esterni-uso.fadeout {transform: rotate(0deg); transition: 2s; left: 45%;}
.intro-kit-uso a, .intro-esterni-uso a {transition-delay: 1s; transition-duration: 0.5s;}
.intro-kit-uso a.fadeout, .intro-esterni-uso a.fadeout {opacity: 0; transition-delay: 1s; transition-duration: 0.5s;}
.intro-kit-prodotto, .intro-esterni-prodotto {transform: rotate(0deg); transition: 1s; opacity: 0; position: absolute; top: 48%; left: 38%; width: 180px;}
.intro-kit-prodotto.fadeout, .intro-esterni-prodotto.fadeout {opacity: 1; transform: rotate(90deg); transition: 2s; left: 2%;}
.intro-kit-prodotto a.fadeout, .intro-kit-prodotto a, .intro-esterni-prodotto a, .intro-esterni-prodotto a.fadeout {transition-delay: 3s; transition-duration: 1.5s;}
.contenuto-kit-uso, .contenuto-esterni-uso {opacity: 0;}
.contenuto-kit-uso.fadeout, .contenuto-esterni-uso.fadeout {opacity: 1; transition: 1.5s; transition-delay: 1.5s;}
/*kit - prodotti*/
.kit-casella-prodotto1, .kit-casella-prodotto2, .kit-casella-prodotto3 {height: 33.3%; border-bottom: 1px solid #DAE0D7; cursor: pointer; transition: 0.5s;}
.kit-casella-prodotto1:hover, .kit-casella-prodotto2:hover, .kit-casella-prodotto3:hover {background-color: rgba(218,224,215,0.5)!important ;}
.kit-casella-prodotto1 {background: #DAE0D7;}
#prodotto1 {display: block;}
#prodotto2, #prodotto3 {display: none;}
.h-450 {height: 450px;}
.h-500 {height: 500px;}

/*BioPlus*/
.bioplus-comp2 {margin-top: 50%;}
.bioplus-comp4, .bioplus-comp5 img {padding: 15px; margin-left: -15px;}
.bioplus-comp5 {margin-top: -50%;}
.bioplus-comp7 {margin-top: -50%; padding: 15px; margin-left: -15px;}

/*processo [trattamento]*/
#menu-trattamento {height: 50px; padding-top: 12px; top:60px; position: sticky; background: black;}
.box-text-processo {width: 70%; top: 20%; left: -45%;}
.box-text-processo2 {width: 70%; top: 20%; left: 80%;}
.change-box {position: relative; height: 100px;}
.change-box > div {position: absolute; top: 0; overflow: hidden; animation: animate 12s linear infinite; opacity: 0; top: -25%; padding-left: 15%;}
@keyframes animate {
0% {opacity: 0; transform: translateY(-50px);}
2% {opacity: 1; transform: translateY(0px);}
20% {opacity: 1; transform: translateY(0px);}
22% {opacity: 0; transform: translateY(50px);}
100% {opacity: 0; transform: translateY(50px);}}
.change-box div:nth-child(1){animation-delay: 0s;}
.change-box div:nth-child(2){animation-delay: 3s;}
.change-box div:nth-child(3){animation-delay: 6s;}
.change-box div:nth-child(4){animation-delay: 9s;}

/*collezioni - serie*/  /*new css*/
.box-text-serie-dx {top: -75%;right: 15%;}
.box-text-serie-sx {top: -110%;right: -40%;}
/*.box-text-serie-dx span, .box-text-serie-sx span {font-size: 2rem; color: rgba(0,0,0,0.2); font-family: 'Helvetica', sans-serif; line-height: 1.5rem; font-weight: bold;}*/
.wrapper {width: 1px;}

.return {position: relative; height: 35px; width: 100%;}
.return a, .return span {font-size: 12px; letter-spacing: 0;}
.return a:hover {text-decoration: underline;}

#gamma-filtro {font-family: 'Helvetica', sans-serif;}
#gamma-filtro a:hover {background: rgba(218,224,215,0.5);}
a.active {background: #DAE0D7;}

/*collezioni magic scroll*/
.bg-scroll {max-width: 100%; width: 97%; background: #d6dcd3; height: 100%;}



/*slick*/
.slick-next,
.slick-next:hover {display: block; width: 30px; height: 17px; top: 50%;
	content: ''; background-image: url(../img/icons/double_arrow.png); background-repeat: no-repeat; background-size: 30px; z-index: 999}

.slick-prev,
.slick-prev:hover {display: block; width: 30px; height: 17px; top: 50%;
	content: ''; background-image: url(../img/icons/double_arrow_sx.png); background-repeat: no-repeat; background-size: 30px; z-index: 999}

.slick-prev:before {color: transparent;}
.slick-next:before {color: transparent;}

.slick-slide .abstract {font-size: 13px; line-height: 18px}

.slick-2slides .slick-next {top: 50%;}
.slick-2slides .slick-prev {display: block; width: 30px; height: 17px; background-image: url(../img/icons/double_arrow_sx.png); background-repeat: no-repeat; background-size: 30px;}
.slick-white-btn .slick-next { display: block; width: 10px; height: 17px; background-image: url(../img/icons/arrow_right-white.png); background-repeat: no-repeat; background-size: 30px; top: 60%; right: -1%;}

.slick-dots {bottom: 12%;}
.slick-dots li button:before {color: #fff; font-size: 8px;}
.slick-dots li.slick-active button:before {opacity: 1; color: #fff;}
.slick-dots li {width: 12px;}

.product-slick .slick-dots {bottom: 0!important}

.collection-slick .slick-next,
.collection-slick .slick-next:hover {right: 5%;
	content: ''; background-image: url(../img/icons/double_arrow-white.png); background-repeat: no-repeat; background-size: 30px;}

.green-slick .slick-next,
.green-slick .slick-next:hover {right: 5%;
	content: ''; background-image: url(../img/icons/double_arrow.png); background-repeat: no-repeat; background-size: 30px;}

.box-ispirazione .slick-next,
.box-ispirazione .slick-next:hover {right: -4%; top: 40%;
	content: ''; background-image: url(../img/icons/double_arrow.png); background-repeat: no-repeat; background-size: 30px;}

.box-ispirazione .slick-prev,
.box-ispirazione .slick-prev:hover {left: -4%; top: 40%;
	content: ''; background-image: url(../img/icons/double_arrow_sx.png); background-repeat: no-repeat; background-size: 30px;}

.sensi-slick .slick-next,
.sensi-slick .slick-next:hover { right: 40%;
	content: ''; background-image: url(../img/icons/double_arrow.png); background-repeat: no-repeat; background-size: 30px;}

.research-slick .slick-next,
.research-slick .slick-next:hover {
	content: ''; background-image: url(../img/icons/double_arrow.png); background-repeat: no-repeat; background-size: 30px;}

.sensi-slick .sensislick_text {min-height: 450px}



@keyframes btnmove { 0% {transform: translate(0px);} 50% {transform: translate(3px);}  100% {transform: translate(0px);} }
@keyframes btnmovetop { 0% {transform: translateY(0px);} 50% {transform: translateY(3px);}  100% {transform: translateY(0px);} }

/*effect slick*/
.effect-slick-text {transition-duration: 1s; left: 0px; opacity: 1;}
.effect-slick-text.move {left: 250px; opacity: 0.3;}
.effect-slick-text-2 {transition-duration: 1s; left: 250px; opacity: 0.3;}
.effect-slick-text-2.move {left: 0px; opacity: 1;}

/*.effect-slick-subtitle {transition-duration: 1.2s; margin-top: 0px; opacity: 1;}
.effect-slick-subtitle.move {margin-top: -30px; opacity: 0.3;}
.effect-slick-subtitle2 {transition-duration: 1.2s; margin-top: -30px; opacity: 0.3;}
.effect-slick-subtitle2.move {margin-top: 0px; opacity: 1;}*/
.mt-65 {margin-top: 65%;}

/*radici*/
.radici-durata {margin-top: 5%; left:50%;}
.radici-salute {margin-top: 15%; left:30%;}
.radici-bellezza {margin-top: 10%; left:80%;}

/*ricerca*/
.texture-legno1 {max-width: 450px; top: -35%; right: 10%;}
.texture-legno2 {max-width: 450px; top: -60%; right: 5%;}
.tronco-verde {top: -35%; right:25%;}
.tronco-rosso {top: -75%; right: 50%;}
.research-img-composit {margin-top: -15%;}

/*GALLERY OTHER COLLECTIONS*/
.gallery-collections .label {position: absolute; color: #fff; bottom: 0; z-index: 3; left: 0px; background: rgba(0, 0, 0, 0.7);}
.gallery-collections .w60 {width: calc(60%); position: relative; float: left;}
.gallery-collections .w40 {width: calc(40%); position: relative; float: left;}
.gallery-collections .w50 {width: calc(50%); position: relative; float: left;}


.gallery .label {position: absolute;  z-index: 3; bottom: 0px; left: 0px; font-weight: bold; background: rgba(0, 0, 0, 0.7);}
.gallery .label span {font-weight: normal; font-family: 'Helvetica', sans-serif; color: #fff}

/*modal*/
.modal {z-index: 7500;}
.modal-dialog {width: 100%; max-width: 100%; height: 100vh; margin: 0px;}
.modal-content {background-color: rgba(0,0,0,0.9); height: 100vh}
.modal-open .modal {padding-right: 0px!important}
.modal .close {font-family: 'Helvetica', sans-serif; font-size: 1rem; font-weight: 400;}

/*bottega*/
.texture-legno-bottega {max-width: 450px; top: -225px; right: 5%;}

.collection .abstract {}
.collection strong {font-family: 'Helvetica', sans-serif;font-weight: bold; font-size: 1.25rem; margin-bottom: .5rem;
line-height: 1.2; }

/*singolo prodotto*/
.pt-85 {padding-top: 85px}
.pt-99 {padding-top: 99px}
.product-text {height: 60%}
.product-desc {margin-top: 25%;}

.note {line-height: 1.2rem !important}

@media (max-width: 767px){
	.product-bg {height: 50vh!important}
	.product-text {height: 50%; margin-top: 50%}
	.product-desc {margin-top: 10%;}
}

@media (max-width: 990px){
	.gallery .label, .gallery-collections .label {font-size: x-small;}
	.btn-arrow-mini::before, .btn-arrow-mini-white::before {height: 10px; top: 10px}
}




.square {
width: 100%;
padding-bottom: 100%;
background-size: cover;
background-position: center;
overflow: hidden;
}
.square .v-center{transform: translateY(-50%); top: 50%}
.square .abstract {font-size: 13px; line-height: 18px}

.box-collezioni{transition: all 1s; transform: translateX(250%); position: absolute}
.box-collezioni.active{transform: translateX(0); position: relative}
#gamma-filtro a:hover {background: rgba(218,224,215,0.5);}
#gamma-filtro a.active {background: #DAE0D7;}
#gamma-filtro #box-collezioni-controller a{margin-right: -1px; display: inline-block; height: 35px}

.product-label{bottom: 7%; padding-left: 7%; color: #fff;  font-weight: bold; font-family: Helvetica; font-size: 1.1rem; line-height: 1; }
.product-label span{font-weight: normal; font-size: 12px; letter-spacing: 0.02rem;}

.options{height: 400px; width: 100%; position: relative; top: 0px;margin-top: 0px}
.options > div{width:100%;height:60%;background-size: cover; top: 50%; transform: translateY(-50%); position: absolute; transition: all 0.5s; background-position: center}
.options:hover  > div{height: 100%}
.options .label{position: absolute; bottom: -30px; font-weight: bold;  font-family: Helvetica; }
.options:hover .label{display: none}
.options .abstract{color: #fff; opacity: 0;transition: all 0.5s; padding: 25px; background-color: rgba(0,0,0,0.7);height: 100%}
.options:hover .abstract{ opacity: 1}
.options .abstract > p{position: relative; top: 50%; font-size: 90%; transform: translateY(-50%)}


::-webkit-input-placeholder { text-transform: capitalize; color: #ccc;}
:-ms-input-placeholder { text-transform: capitalize; color: #ccc;}
::placeholder {text-transform: capitalize; color: #ccc; }

/*form*/
.form-control, input, select {font-family: 'Helvetica', sans-serif; font-size: 0.85rem; color: #555; opacity: 0.7; border: 0px; border-radius: 0; border-bottom: 1px solid #afafaf; 
/*text-transform: lowercase!important*/}

form textarea::placeholder,form input::placeholder{ text-transform: lowercase!important;}

#newsletter form label{text-transform: capitalize;display: none}
#newsletter form input::placeholder,form textarea::placeholder {display: none}
#newsletter form select{height: 50px !important;}


.green-tips {margin-top: -450px}

@media (max-width: 767px) {
	.bg-parallax {background-attachment: scroll;}/*per IOS*/
	.no-mob {display: none!important;}
/*	.no-desk {display: unset;}*/
	.opacity-5-mob {opacity: 0.5;}
	.mt-mobile {margin-top: 50%!important;}

	/*.float-right {float: none!important;}*/
	.p-15 {padding-right: 0!important; padding-left: 0!important;}
	.border-right {border-right: none!important;}
	.return {top: 50px; display: none}

    #main-wrapper {overflow-x: hidden;}

	.order-md-1 {order: 1;}
	.order-md-2 {order: 2;}

	/*text*/
	h2.big-title {font-size: 3.5rem;}
	h2, .h2 {font-size: 1.35rem;}
	h3, .h3 {font-size: 1.20rem;}
	h4, .h4 {font-size: 1.1rem;}
	h5, .h5 {font-size: 1.1rem;}
	p { line-height: 1.5rem;}
	p span{font-size: 13px; line-height: 1.5rem;}
/*	.bigh1 {font-size: 2.5rem; line-height: 3rem;}*/
	.text-bg {font-size: 4rem; line-height: 4.5rem;}

	#menu ul {display: inline;}
	#menu ul li, #menu ul li a {font-size: 0.85rem; line-height: 1.35rem;}
	.intro-sub span {font-size: 1.2rem;}

	.product-label  {font-size: 1.15rem;}

	/*slick*/
	.slick-prev {left: -50px;}
	.slick-next,.slick-next:hover {right: -25px; top: 60%;}

	.sensi-slick .sensislick_text {min-height: 300px}

	.sensi-slick .slick-next, .sensi-slick .slick-next:hover,
	.collection-slick .slick-next, .collection-slick .slick-next:hover {right: 4%; top: 60%;}

	.inspiration-slick .slick-dots { bottom: 43%;}
	.green-slick .slick-dots { bottom: -4%;}

	.box-ispirazione .slick-next, .box-ispirazione .slick-next:hover { right: 4%; top: 70%;}

	.research-slick .slick-next, .research-slick .slick-next:hover { right: 4%; top: 60%;}

	.box-slick-serie img {position: relative!important; top: 0%!important; margin-top: 5%;}
	.box-slick-serie .slick-next, .box-slick-serie .slick-next:hover {top: 60%;}

	.box-ispirazione .border-right,
	.box-ispirazione .border-left {border: 0px solid transparent !important;}

	.btn-arrow-mini, .btn-arrow-mini-white {
		padding-left: 0rem!important; 
/*		padding-right: .5rem!important;*/
	}


	/*effect slick*/
	.effect-slick-text, .effect-slick-text.move, .effect-slick-text2, .effect-slick-text2.move {left: 0px; position: relative!important;}
	.mt-65 {margin-top: 0px;}
	.effect-slick-subtitle, .effect-slick-subtitle2 {margin-top: 0px; text-align: left;}
	.effect-slick-subtitle.move, .effect-slick-subtitle2.move {margin-top: 0px;}

	/*header*/
	.logo {width: 115px;}
	#header .float-right, .form-group .float-right {float: right!important;}
	#header {height: 53px;}


	/*home*/
	.position-feelthewood {margin-top: -40%; right: 20%;}

	.quote::before {content: '“'; font-size: 50px; margin-left: -33px; padding-right: 5px;}

	/*sensi*/
	.title-ascolta { margin-top: -50%; margin-left: 35%;}
	.title-respira {margin-top: -30%; margin-left: 60%;}
	.title-osserva {margin-top: 40%; margin-left: 10%;}
	.title-esplora {margin-top: 23%; margin-left: 40%;}
	.text-sensi {width: 95%; top: 65%;}
	.senses-composit {float: none;}
	/*radici*/
	.radici-salute {margin-top: 15%; left: 15%;}
	.radici-bellezza {margin-top: 10%; left: 65%; text-align: right;}
	.radici-durata {margin-top: 2%; left: 35%;}

	/*collezioni*/
	.filter-view {flex-direction: column; padding: 15px;}
	#box-collezioni-controller, #filter-category  {flex-direction: column; padding: 15px;}
	.box-collezioni {display: none; transform: none; position: relative; transition: none;}
	.box-collezioni.active {display: block;}
	.box-text-serie-dx, .box-text-serie-sx {right: 0px; text-align: center;}
	.box-text-serie-dx {top: -125%;}
	.box-text-serie-sx {top: -80%;}
	.bg-scroll {max-width: 100%; width: 92%;}

	.green-tips {margin-top: 0px}
	.green-tips {height: auto}

	/*processo di oliatura*/
	#menu-trattamento {height: 50px; top: 50px; margin-top: 30px; font-size: 0.75rem;}
	#menu-trattamento div {text-align: center!important;}
	.box-text-processo, .box-text-processo2 {left: auto; width: 100%; position: relative!important;}
	.btn-menu-in:hover {border-bottom: 1px solid #B8CEAC!important;}
	.change-box {width: 100%;}
	.change-box > div {left: 20%;}

	#tools .border-left-white {border-left: 1px solid transparent !important;}
	#tools .border-bottom {border-bottom: 1px solid transparent !important;}

	/*pulizia e manutenzione*/
	#menu-pulizia {top:50px; font-size: 0.75rem;}
	#esterni-box-uso > .row, .kit-box-uso .row {width: 90%;}
	.kit-casella-prodotto1, .kit-casella-prodotto2, .kit-casella-prodotto3 {height: 50px;}
	.product-pulizia {position: absolute; width: 18%; margin-top: -50%; left: 65%;}
	.intro-kit-prodotto.fadeout, .intro-esterni-prodotto.fadeout {left: -65%;}
	.kit_product {padding: 15px; max-width: 100%; width: 60px }
	.kit_product_mobile {padding: 15px; max-width: 100%; width: 100px; margin-top: -60px }
	.w-95 {width: 98%;}
	.contenuto-kit-uso, .contenuto-esterni-uso {opacity: 0; padding: 0!important; margin: -30px!important;}
	.contenuto-kit-uso.fadeout, .contenuto-esterni-uso.fadeout {padding: 10px!important; margin:0px!important; animation: timeopacity 2s ease 1; transition-duration: 0.5s;}
	@keyframes timeopacity { 0% {opacity: 0;} 95% {opacity: 0;} 100% {opacity: 1;}}

	/*bioPlus*/
	.bioplus-comp2 {margin-top: 0%;}
	.bioplus-comp3, .bioplus-comp6 {margin-top: -140%;}
	/*ricerca*/
	.ricerca-comp {right: 10%;}
	/*ricerca*/
	.texture-legno1 {max-width: 95%; top: -55%; right: 3%;}
	.texture-legno2 {max-width: 90%; top: -10%;}
	.tronco-verde {top: 10%; right: 5%;}
	.tronco-rosso {top: -55%; right: 25%;}
	.research-img-composit {margin-top: -40%;}

/*GALLERY OTHER COLLECTIONS*/
.gallery-collections .w60, .gallery-collections .w40, .gallery-collections .w50{width: calc(100%); position: relative; float: left;}



	/*form*/
	.form-control, input, select {font-size: 1rem;}

	/*disegnodilegno*/
	.img-vertical-mob {margin-left: auto; margin-right: auto; max-width: 200px;}
	.slick-white-btn .slick-next {top: 37%;}

}/*end 768px*/
@media (min-width: 768px) and (max-width: 991px) {

	.no-ipad {display: none!important;}

	.inspiration-slick .slick-dots { bottom: 30%;}
	.product-slick .slick-dots { bottom: 0%;}
	.green-slick .slick-dots { bottom: -12%;}


	.kit-box-prodotto, .kit-box-uso /*#esterni-box-uso*/ {height: 650px}
	.kit.h-500 {height: 650px}
	.kit.h-450 {height: 650px}
	.contenuto-esterni-uso { opacity: 0;}
	.contenuto-esterni-uso.fadeout {opacity: 1; transition-delay: 1.5s; transition-duration: 0.6s;}
	.contenuto-kit-uso-esterno.fadeout {display: block;}
	.contenuto-kit-uso-esterno {display: none;}
}


@media (max-width: 991px) {
	.vertical-text {display: none;}
    .no-desk {display: unset;}

    .sensi-slick .slick-next, .sensi-slick .slick-next:hover {right: 4%}

	.box-ispirazione .border-right {border: 0px solid transparent !important;}

	.research-slick .slick-dots { bottom: 0%;}
	.green-slick.slick-dotted.slick-slider,
	.research-slick .slick-dotted.slick-slider {margin-bottom: 0}

	.mb-100{margin-bottom: 50px}
	.my-100{margin-top: 50px; margin-bottom: 50px}
	.mt-100 {margin-top: 50px;}
	.mt-75 {margin-top: 35px;}
	.mt-50 {margin-top: 25px;}
	.mt-n100 {margin-top: -50px;}
	.mt-n75 {margin-top: -35px;}
	.ml-n75 {margin-left: -35px;}

	.pt-100 {padding-top: 50px !important}
	.pb-100 {padding-bottom: 50px !important}
	.py-50 {padding-top:25px!important; padding-bottom: 25px !important}

	.bioplus-comp4 {margin-top: -20%;}
	.bioplus-comp5 {margin-top: 10%;}
	.bioplus-comp7 {margin-top: 0%;}



}/*end 991px*/

@media (min-width: 768px){
	.position-md-absolute {position: absolute;}
}

@media (min-width: 991px){

	#tools {max-height: 550px}
}

@media (min-width: 1700px){
	#product-collection .col-xl-3,
	#product-wood .col-xl-3,
	#product-category .col-xl-3,
	#product-colors .col-xl-3 {
	    -ms-flex: 0 0 20%;
	    flex: 0 0 20%;
	    max-width: 20%;
	}
}



/*New 2026*/

h1, .h1 {font-family: 'Lora', serif; font-weight: 300;}


h2, h3, h4, h5, h6,
.h2, .h3, .h4, .h5, .h6 {font-family: 'Helvetica', sans-serif; font-weight: 300;}


h1 {
    font-size: 64px; line-height: 80px;
}
h2 {
    font-size: 28px; line-height: 40px;
}
h3 {
    font-size: 20px; line-height: 32px;
}
h4 {
    font-size: 21px; line-height: 32px;
    font-weight: 600;
}
h5 {
    font-size: 18px; line-height: 28px;
    font-weight: 600;
}
h6 {
    font-size: 16px;
    font-weight: 600;
}
/*#decarbonizzazione h6 {
    font-family: 'Helvetica', sans-serif; font-weight: 600;
}*/

.btn { 
    border: 1px solid rgba(0,0,0,0.3); border-radius: 30px; padding: 10px 24px;
    font-size: 14px; font-family: 'Helvetica', sans-serif; display: inline-block;
}
.btn-white { 
    border: 1px solid rgba(255,255,255,0.3); border-radius: 30px; padding: 10px 24px;
    font-size: 14px; font-family: 'Helvetica', sans-serif; display: inline-block;
}

.body-black .btn,
.black-bg .btn {
	border: 1px solid rgba(255,255,255,0.3);
}

.btn-mini { 
    padding: 7px 14px;
}

.pt-50 {padding-top:50px}

.line-focus {width:150px; height:1px; border-top: 1px solid #000; margin-bottom: 0.5rem}
.black-bg .line-focus {border-top: 1px solid #fff;}

.section-focus {font-family: 'Helvetica', sans-serif; font-weight: 300; font-size: 20px}



/*@media(max-width: 768px){
    h1 {
        font-size: 55px; line-height: 70px;
    }
    h2 {
        font-size: 24px; line-height: 32px;
    }
    .line-focus {display:none}
}*/

/*@media (max-width: 767px){
    h1, .h1 {
        font-size: 48px; line-height: 55px;
    }
    h2, .h2 {
        font-size: 21px; line-height: 27px;
    }
    .line-focus {display:none}
}

@media (max-width: 431px){
    h1, .h1 {
        font-size: 40px; line-height: 45px;
    }
    h2, .h2 {
        font-size: 21px; line-height: 27px;
    }
    .line-focus {display:none}
}*/
@media (max-width: 767px){
    
    h1, h1.hero-title {
        font-size: 45px; line-height: 50px;
    }
    .h1 {
        font-size: 40px; line-height: 45px;
    }
    h2, .h2 {
        font-size: 21px; line-height: 27px;
    }
    .line-focus {display:none}
    
    .form-group label {display: none}
    .form-group {padding: 0}
}

@media (max-width: 431px){
    
    h1, h1.hero-title {
        font-size: 40px; line-height: 45px;
    }
    .h1 {
        font-size: 32px; line-height: 38px;
    }
    h2, .h2 {
        font-size: 21px; line-height: 27px;
    }
    .line-focus {display:none}


}

.label-new {margin-left: -3rem; padding: 1rem}

@media (max-width: 991px) {
	.label-new {position: relative !important; margin-left: 15px; padding: 1rem 0rem}
}


/* FRECCINA CHE GIRA */
a .btn-arrow-mini::before {
    top: -13px !important;
}

a[aria-expanded="true"] .btn-arrow-mini::before {
    transform: rotate(90deg);
    transition: transform 0.3s ease;
}
a[aria-expanded="false"] .btn-arrow-mini::before {
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}

.form-control, input, select {
    background-color: transparent;
/*    color: #212529 !important;*/
    color: #6C757D !important;
    text-transform: lowercase;
}