@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@media only screen and (min-width:0px) and (max-width:1199px) {
#divmenu{
  position:fixed;
  z-index:900;
  inset:0;
  opacity: 0;
  pointer-events: none;      /* invece di visibility */
  transition: opacity .8s ease-in-out;}

#divmenu.mopen{
  opacity: 1;
  pointer-events: auto;      /* riattiva click */
}
/* Anima SOLO quando menu è aperto */
#divmenu.mopen #JQMenu li a{
  animation: manuAnimationIn 520ms cubic-bezier(.16, 1, .3, 1) forwards;
  will-change: transform, opacity;
}


#JQMenu li a{
  opacity: 0;
  transform: translateY(20px);
}

/* Animazione apertura di ogni LI */
#divmenu.mopen #JQMenu li:nth-child(1) a{ animation-delay:  55ms; }
#divmenu.mopen #JQMenu li:nth-child(2) a{ animation-delay: 110ms; }
#divmenu.mopen #JQMenu li:nth-child(3) a{ animation-delay: 165ms; }
#divmenu.mopen #JQMenu li:nth-child(4) a{ animation-delay: 220ms; }
#divmenu.mopen #JQMenu li:nth-child(5) a{ animation-delay: 275ms; }
#divmenu.mopen #JQMenu li:nth-child(6) a{ animation-delay: 330ms; }
#divmenu.mopen #JQMenu li:nth-child(7) a{ animation-delay: 385ms; }
#divmenu.mopen #JQMenu li:nth-child(8) a{ animation-delay: 440ms; }
#divmenu.mopen #JQMenu li:nth-child(9) a{ animation-delay: 495ms; }
#divmenu.mopen #JQMenu li:nth-child(10) a{ animation-delay: 550ms; }
#divmenu.mopen #JQMenu li:nth-child(11) a{ animation-delay: 605ms; }
#divmenu.mopen #JQMenu li:nth-child(12) a{ animation-delay: 660ms; }


@keyframes manuAnimationIn{
  0%   { opacity: 0; transform: translateY(20px); }
  50%  { opacity: 0.2; transform: translateY(-10px); }
  70%  { opacity: 0.7; transform: translateY(-5px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes manuAnimationOut{
  0%   { opacity: 1;  }
  100% { opacity: 0;}
}

#ControlMenu{text-transform: uppercase; cursor: pointer; height: 50px; width: 50px; margin: 25px 0px 0px 10px; color: #fff; background-color: #b48bab; font-size: 1.1em; font-weight: 300; float: right; text-align: center; padding: 0px; opacity: 1; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 4px;  border-radius: 4px;}




#hamburgerclose{cursor: pointer;width: fit-content;  float: right;

    }

.menuwithscroll{position:fixed;height:calc(100% - 80px);overflow-y:scroll;background-color: #fcf7f3;width:100%; background-image: url(/template/donnina.svg); background-repeat: no-repeat; background-position: left -50px bottom -50px; background-size: 50% auto;
	scrollbar-width: none;
    -ms-overflow-style: none; }

#closemenu{height:40px;background-color: #fcf7f3;
	text-align: right; padding: 20px 30px; position: relative; margin: 0px 0px 0px 0px; font-size: 1.5em; color: #4b4549; 	 
}
#JQMenu{margin: 0 auto ; width: 75%; padding: 0px 7.5% 500px 7.5%}
#JQMenu > li{position:relative;clear:both;list-style:none;text-align:right;padding: 10px 0px; width:fit-content; float: right; cursor:pointer; -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;}
#JQMenu > li > a{font-family: "Poppins", sans-serif;display:block;text-decoration:none;font-size:1.2em; line-height: 30px; color: #4b4549;padding:0px; font-weight:300; overflow: hidden; width: 100%; text-transform: uppercase;  line-height: auto -webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:clamp(19px, 2vw, 14px); }
#JQMenu > li > ul{margin:10px 0px;display:none;padding:0px 10px;width:calc(100% - 20px);left:0px; clear: both; line-height: 20px;}
#JQMenu > li > ul > li{ position:relative;clear:both;  justify-content: center !important;cursor:pointer; height:auto;background-image:none!important;margin:0px auto;overflow:hidden; width: 100% !important; padding: 5px 0px!important; -webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
#JQMenu > li > ul > li > a{color:#4b4549 !important; text-decoration:none; font-size:0.8em !important;  height:auto; width: 100%; font-weight: 300; text-transform: uppercase;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
#JQMenu > li > ul > li:hover > a{color: #4b4549 !important}
#JQMenu > li > ul > li > ul{margin:0px;position:inherit;display: none;padding: 0px 15px !important;width:calc(100% - 30px) !important; top:0 !important; left: 0 !important; clear: both; }

#JQMenu > li:hover > a{color: #c69abc !important;}

#JQMenu > li > ul > li > ul > li a{color: #868889 !important;}
#JQMenu > li > ul > li > ul > li{position: relative}
#JQMenu > li > ul > li > ul > li:before{position: absolute; content: "\f054"; font-size: 0.65em; left: -10px; top: 1px; font-family:"Font Awesome 5 Pro"; color:#183b70; text-align: left;}


.clkmen{position: absolute;z-index: 5;font-size: 0.8em;top: 15px;right: -30px;width: 22px;height: 22px;text-align: center;line-height: 23px;color: #b48bab;}

#page_2:before{position: absolute; content: "®"; font-size: 1.2em; right: -8px; top: 0px; color:#4b4549; text-align: left; font-weight: 300;}


}


@media only screen and (min-width:0px) and (max-width:1310px) {
  .chiama button{margin: 0px; padding: 0px; width: 50px; text-align: center;}
  .chiama button i{margin: 0px; width: 100%; font-size: 1.1em;}
  .chiama button span{display: none;}
}



@media only screen and (min-width:1311px) {

  .chiama button{margin: 0px; padding: 0px 15px;}

}


@media only screen and (min-width:1200px) {

  #JQMenu{height: 100px; width: 730px; display: flex; justify-content: space-between; align-items: center; float: left; margin-left: 20px;}
  #JQMenu > li{position:relative;list-style:none;text-align:center; height: 100%; width: auto;   display:flex; justify-content:center; align-items:center; margin:0px; padding: 0px 2%; cursor:pointer; -webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
  #JQMenu > li > a{font-family: "Poppins", sans-serif;display:block;text-decoration:none;font-size:0.9em; color: #4b4549;padding:0px; font-weight: 300; text-transform: uppercase; overflow: hidden; width: 100%;  -webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
  #JQMenu > li > ul{margin:0px;position:absolute;visibility:hidden;padding: 0px;width:250px;top:100px;left:0px; z-index:90; background-color: rgba(255,255,255,0.85);  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: rgba(0,0,0,0.15) 0px 0px 10px 0px;}
  #JQMenu > li > ul > li{ position:relative;clear:both; text-align: left !important; justify-content: center !important;cursor:pointer; height:auto; box-shadow: rgba(0, 0, 0, 0.05) 0px -1px 0px 0px; background-image:none!important;margin:0px;overflow:hidden; width: calc(100% - 40px) !important; padding: 10px 10px 10px 30px !important; ; -webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
  #JQMenu > li > ul > li:hover{ background-color: rgba(255,255,255,0.1) !important}
  #JQMenu > li > ul > li > a{color:#4b4549 !important; text-decoration:none; font-size:0.8em !important; line-height:18px; height:auto; width: 100%; float: left; font-weight: 300;}
  #JQMenu > li > ul > li > a:hover{ color: #c69abc !important}
  #JQMenu > li > a:hover{ color: #c69abc;}
  #JQMenu > li:after{position: absolute; left: 0px; bottom: 0px; content: ""; width: 0%; height: 2px; background-color: #c69abc; -moz-transition:all 1s linear;-ms-transition:all 1s linear;-o-transition:all 1s linear;transition:all 1s linear;}
  #JQMenu > li:hover:after{width: 100%;}

  #JQMenu > li > ul > li:before{position: absolute; content: "\f054"; font-size: 0.8em; left: 10px; top: 0px; font-family:"Font Awesome 5 Pro"; color:#b48bab; text-align: left; font-weight: 400; height: 100%; display: flex; align-items: center;}
  #page_1:before{position: absolute; content: "\f078"; font-size: 0.8em; right: -7px; top: 0px; font-family:"Font Awesome 5 Pro"; color:#b48bab; text-align: left; font-weight: 400; height: 100%; display: flex; align-items: center;}
  #page_2:before{position: absolute; content: "®"; font-size: 1.2em; right: 4px; top: 29%; color:#4b4549; text-align: left; font-weight: 300;}

  #ControlMenu, #closemenu {display: none !important;}


}



@media only screen and (min-width:0px) and (max-width:767px) {

h1, .titolo{text-align:center; margin:0px auto 10px auto; clear:both; width:100%; padding: 0px; position: relative; font-family: "Cormorant Garamond", serif; font-size: 2.5em; line-height: 40px; font-weight: 700; font-style: italic; color: #b48bab}
h2{text-align:center;font-size:1.1em;margin:0px 0px 30px 0px;line-height:30PX; color: #917a84; width: 100%; clear: both; font-family: "Poppins", sans-serif; font-weight: 300;}

.StyleIntestazione{width: 100%; position: fixed; z-index: 5; top:0px; left: 0px; height: 100px;} 

.testina{height: 30px; width: 95%; padding: 0px 2.5%; text-align: center; position: absolute; top: 0px; left: 0px; display: flex; justify-content: space-between; font-size: 0.7em; color: #fff; line-height: 30px; background-image: url(/template/pattern-viola.jpg); background-repeat: repeat-x; background-position: top; }
.testina p:first-child{display: none;}
.testina p{width: 100%; text-align: center;}
.testa{height: 70px; width: 95%; background-color: rgba(255,255,255,1); padding: 0px 2.5%; box-shadow: rgba(0,0,0,0.1) 0px 0px 10px 0px; position: fixed; top: 30px; left: 0px;  z-index: 5;  }

.StyleIntestazione .logo{height: 100%; position: relative; width: 100px; cursor: pointer; display:flex; justify-content:center; align-items:center; margin: 0px 0px 0px 0px; float: left;} 


.chiama{float: right; width: auto; height: 100%; display: flex; justify-content: space-between; align-items: center;}
.chiama button{width: 40px; height: 40px;}
.pwapp{width: 40px; height: 40px; line-height: 40px; font-size: 1.2em; -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; cursor: pointer; background-color: #85b381; color: #fff; margin-left: 5px; text-align: center;  -moz-transition:all 1s linear;-ms-transition:all 1s linear;-o-transition:all 1s linear;transition:all 1s linear;}
.pphone{width: 40px; height: 40px; line-height: 40px; -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; cursor: pointer; background-color: #d2b6b5; color: #fff; margin-left: 5px; text-align: center;  -moz-transition:all 1s linear;-ms-transition:all 1s linear;-o-transition:all 1s linear;transition:all 1s linear;}
#ControlMenu{height: 40px; width: 40px; margin: 15px 0px 0px 5px; }

.contiene{width: 90%;  margin: 0 auto; padding: 0px;} 

#sei{width: 90%; margin: 0px auto 0px auto; padding: 110px 5% 10px 5%; box-shadow: #f5ecec 0px -1px 0px 0px inset; overflow: hidden; color: #b48bab; font-weight: 400; clear:both; text-align: left; list-style: none; font-size: 0.8em; font-family: "Poppins", sans-serif; background-color: #fdf8f4 }
.fotonellapage{display: none; }

.ContentSlider{width: 100%; height: 500px; position: relative;  clear: both; margin: 0px 0px 0px 0px; padding: 0px; }
.BGSlider{width: 100%;  background-repeat: no-repeat; background-size: cover; background-position: center top;  min-height: 500px !important; display: flex !important; align-items: flex-end; position: relative; overflow: hidden;}
.TXSlider{ width: 90%; height: 400px; background: linear-gradient(90deg, rgba(248,242,238, 1) 0%, rgba(248,242,238, 0.6) 100%); display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 70px 5% 30px 5%; text-align: center; font-size: 1em; line-height: 25px; font-weight: 300; position: absolute; z-index: 1; top: 0px; }
.TXSlider span{margin: 20px 0px 0px 0px; font-size: 0.8em; }
.TXSlider strong{font-family: "Cormorant Garamond", serif; font-size: 2em; line-height: 30px; font-weight: 700; font-style: italic; color: #b48bab;}


.trattamenti{position: relative;}
.trattamenti hr{margin-bottom: 40px;}
.trattamenti:before{position: absolute; content: ""; width: 90%; height: 40px; background-color: #fff; top: -40px; left: 5%; z-index: 1; -moz-border-radius: 20px 20px 0px 0px;-webkit-border-radius: 20px 20px 0px 0px;border-radius: 20px 20px 0px 0px;}
.trattamenti .contiene{display: flex; justify-content: space-between; flex-direction: column; grid-row-gap: 15px;}
.trattamenti .contiene div{width: 100%; -moz-border-radius: 4px;-webkit-border-radius: 4px; position: relative; border-radius: 4px; height: 260px; overflow: hidden; cursor: pointer;}
.trattamenti .contiene div:after{position: absolute; content: ""; width: 100%; height: 100%; top: 0px; left: 0px; background: linear-gradient(135deg, rgba(140,126,120, 0.4) 0%, rgba(255,255,255,0.05) 50%, rgba(140,126,120, 0.2) 50%, rgba(140,126,120, 0.3) 100%); z-index: 0;}
.trattamenti .contiene div img{width: 100%; height: 100%; object-fit: cover;  opacity: 0.7; -webkit-transform:scale(1.0) !important;-moz-transform:scale(1.0) !important;-o-transform:scale(1.0) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s}
.trattamenti .contiene div:hover img{-webkit-transform:scale(1.1) !important;-moz-transform:scale(1.1) !important;-o-transform:scale(1.1) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s}
.trattamenti .contiene p{position: absolute; top: 0px; left: 0px; padding: 20px; width: calc(100% - 40px); height: calc(100% - 40px);  display: flex; justify-content: center; align-items: flex-end;  text-transform: uppercase; font-weight: 400; font-size: 1.2em; color: #fff; text-shadow: rgba(0, 0, 0, 0.4) 0px 0px 20px; z-index: 1;}

.home{width: 90%; padding: 40px 5%; background-image: url(/template/bg-home.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed; margin-top: 40px;}
.home .giustifica{margin-bottom: 20px;}
.immagine{width: 100%; height: 350px; overflow: hidden; position: relative;}
.immagine:before{position: absolute; content: ""; width: 800px; height: 40px; background-color: #fff; bottom: 0px; left: calc(50% - 400px); z-index: 1; -moz-border-radius: 20px 20px 0px 0px;-webkit-border-radius: 20px 20px 0px 0px;border-radius: 20px 20px 0px 0px;}

.contattaci{width: 90%; padding: 0px 5% 70px 5%;  text-align: center; box-shadow: #dfdfdf 0px -1px 0px 0px inset;}
.contattaci p{margin-bottom: 50px;}

.recensioni{width: 90%; position: relative;  padding: 50px 5%; text-align: left;}
.recensione{display: flex !important;    justify-content: flex-start;   flex-direction: column;  padding: 0px 5%; }
.fotorec{width: 65px; height: 65px; overflow: hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin: 0px 0px 30px 0px;}
.anterec{width: 90%; line-height: 25px; font-size: 0.8em;}
.anterec strong{font-size: 1.4em;}
.fotorec img{width: 100%; height: 100%; object-fit: cover;  }
.diconoElements{width: 90%; margin: 0 auto;}
.diconoElements .slick-dots li button:before{font-size: 35px !important; color: #d2b6b5 !important;}
.diconoElements .slick-dots li button{margin:  50px 0px 0px 0px !important; height: 16px !important;}

.cambiocorpo{width: 100%; display: flex; justify-content: space-between; flex-direction: column;}
.cambiocorpo div:first-child{padding: 30px 5%; width: 90%; background-image: url(/template/pattern-viola.jpg); background-repeat: repeat; color: #fff; display: flex; justify-content: center; flex-direction: column;}
.cambiocorpo div:last-child{width: 100%; overflow: hidden;}
.cambiocorpo p{width: 90%; margin-left: 5%;}
.cambiocorpo h3{text-align:left; margin:0px auto 30px auto; clear:both; width:100%; padding: 0px; position: relative; font-family: "Cormorant Garamond", serif; font-size: 2.5em; line-height: 40px; font-weight: 700; font-style: italic; color: #fff; text-transform: none;}
.cambiocorpo button{float: right; clear: both;}

.giftcard{width: 100%; display: flex; justify-content: space-between; flex-direction: column;}
.giftcard div:first-child{padding: 30px 5%; width: 90%; background-image: url(/template/pattern-grigio.jpg); background-repeat: repeat;  display: flex; justify-content: center; flex-direction: column;}
.giftcard div:last-child{ width: 100%; overflow: hidden;}
.giftcard p{width: 90%; margin-left: 5%;}
.giftcard h3{text-align:left; margin:0px auto 30px auto; clear:both; width:100%; padding: 0px; position: relative; font-family: "Cormorant Garamond", serif; font-size: 2.5em; line-height: 40px; font-weight: 700; font-style: italic; text-transform: none;}
.giftcard button{float: right; clear: both;}

.sottometodo{width:90%; box-shadow: #fff 0px -200px 0px 0px inset; position: relative; color: #fff; margin: 0px; padding: 40px 5%; height: auto; background-image: url(/public/image/trattamento-cambia-corpo.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed;}
.sottometodo h3{text-align:center; margin:0px auto 10px auto; clear:both; width:100%; padding: 0px; text-transform: none; position: relative; font-family: "Cormorant Garamond", serif; font-size: 2.5em; line-height: 40px; font-weight: 700; font-style: italic; color: #fff}
.sottometodo h2{color: #e7cac9}
.tremetodo{margin-top: 40px; display: flex; justify-content: space-between; flex-direction: column; grid-row-gap: 20px;}
.tremetodo div{padding: 30px 5%; width: 90%; background-color: rgba(255, 247, 244, 1); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 25px 0px; color: #4b4549;}
.tremetodo i{font-size: 4em; margin-bottom: 30px; color: #d2b6b5;}

.step{width:90%; position: relative; margin: 0px; padding: 0px 5% 70px 5%; height: auto;}
.step h3{text-align:left; margin:0px auto 20px auto; clear:both; width:100%; padding: 0px; text-transform: none; position: relative; font-family: "Cormorant Garamond", serif; font-size: 2.5em; line-height: 40px; font-weight: 700; font-style: italic;}
.step ul li{padding: 20px; width: calc(100% - 42px); position: relative; box-shadow: #f1e8e5 5px 5px 0px 0px; border:  1px solid #f1e8e5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-top: 20px;}
.step .destra{display: flex; align-items: center;}
.step ul li span{font-family: "Cormorant Garamond", serif; color: #d2b6b5; font-size: 1.8em; font-style: italic; text-transform: uppercase; font-weight: 700;}

.filosofia{width:90%; position: relative; margin: 0px; padding: 70px 5%; text-align: center; background-image: url(/template/bg-home.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed; }
.filosofia p{max-width: 1200px; font-size: 1.1em; line-height: 35px; margin: 0 auto;}

.perche{width:90%; position: relative; margin: 0px; padding: 70px 5%;}
.perche h2{text-align:center; margin:0px auto 10px auto; clear:both; width:100%; padding: 0px; position: relative; font-family: "Cormorant Garamond", serif; font-size: 2.5em; line-height: 40px; font-weight: 700; font-style: italic; color: #b48bab}
.perche ul{margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; grid-row-gap: 20px;}
.perche ul li{box-shadow: #f1e8e5 5px 5px 0px 0px; line-height: 23px; border: 1px solid #f1e8e5; -moz-border-radius: 4px;-webkit-border-radius: 4px;  border-radius: 4px; padding: 10px 10px 10px 40px; width: calc(100% - 52px); position: relative;}
.perche li:before{position: absolute; content: "\f336"; font-size: 1.2em; left: 10px; top: 11px; font-family:"Font Awesome 5 Pro"; color:#b48bab; text-align: left; font-weight: 100}

.prenotaservizio{width:90%; position: relative; margin: 0px 0px 40px 0px; padding: 30px 5%; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column;  background-image: url(/template/pattern-grigio.jpg); background-repeat: repeat;}
.prenotaservizio div{width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; }
.prenotaservizio div i{font-size: 3em; color: #b48bab; margin-bottom: 20px;}


.servizi{width:90%; position: relative; margin: 0px; padding: 0px 5%;}
.servizi h2{text-align:left; margin:0px auto 30px auto; clear:both; width:100%; padding: 0px; position: relative; font-family: "Cormorant Garamond", serif; font-size: 2.5em; line-height: 40px; font-weight: 700; font-style: italic; color: #b48bab}
.servizi .contiene{width: 100%; padding: 0px; margin: 0px; display: flex; justify-content: space-between; flex-wrap: wrap; grid-row-gap: 20px;}
.servizio{padding: 0px 0px 50px 0px; width: 100%; background-color: rgba(255, 247, 244, 1); -moz-border-radius: 4px; -webkit-border-radius: 4px;  border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 25px 0px; overflow: hidden; cursor: pointer; position: relative;}
.fotoser{width: 100%; height: 200px; overflow: hidden;  margin-bottom: 20px;} 
.servizio h3{width: calc(100% - 40px); padding: 0px 20px; margin: 0px; font-weight: 600;}
.servizio p{width: calc(100% - 40px); padding: 20px; margin: 0px;}
.servizio button{position: absolute; right: 0px; bottom: 0px; -moz-border-radius: 4px 0px 4px 0px; -webkit-border-radius: 4px 0px 4px 0px; border-radius: 4px 0px 4px 0px; margin: 0px;}
.servizio:hover button{padding: 0px 35px}

.elencoser{display: flex; justify-content: space-between; flex-wrap: wrap; grid-row-gap: 20px; margin: 0px; padding: 0px;}
.liser{padding: 10px 15px; line-height: 25px; width: calc(100% - 32px); display: flex; justify-content: space-between; align-items: center; -moz-border-radius: 4px; -webkit-border-radius: 4px;  border-radius: 4px; box-shadow: #f1e8e5 5px 5px 0px 0px;  border: 1px solid #f1e8e5; overflow: hidden; cursor: pointer; position: relative;}
.liser div{width: calc(100% - 70px);}
.liser h3{padding: 0px; margin: 0px; font-weight: 600; font-size: 1.1em;}
.liser button{margin: 0px; width: 50px; height: 50px; padding: 0px; font-size: 1.2em; text-align: center;}
.liser button i{float: none; margin: 0px; }

.manipiedi{width:90%; position: relative; margin: 40px 0px 0px 0px; padding: 40px 5%; text-align: center; background-image: url(/template/bg-manipiedi.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed; display: flex; justify-content: center; flex-direction: column; grid-row-gap: 25px;}
.manipiedi div{padding: 0px; width: 100%; position: relative; background-color: #d2b6b5; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px;  border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 25px 0px; overflow: hidden; cursor: pointer; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column;}
.manipiedi p{width: 100%; height: 100px; overflow: hidden; background-color: #fff;}
.manipiedi i{font-size: 3em; text-align: right; position: absolute; right: 20px; top: 150px; }
.manipiedi blockquote{width: 75%; text-align: left; line-height: 25px; padding: 20px 5%; margin: 0px;}
.manipiedi h3{color: #fff; margin: 0px 0px 5px 0px; text-transform: none; font-size: 1.5em; font-weight: 600;}
.manipiedi img{object-fit: contain !important; }

.occhi{background-image: url(/template/bg-occhi.jpg);}

.formpagine{width:90%; position: relative; padding: 40px 5%; height: auto; background-image: url(/template/bg-home.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed; }
.formpagine form{height: auto; margin: 0px auto; overflow: hidden;}
.formpagine .titolo{ text-align: center;}
.formpagine button{padding: 0px 20px; text-transform: uppercase;}

.footer1{width: 90%; height:auto;padding: 50px 5%; color: #fff; font-size: 0.9em; line-height: 25px; font-weight: 300; clear: both; float: left; overflow: hidden; display: flex; justify-content: space-between; flex-direction: column; position: relative; background-color: #795671;}
.unodidue{width: 100%}
.duedidue{width: 100%; margin-top: 30px;}
.recapiti{font-size: 1.1em; line-height: 40px; margin: 40px 0px 0px 0px;}
.recapiti i{color: #d2b6b5; font-size: 0.9em;  margin-right: 10px;}
.recapiti span{font-weight: 600;}
.footer1 li{padding: 7px 0px; position: relative; box-shadow: rgba(255,255,255,0.3) 0px -1px 0px 0px inset; position: relative; overflow: hidden;}
.footer1 li span{float: right; text-align: right;}
.social{margin: 40px 0px 0px 0px; width: 150px; display: flex; justify-content: space-between;}
.social i{color: #b48bab; width: 40px; height: 40px; line-height: 40px; position: relative; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #fff; font-size: 1.1em; cursor: pointer;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear}
.social i:hover{transform: scale(0.9);}
.footer2{width: 90%; height:auto; background-color: #694761; padding: 30px 5%; height:auto; margin: 0px ; position: relative; clear:both; float:left; text-align: center; font-size: 0.7em; line-height: 19px; font-weight: 400; color: #dbdbdb; overflow: hidden;}

.ContentPage{width: 90%; margin: 0 auto; padding: 40px 5%; clear: both; overflow: hidden; position: relative; background-color: #fff}
.embed-container{width: 100%; height: 350px; overflow: hidden; margin-top: 20px;}
.giustifica{ display:flex;flex-wrap:wrap;justify-content:space-between; clear: both; margin: 0 auto; padding: 0px; width: 100%; flex-direction: column;}
.sinistra, .sinis{width: 100%;}
.destra, .des{width: 100%; margin-top: 20px; }
.inverti .sinistra, .Contentcategoria .sinistra{order: 2 }
.inverti .destra, .Contentcategoria .destra{order: 1}
.diqua{width: 100%; display: flex; justify-content: center; flex-direction: column; background-image: url(/template/donnina.svg); background-repeat: no-repeat; background-position: left bottom ; background-size: contain;}
.dila{width: 100%; margin-top: 30px;}
.duebottoni{display: flex; justify-content: center; align-items: center; flex-direction: column;}
.duebottoni button{width: 280px !important;}

.centra{flex-direction: column;}
.centra .sinistra{width: 100%;}
.centra .destra{width: 100%; margin-top: 30px;}
.sx{width: 100%;}
.dx{width: 100%;}
.colonnasx{width: 100%}
.colonnadx{width: 100%;}
.colsx{width: 100% !important;}
.coldx{width: 100% !important;}

.destra h1, .destra h2, .destra .titolo, .sinistra h1, .sinistra h2, .sinistra .titolo{text-align: left;}
.sinistra iframe, .destra iframe{height: 250px !important;}

.cate{padding-top: 10px;}

.tuttiprodotti{width: 100%; clear: both; float: left; }
.frgallery{overflow: hidden; height: auto; width: calc(100% - 40px); box-shadow: #e1e1e1 0px 0px 0px 10px inset; padding: 10px; float: left; margin-bottom: 20px;}


.duebottoni{width: 100%; overflow: hidden;}
.duebottoni button{margin-top: 10px; width: 100%; text-align: left;}

.duerecapiti{width: 100%; overflow: hidden; margin-top: 20px; }
.duerecapiti p{padding: 5px 15px; background-color: #cab464; width: 205px; float: left; clear: both; color:#fff;  margin-bottom: 10px;}
.duerecapiti i{margin-right: 10px;}
.duerecapiti a{color: #fff !important;}



.sendAsyncContatti{width: 90%; margin: 0px auto;}

.sub{width: 100%; margin: 0 auto !important; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; grid-row-gap: 20px;}
.sub li{width: calc(100% - 20px); margin: 0px 10px 0px 10px; height: 200px; overflow: hidden; position: relative; text-align: center; padding: 0px !important; text-transform: uppercase; border: none !important; overflow: hidden; cursor: pointer; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear }

.login{background-image: url(/template/bg-login.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed;}
.logsx, .logdx{width: calc(100% - 102px); padding: 30px; text-align: left; margin:  20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px; background-color: #fff}

.login button{width: auto; margin-top: 40px;}
.login input[type="button"]{width: auto; margin-top: 20px; position: relative; padding: 0px 35px;}
.formreg{clear: both;width: calc(100% - 102px); margin: 0 auto; width: calc(100% - 102px); padding: 30px; margin:  0px auto; border:  1px solid rgba(255,255,255,0.7); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px; background-color: rgba(255,255,255,0.3); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.riquadropsw{clear: both; padding: 30px; margin:  0px auto; width: calc(100% - 102px); text-align: center; border:  1px solid rgba(255,255,255,0.7); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px; background-color: rgba(255,255,255,0.3); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }


.GalleryProductGriglia{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; clear: both; margin-top: 50px;}
.contGalleryGriglia{width: calc(25% - 10px); box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; float: left; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; height: 300px; overflow: hidden; position: relative; text-align: center; padding: 0px !important; border: none !important; overflow: hidden; margin: 5px; cursor: pointer; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear }

.GalleryPage, .GalleryProduct {overflow:hidden; margin: 0px; padding: 0px; clear: both; display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; height: 400px; background-color: #fff;}
.GalleryProduct .contGallery, .GalleryPage .contGallery{width: 100%; height: 400px; overflow: hidden; }
.GalleryProduct .contGallery img, .GalleryPage .contGallery img{height: 100%;width: 100%; object-fit: cover;}


.check{width: auto !important;}
.check span{clear: both;}

.caroselloenvelop{background-image: url(/template/bg-rosso.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding: 40px 0px}
.carosellocontainer{width: 90%; margin: 0 auto;padding-top: 50px;padding-bottom: 50px}
.carosellocontainer h1, .carosellocontainer h2, .formnwsl h1, .formnwsl h2{color: #fff; width: 90%; padding: 0px 5%;float: none;}
.carosellodiv{cursor: pointer; font-size: 1.2em; float: left !important; color: #fff; line-height: 30px; text-align: center;}

.divInternoCSS{width: calc(80% - 40px); background-color: #fff; padding: 20px;  text-align: center; box-shadow: rgba(0,0,0,0.1) 0px 0px 20px 0px; font-size: 1em; line-height: 20px}
.divInternoCSS h1{font-size: 1.4em}
#esito{position:absolute;z-index:1010;width:250px;overflow:hidden;background-color:#FFF;padding:15px;left:50%; top: 0px; margin-left:-140px; margin-top:150px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 0.8em; line-height: 22px}
.dashboard{font-size: 0.6em;}
.managersx{width: 100%; float: left; line-height: 30px}
.managerdx{width: calc(100% - 50px); float: right; clear: both; background-color: #f4f4f4; padding: 25px; overflow: hidden; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; line-height: 30px;  text-align: left;}

.ContentProdotto{width: calc(100% - 50px); margin: 0 auto;  padding: 50px 0px;  clear: both; overflow: hidden;  position: relative; display: flex; justify-content: space-between; flex-direction: column; }
.ContentProdotto .destra{order: 2 !important; margin-top: 40px;}

.ContentSlider .slick-prev{left: 70px !important; top: 70px !important; bottom: inherit !important; z-index: 10; margin: 0px; letter-spacing: 0px !important;}
.ContentSlider .slick-next{left: 100px !important; top: 70px !important; bottom: inherit !important; z-index: 10; margin: 0px; letter-spacing: 0px !important}
.ContentSlider .slick-dots {display: flex !important; justify-content: space-between; align-items: flex-end !important; width: 320px; position: absolute; bottom: -10px; left: calc(50% - 160px); margin: 0px !important; padding: 0px !important;}
.ContentSlider .slick-dots li{margin: 0px !important; padding: 0px !important; display: flex; align-items: center; width: auto;}
.ContentSlider .slick-dots button{width: 100px; height: 5px; padding: 0px !important; margin: 0px 0px 10px 0px !important; background: #b48bab !important; box-shadow: none !important; border-radius: 0px; }
.ContentSlider .slick-dots button:before{display:none !important}
.ContentSlider .slick-dots li.slick-active button{background: #f6f6f6 !important; height: 9px;}
.pulsanti button{font-size: 0.9em;}

.elencocat{display: none; }
.schedapro{width: 100%; clear: both;}
.carrellosx {float: left; overflow: hidden;width: 100%;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;box-shadow: #dedede 0 0 0 1px inset}
.carrellodx {float: left; clear: both; margin-top: 20px; width: calc(100% - 60px);padding: 30px;background-color: #f2f2f2;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px}
.cartuno {width: 100%;height: 100%;overflow: hidden	}
.cartdue {width: 100%;padding: 10px 0	}
.carttre {width: 100%;box-shadow: #dedede 0 1px 0 0 inset;padding-top: 20px	}

.continua, .vai{width:90% !important; margin-top: 10px !important;}
.offerta{position: absolute; left: 0px; top: 210px; background-color: #b48bab; padding: 10px; text-transform: uppercase; color: #fff; font-weight: 700; font-size: 0.8em; line-height: 20px; z-index: 2;}
}

@media only screen and (min-width:768px) and (max-width:1024px) {

h1, .titolo{text-align:center; margin:0px auto 10px auto; clear:both; width:100%; padding: 0px; position: relative; font-family: "Cormorant Garamond", serif; font-size: 2.7em; line-height: 45px; font-weight: 700; font-style: italic; color: #b48bab}
h2{text-align:center;font-size:1.15em;margin:0px 0px 30px 0px;line-height:30PX; color: #917a84; width: 100%; clear: both; font-family: "Poppins", sans-serif; font-weight: 300;}

.StyleIntestazione{width: 100%; position: fixed; z-index: 5; top:0px; left: 0px; height: 140px;} 

.testina{height: 40px; width: 90%; padding: 0px 5%; position: absolute; top: 0px; left: 0px; display: flex; justify-content: space-between; font-size: 0.7em; color: #fff; line-height: 40px; background-image: url(/template/pattern-viola.jpg); background-repeat: repeat-x; background-position: top; }
.testa{height: 100px; width: 90%; background-color: rgba(255,255,255,0.8); padding: 0px 5%; box-shadow: rgba(0,0,0,0.1) 0px 0px 10px 0px; position: fixed; top: 40px; left: 0px;  z-index: 5;  }

.StyleIntestazione .logo{height: 100%; position: relative; width: 150px; cursor: pointer; display:flex; justify-content:center; align-items:center; margin: 0px 0px 0px 0px; float: left;} 
.StyleIntestazioneScroll .logo{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;width: 120px;} 

.chiama{float: right; width: auto; height: 100%; display: flex; justify-content: space-between; align-items: center;}
.pwapp{width: 50px; height: 50px; line-height: 50px; font-size: 1.2em; -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; cursor: pointer; background-color: #85b381; color: #fff; margin-left: 10px; text-align: center;  -moz-transition:all 1s linear;-ms-transition:all 1s linear;-o-transition:all 1s linear;transition:all 1s linear;}
.pphone{width: 50px; height: 50px; line-height: 50px; -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; cursor: pointer; background-color: #d2b6b5; color: #fff; margin-left: 10px; text-align: center;  -moz-transition:all 1s linear;-ms-transition:all 1s linear;-o-transition:all 1s linear;transition:all 1s linear;}

.contiene{width: 90%;  margin: 0 auto; padding: 0px;} 

#sei{width: 90%; margin: 0px auto 0px auto; padding: 150px 5% 10px 5%; box-shadow: #f5ecec 0px -1px 0px 0px inset; overflow: hidden; color: #b48bab; font-weight: 400; clear:both; text-align: left; list-style: none; font-size: 0.8em; font-family: "Poppins", sans-serif; background-color: #fdf8f4 }
.fotonellapage{display: none; }

.ContentSlider{width: 100%; height: 600px; position: relative;  clear: both; margin: 0px 0px 0px 0px; padding: 0px; }
.BGSlider{width: 100%;  background-repeat: no-repeat; background-size: cover; background-position: center top;  min-height: 600px !important; display: flex !important; align-items: flex-end; position: relative; overflow: hidden;}
.TXSlider{ width: 50%; height: 500px;  display: flex; justify-content: center; align-items: flex-start; flex-direction: column; margin: 100px 0px 0px 70px; padding: 0px; text-align: left; font-size: 0.8em; line-height: 25px; font-weight: 300; position: absolute; z-index: 1; top: 0px; }
.TXSlider span{margin: 20px 0px 0px 0px; }
.TXSlider strong{font-family: "Cormorant Garamond", serif; font-size: 3em; line-height: 40px; font-weight: 700; font-style: italic; color: #b48bab;}

.trattamenti{position: relative;}
.trattamenti hr{margin-bottom: 40px;}
.trattamenti:before{position: absolute; content: ""; width: 90%; height: 40px; background-color: #fff; top: -40px; left: 5%; z-index: 1; -moz-border-radius: 20px 20px 0px 0px;-webkit-border-radius: 20px 20px 0px 0px;border-radius: 20px 20px 0px 0px;}
.trattamenti .contiene{display: flex; justify-content: space-between; max-width: 1200px; }
.trattamenti .contiene div{width: 23%; -moz-border-radius: 4px;-webkit-border-radius: 4px; position: relative; border-radius: 4px; height: 260px; overflow: hidden; cursor: pointer;}
.trattamenti .contiene div:after{position: absolute; content: ""; width: 100%; height: 100%; top: 0px; left: 0px; background: linear-gradient(135deg, rgba(140,126,120, 0.4) 0%, rgba(255,255,255,0.05) 50%, rgba(140,126,120, 0.2) 50%, rgba(140,126,120, 0.3) 100%); z-index: 0;}
.trattamenti .contiene div img{width: 100%; height: 100%; object-fit: cover;  opacity: 0.7; -webkit-transform:scale(1.0) !important;-moz-transform:scale(1.0) !important;-o-transform:scale(1.0) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s}
.trattamenti .contiene div:hover img{-webkit-transform:scale(1.1) !important;-moz-transform:scale(1.1) !important;-o-transform:scale(1.1) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s}
.trattamenti .contiene p{position: absolute; top: 0px; left: 0px; padding: 20px; width: calc(100% - 40px); height: calc(100% - 40px);  display: flex; justify-content: center; align-items: flex-end;  text-transform: uppercase; font-weight: 400; font-size: 1.2em; color: #fff; text-shadow: rgba(0, 0, 0, 0.4) 0px 0px 20px; z-index: 1;}

.home{width: 90%; padding: 50px 5%; background-image: url(/template/bg-home.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed; margin-top: 100px;}
.home .giustifica{margin-bottom: 50px;}
.immagine{width: 100%; height: 450px; overflow: hidden; position: relative;}
.immagine:before{position: absolute; content: ""; width: 800px; height: 40px; background-color: #fff; bottom: 0px; left: calc(50% - 400px); z-index: 1; -moz-border-radius: 20px 20px 0px 0px;-webkit-border-radius: 20px 20px 0px 0px;border-radius: 20px 20px 0px 0px;}

.contattaci{width: 90%; padding: 0px 5% 70px 5%;  text-align: center; box-shadow: #dfdfdf 0px -1px 0px 0px inset;}
.contattaci p{margin-bottom: 50px;}

.recensioni{width: 90%; position: relative;  padding: 50px 5%; text-align: left;}
.recensione{display: flex !important;    justify-content: flex-start;   flex-direction: column;  padding: 0px 5%; }
.fotorec{width: 65px; height: 65px; overflow: hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin: 0px 0px 30px 0px;}
.anterec{width: 90%; line-height: 25px; font-size: 0.8em;}
.anterec strong{font-size: 1.4em;}
.fotorec img{width: 100%; height: 100%; object-fit: cover;  }
.diconoElements{width: 90%; margin: 0 auto;}
.diconoElements .slick-dots li button:before{font-size: 35px !important; color: #d2b6b5 !important;}
.diconoElements .slick-dots li button{margin:  50px 0px 0px 0px !important; height: 16px !important;}

.cambiocorpo{width: 100%; display: flex; justify-content: space-between;}
.cambiocorpo div:first-child{padding: 30px; width: calc(50% - 60px); background-image: url(/template/pattern-viola.jpg); background-repeat: repeat; color: #fff; display: flex; justify-content: center; flex-direction: column;}
.cambiocorpo div:last-child{width: 50%; overflow: hidden;}
.cambiocorpo p{width: 90%; margin-left: 5%;}
.cambiocorpo h3{text-align:left; margin:0px auto 30px auto; clear:both; width:100%; padding: 0px; position: relative; font-family: "Cormorant Garamond", serif; font-size: 3em; line-height: 50px; font-weight: 700; font-style: italic; color: #fff; text-transform: none;}
.cambiocorpo button{float: right; clear: both;}

.giftcard{width: 100%; display: flex; justify-content: space-between;}
.giftcard div:first-child{padding: 30px; width: calc(50% - 60px); background-image: url(/template/pattern-grigio.jpg); background-repeat: repeat;  display: flex; justify-content: center; flex-direction: column; order: 2}
.giftcard div:last-child{ width: 50%; overflow: hidden; order: 1;}
.giftcard p{width: 90%; margin-left: 5%;}
.giftcard h3{text-align:left; margin:0px auto 30px auto; clear:both; width:100%; padding: 0px; position: relative; font-family: "Cormorant Garamond", serif; font-size: 3em; line-height: 50px; font-weight: 700; font-style: italic; text-transform: none;}
.giftcard button{float: right; clear: both;}

.sottometodo{width:90%; box-shadow: #fff 0px -200px 0px 0px inset; position: relative; color: #fff; margin: 0px; padding: 70px 5%; height: auto; background-image: url(/public/image/trattamento-cambia-corpo.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed;}
.sottometodo h3{text-align:center; margin:0px auto 10px auto; clear:both; width:100%; padding: 0px; text-transform: none; position: relative; font-family: "Cormorant Garamond", serif; font-size: 3em; line-height: 50px; font-weight: 700; font-style: italic; color: #fff}
.sottometodo h2{color: #e7cac9}
.tremetodo{margin-top: 60px; display: flex; justify-content: space-between;}
.tremetodo div{padding: 30px; width: calc(32% - 60px); background-color: rgba(255, 247, 244, 1); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 25px 0px; color: #4b4549;}
.tremetodo i{font-size: 4em; margin-bottom: 30px; color: #d2b6b5;}

.step{width:90%; position: relative; margin: 0px; padding: 0px 5% 70px 5%; height: auto;}
.step h3{text-align:left; margin:0px auto 20px auto; clear:both; width:100%; padding: 0px; text-transform: none; position: relative; font-family: "Cormorant Garamond", serif; font-size: 3em; line-height: 50px; font-weight: 700; font-style: italic;}
.step ul li{padding: 20px; width: calc(100% - 42px); position: relative; box-shadow: #f1e8e5 5px 5px 0px 0px; border:  1px solid #f1e8e5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-top: 20px;}
.step .destra{display: flex; align-items: center;}
.step ul li span{font-family: "Cormorant Garamond", serif; color: #d2b6b5; font-size: 1.8em; font-style: italic; text-transform: uppercase; font-weight: 700;}

.filosofia{width:90%; position: relative; margin: 0px; padding: 70px 5%; text-align: center; background-image: url(/template/bg-home.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed; }
.filosofia p{max-width: 1200px; font-size: 1.1em; line-height: 35px; margin: 0 auto;}

.perche{width:90%; position: relative; margin: 0px; padding: 70px 5%;}
.perche h2{text-align:center; margin:0px auto 10px auto; clear:both; width:100%; padding: 0px; position: relative; font-family: "Cormorant Garamond", serif; font-size: 3em; line-height: 50px; font-weight: 700; font-style: italic; color: #b48bab}
.perche ul{max-width: 1200px;margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; grid-row-gap: 20px;}
.perche ul li{box-shadow: #f1e8e5 5px 5px 0px 0px; line-height: 23px; border: 1px solid #f1e8e5; -moz-border-radius: 4px;-webkit-border-radius: 4px;  border-radius: 4px; padding: 10px 10px 10px 40px; width: calc(48% - 52px); position: relative;}
.perche li:before{position: absolute; content: "\f336"; font-size: 1.2em; left: 10px; top: 11px; font-family:"Font Awesome 5 Pro"; color:#b48bab; text-align: left; font-weight: 100}

.prenotaservizio{width:90%; position: relative; margin: 0px 0px 70px 0px; padding: 50px 5%; display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column;  background-image: url(/template/pattern-grigio.jpg); background-repeat: repeat;}
.prenotaservizio div{width: 100%; display: flex; justify-content: space-between; align-items: flex-start; font-size: 1.2em; line-height: 35px;}
.prenotaservizio div i{font-size: 3em; color: #b48bab; margin-right: 20px;}
.prenotaservizio button{margin: 20px 0px 0px 70px;}

.servizi{width:90%; position: relative; margin: 0px; padding: 0px 5%;}
.servizi h2{text-align:left; margin:0px auto 30px auto; clear:both; width:100%; padding: 0px; position: relative; font-family: "Cormorant Garamond", serif; font-size: 3em; line-height: 50px; font-weight: 700; font-style: italic; color: #b48bab}
.servizi .contiene{width: 100%; padding: 0px; margin: 0px; display: flex; justify-content: space-between; flex-wrap: wrap; grid-row-gap: 40px;}
.servizio{padding: 0px 0px 50px 0px; width: 48.5%; background-color: rgba(255, 247, 244, 1); -moz-border-radius: 4px; -webkit-border-radius: 4px;  border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 25px 0px; overflow: hidden; cursor: pointer; position: relative;}
.fotoser{width: 100%; height: 200px; overflow: hidden;  margin-bottom: 20px;} 
.servizio h3{width: calc(100% - 40px); padding: 0px 20px; margin: 0px; font-weight: 600;}
.servizio p{width: calc(100% - 40px); padding: 20px; margin: 0px;}
.servizio button{position: absolute; right: 0px; bottom: 0px; -moz-border-radius: 4px 0px 4px 0px; -webkit-border-radius: 4px 0px 4px 0px; border-radius: 4px 0px 4px 0px; margin: 0px;}
.servizio:hover button{padding: 0px 35px}

.elencoser{display: flex; justify-content: space-between; flex-wrap: wrap; grid-row-gap: 20px; margin: 0px; padding: 0px;}
.liser{padding: 10px 15px; line-height: 25px; width: calc(48.5% - 32px); display: flex; justify-content: space-between; align-items: center; -moz-border-radius: 4px; -webkit-border-radius: 4px;  border-radius: 4px; box-shadow: #f1e8e5 5px 5px 0px 0px;  border: 1px solid #f1e8e5; overflow: hidden; cursor: pointer; position: relative;}
.liser div{width: calc(100% - 70px);}
.liser h3{padding: 0px; margin: 0px; font-weight: 600; font-size: 1.1em;}
.liser button{margin: 0px; width: 50px; height: 50px; padding: 0px; font-size: 1.2em; text-align: center;}
.liser button i{float: none; margin: 0px; }

.manipiedi{width:90%; position: relative; margin: 70px 0px 0px 0px; padding: 70px 5%; text-align: center; background-image: url(/template/bg-manipiedi.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed; display: flex; justify-content: center; flex-direction: column; grid-row-gap: 25px;}
.manipiedi div{padding: 0px; width: 100%; min-height: 150px; background-color: #d2b6b5; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px;  border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 25px 0px; overflow: hidden; cursor: pointer; display: flex; justify-content: space-between; align-items: center;}
.manipiedi p{width: 160px; height: 100%; overflow: hidden; background-color: #fff;}
.manipiedi i{width: 70px; font-size: 3em; text-align: left; }
.manipiedi blockquote{width: calc(100% - 230px); text-align: left; line-height: 25px;}
.manipiedi h3{color: #fff; margin: 0px 0px 5px 0px; text-transform: none; font-size: 1.5em; font-weight: 600;}

.occhi{background-image: url(/template/bg-occhi.jpg);}

.formpagine{width:calc(100% - 140px); position: relative; padding: 70px; height: auto; background-image: url(/template/bg-home.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed; }
.formpagine form{max-width: 1000px; height: auto; margin: 0px auto; overflow: hidden;}
.formpagine .titolo{ text-align: center;}
.formpagine button{padding: 0px 20px; text-transform: uppercase;}

.footer1{width: 90%; height:auto;padding: 50px 5%; color: #fff; font-size: 0.9em; line-height: 25px; font-weight: 300; clear: both; float: left; overflow: hidden; display: flex; justify-content: space-between; position: relative; background-color: #795671;}
.unodidue{width: 48%; max-width: 400px;}
.duedidue{width: 48%; max-width: 400px;}
.recapiti{font-size: 1.1em; line-height: 40px; margin: 40px 0px 0px 0px;}
.recapiti i{color: #d2b6b5; font-size: 0.9em;  margin-right: 10px;}
.recapiti span{font-weight: 600;}
.footer1 li{padding: 7px 0px; position: relative; box-shadow: rgba(255,255,255,0.3) 0px -1px 0px 0px inset; position: relative; overflow: hidden;}
.footer1 li span{float: right; text-align: right;}
.social{margin: 40px 0px 0px 0px; width: 150px; display: flex; justify-content: space-between;}
.social i{color: #b48bab; width: 40px; height: 40px; line-height: 40px; position: relative; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #fff; font-size: 1.1em; cursor: pointer;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear}
.social i:hover{transform: scale(0.9);}
.footer2{width: 90%; height:auto; background-color: #694761; padding: 30px 5%; height:auto; margin: 0px ; position: relative; clear:both; float:left; text-align: center; font-size: 0.7em; line-height: 19px; font-weight: 400; color: #dbdbdb; overflow: hidden;}

.ContentPage{width: 90%; margin: 0 auto; padding: 70px 5%; clear: both; overflow: hidden; position: relative; background-color: #fff}
.embed-container{width: 100%; height: 450px; overflow: hidden;}
.giustifica{ display:flex;flex-wrap:wrap;justify-content:space-between; clear: both; margin: 0 auto; padding: 0px; width: 100%;}
.sinistra, .sinis{width: 48%;}
.destra, .des{width: 48%; }
.inverti .sinistra, .Contentcategoria .sinistra{order: 2 }
.inverti .destra, .Contentcategoria .destra{order: 1}
.diqua{width: 100%; display: flex; justify-content: center; flex-direction: column; background-image: url(/template/donnina.svg); background-repeat: no-repeat; background-position: left bottom ; background-size: contain;}
.dila{width: 100%; margin-top: 30px;}
.duebottoni{display: flex; justify-content: center; grid-column-gap: 15px;}

.centra{flex-direction: column;}
.centra .sinistra{width: 100%;}
.centra .destra{width: 100%; margin-top: 30px;}
.sx{width: 48%;}
.dx{width: 48%;}
.colonnasx{width: 50%}
.colonnadx{width: 50%;}
.colsx{width: 48% !important;}
.coldx{width: 48% !important;}

.destra h1, .destra h2, .destra .titolo, .sinistra h1, .sinistra h2, .sinistra .titolo{text-align: left;}


.cate{padding-top: 10px;}

.tuttiprodotti{width: 100%; clear: both; float: left; }
.frgallery{overflow: hidden; height: auto; width: calc(100% - 40px); box-shadow: #e1e1e1 0px 0px 0px 10px inset; padding: 10px; float: left; margin-bottom: 20px;}


.duerecapiti{width: 100%; overflow: hidden; margin-top: 20px; }
.duerecapiti p{padding: 5px 15px; background-color: #cab464; width: 205px; float: left; clear: both; color:#fff;  margin-bottom: 10px;}
.duerecapiti i{margin-right: 10px;}
.duerecapiti a{color: #fff !important;}


.sendAsyncContatti{width: 90%; margin: 120px auto;}

.sub{width: 100%; margin: 0 auto !important; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.sub li{width: calc(33% - 20px); margin: 0px 10px 0px 10px; height: 250px; overflow: hidden; position: relative; text-align: center; padding: 0px !important; text-transform: uppercase; border: none !important; overflow: hidden; cursor: pointer; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear }


.colonnadx{width: 50%;}

.logsx, .logdx{width: calc(49% - 102px); padding: 30px; text-align: left; margin:  0px 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px; background-color: #fff}

.login .giustifica{flex-direction: inherit;}
.login button{width: auto; margin-top: 40px;}
.login input[type="button"]{width: auto; margin-top: 20px; position: relative; padding: 0px 35px;}
.formreg{clear: both;width: calc(100% - 102px); margin: 0 auto; max-width: 600px; padding: 30px; margin:  0px auto; border:  1px solid rgba(255,255,255,0.7); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px; background-color: rgba(255,255,255,0.3); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);  }
.riquadropsw{clear: both; padding: 30px; margin:  0px auto; max-width: 400px; text-align: center; border:  1px solid rgba(255,255,255,0.7); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px; background-color: rgba(255,255,255,0.3); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);  }

.GalleryProductGriglia{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; clear: both; margin-top: 50px;}
.contGalleryGriglia{width: calc(25% - 10px); box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; float: left; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; height: 300px; overflow: hidden; position: relative; text-align: center; padding: 0px !important; border: none !important; overflow: hidden; margin: 5px; cursor: pointer; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear }

.GalleryPage, .GalleryProduct {overflow:hidden; margin: 0px; padding: 0px; clear: both; display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; height: auto; background-color: #fff;}
.GalleryProduct .contGallery, .GalleryPage .contGallery{width: 100%; height: 400px; overflow: hidden; }
.GalleryProduct .contGallery img, .GalleryPage .contGallery img{height: 100%;width: 100%; object-fit: cover;}

.ContentSlider .slick-prev{left: 70px !important; top: 70px !important; bottom: inherit !important; z-index: 10; margin: 0px; letter-spacing: 0px !important;}
.ContentSlider .slick-next{left: 100px !important; top: 70px !important; bottom: inherit !important; z-index: 10; margin: 0px; letter-spacing: 0px !important}
.ContentSlider .slick-dots {display: flex !important; justify-content: space-between; align-items: flex-end !important; width: 450px; position: absolute; bottom: -10px; left: 70px; margin: 0px !important; padding: 0px !important;}
.ContentSlider .slick-dots li{margin: 0px !important; padding: 0px !important; display: flex; align-items: center; width: auto;}
.ContentSlider .slick-dots button{width: 140px; height: 8px; padding: 0px !important; margin: 0px 0px 10px 0px !important; background: #b48bab !important; box-shadow: none !important; border-radius: 0px; }
.ContentSlider .slick-dots button:before{display:none !important}
.ContentSlider .slick-dots li.slick-active button{background: #f6f6f6 !important; height: 13px;}


#div_check_ricerca{width: 280px !important;}

.caroselloenvelop{padding: 60px 0px}
.carosellocontainer{width: 90%; margin: 0 auto;padding-top: 50px;padding-bottom: 50px}
.carosellocontainer h1, .carosellocontainer h2, .formnwsl h1, .formnwsl h2{color: #fff; width: 90%; padding: 0px 5%;float: none;}
.carosellodiv{cursor: pointer; font-size: 1em; float: left !important; color: #fff; line-height: 20px; text-align: center;}

.divInternoCSS{max-width: 500px; width: calc(80% - 100px); background-color: #fff; padding: 50px;  text-align: center; box-shadow: rgba(0,0,0,0.1) 0px 0px 20px 0px; font-size: 1em; line-height: 20px}
#esito{position:absolute;z-index:1010;width:400px;overflow:hidden;background-color:#FFF;padding:15px;left:50%; top: 0px; margin-left:-215px; margin-top:150px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.managersx{width: 47%; float: left; line-height: 30px}
.managerdx{width: calc(47% - 50px); float: right; background-color: #f4f4f4; padding: 25px; overflow: hidden; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; line-height: 30px;  text-align: left;}

.pulsanti button{font-size: 0.9em;}
.elencocat{display: none; }
.schedapro{width: 100%; clear: both;}
.carrellosx {float: left; overflow: hidden;width: 100%;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;box-shadow: #dedede 0 0 0 1px inset}
.carrellodx {float: left; clear: both; margin-top: 20px; width: calc(100% - 60px);padding: 30px;background-color: #f2f2f2;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px}
.cartuno {width: 100px;height: 100%;overflow: hidden}
.cartdue {width: calc(100% - 400px)}
.carttre {width: 250px;box-shadow: #dedede 1px 0 0 0 inset;padding-left: 20px}

}

@media only screen and (min-width:1025px) {

h1, .titolo{text-align:center; margin:0px auto 10px auto; clear:both; width:100%; padding: 0px; position: relative; font-family: "Cormorant Garamond", serif; font-size: 3em; line-height: 50px; font-weight: 700; font-style: italic; color: #b48bab}
h2{text-align:center;font-size:1.3em;margin:0px 0px 30px 0px;line-height:30PX; color: #917a84; width: 100%; clear: both; font-family: "Poppins", sans-serif; font-weight: 300;}

.StyleIntestazione{width: 100%; position: fixed; z-index: 5; top:0px; left: 0px; height: 140px;} 

.testina{height: 40px; width: calc(100% - 140px); padding: 0px 70px; position: absolute; top: 0px; left: 0px; display: flex; justify-content: space-between; font-size: 0.7em; color: #fff; line-height: 40px; background-image: url(/template/pattern-viola.jpg); background-repeat: repeat-x; background-position: top; }
.testa{height: 100px; width: calc(100% - 140px); background-color: rgba(255,255,255,0.8); padding: 0px 70px; box-shadow: rgba(0,0,0,0.1) 0px 0px 10px 0px; position: fixed; top: 40px; left: 0px;  z-index: 5;  }

.StyleIntestazione .logo{height: 100%; position: relative; max-width: 150px; width: 12%; cursor: pointer; display:flex; justify-content:center; align-items:center; margin: 0px 0px 0px 0px; float: left;} 
.StyleIntestazioneScroll .logo{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear; max-width: 120px;} 

.chiama{float: right; width: auto; height: 100%; display: flex; justify-content: space-between; align-items: center;}
.pwapp{width: 50px; height: 50px; line-height: 50px; font-size: 1.2em; -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; cursor: pointer; background-color: #85b381; color: #fff; margin-left: 10px; text-align: center;  -moz-transition:all 1s linear;-ms-transition:all 1s linear;-o-transition:all 1s linear;transition:all 1s linear;}
.pphone{width: 50px; height: 50px; line-height: 50px; -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; cursor: pointer; background-color: #d2b6b5; color: #fff; margin-left: 10px; text-align: center;  -moz-transition:all 1s linear;-ms-transition:all 1s linear;-o-transition:all 1s linear;transition:all 1s linear;}

.contiene{width: calc(100% - 140px);  margin: 0 auto; padding: 0px;} 

#sei{width: calc(100% - 140px); margin: 0px auto 0px auto; padding: 150px 70px 10px 70px; box-shadow: #f5ecec 0px -1px 0px 0px inset; overflow: hidden; color: #b48bab; font-weight: 400; clear:both; text-align: left; list-style: none; font-size: 0.8em; font-family: "Poppins", sans-serif; background-color: #fdf8f4 }
.fotonellapage{display: none; }

.ContentSlider{width: 100%; height: 750px; position: relative;  clear: both; margin: 0px 0px 0px 0px; padding: 0px; }
.BGSlider{width: 100%;  background-repeat: no-repeat; background-size: cover; background-position: center top;  min-height: 750px !important; display: flex !important; align-items: flex-end; position: relative; overflow: hidden;}
.TXSlider{ width: 70%; max-width: 600px; height: 650px;  display: flex; justify-content: center; align-items: flex-start; flex-direction: column; margin: 100px 0px 0px 70px; padding: 0px; text-align: left; font-size: 1em; font-weight: 300; position: absolute; z-index: 1; top: 0px; }
.TXSlider span{margin: 30px 0px 0px 0px; }
.TXSlider strong{font-family: "Cormorant Garamond", serif; font-size: 3em; line-height: 50px; font-weight: 700; font-style: italic; color: #b48bab;}

.trattamenti{position: relative;}
.trattamenti hr{margin-bottom: 40px;}
.trattamenti:before{position: absolute; content: ""; width: 800px; height: 40px; background-color: #fff; top: -40px; left: calc(50% - 400px); z-index: 1; -moz-border-radius: 20px 20px 0px 0px;-webkit-border-radius: 20px 20px 0px 0px;border-radius: 20px 20px 0px 0px;}
.trattamenti .contiene{display: flex; justify-content: space-between; max-width: 1200px; }
.trattamenti .contiene div{width: 23%; -moz-border-radius: 4px;-webkit-border-radius: 4px; position: relative; border-radius: 4px; height: 260px; overflow: hidden; cursor: pointer;}
.trattamenti .contiene div:after{position: absolute; content: ""; width: 100%; height: 100%; top: 0px; left: 0px; background: linear-gradient(135deg, rgba(140,126,120, 0.4) 0%, rgba(255,255,255,0.05) 50%, rgba(140,126,120, 0.2) 50%, rgba(140,126,120, 0.3) 100%); z-index: 0;}
.trattamenti .contiene div img{width: 100%; height: 100%; object-fit: cover;  opacity: 0.7; -webkit-transform:scale(1.0) !important;-moz-transform:scale(1.0) !important;-o-transform:scale(1.0) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s}
.trattamenti .contiene div:hover img{-webkit-transform:scale(1.1) !important;-moz-transform:scale(1.1) !important;-o-transform:scale(1.1) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s}
.trattamenti .contiene p{position: absolute; top: 0px; left: 0px; padding: 20px; width: calc(100% - 40px); height: calc(100% - 40px);  display: flex; justify-content: center; align-items: flex-end;  text-transform: uppercase; font-weight: 400; font-size: 1.2em; color: #fff; text-shadow: rgba(0, 0, 0, 0.4) 0px 0px 20px; z-index: 1;}

.home{width: calc(100% - 140px); padding: 70px; background-image: url(/template/bg-home.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed; margin-top: 100px;}
.home .giustifica{margin-bottom: 50px;}
.immagine{width: 100%; height: 600px; overflow: hidden; position: relative;}
.immagine:before{position: absolute; content: ""; width: 800px; height: 40px; background-color: #fff; bottom: 0px; left: calc(50% - 400px); z-index: 1; -moz-border-radius: 20px 20px 0px 0px;-webkit-border-radius: 20px 20px 0px 0px;border-radius: 20px 20px 0px 0px;}

.contattaci{width: calc(100% - 140px); padding: 0px 70px 70px 70px;  text-align: center; box-shadow: #dfdfdf 0px -1px 0px 0px inset;}
.contattaci p{margin-bottom: 50px;}

.recensioni{width: calc(100% - 140px); position: relative;  padding: 70px; text-align: left;}
.recensione{display: flex !important;    justify-content: flex-start;   flex-direction: column;  padding: 0px 5%; }
.fotorec{width: 65px; height: 65px; overflow: hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin: 0px 0px 30px 0px;}
.anterec{width: 90%; line-height: 25px; font-size: 0.8em;}
.anterec strong{font-size: 1.4em;}
.fotorec img{width: 100%; height: 100%; object-fit: cover;  }
.diconoElements{width: 90%; margin: 0 auto;}
.diconoElements .slick-dots li button:before{font-size: 35px !important; color: #d2b6b5 !important;}
.diconoElements .slick-dots li button{margin:  50px 0px 0px 0px !important; height: 16px !important;}

.cambiocorpo{width: 100%; display: flex; justify-content: space-between;}
.cambiocorpo div:first-child{padding: 50px; width: calc(50% - 100px); background-image: url(/template/pattern-viola.jpg); background-repeat: repeat; color: #fff; display: flex; justify-content: center; flex-direction: column;}
.cambiocorpo div:last-child{width: 50%; overflow: hidden;}
.cambiocorpo p{width: 90%; margin-left: 5%;}
.cambiocorpo h3{text-align:left; margin:0px auto 30px auto; clear:both; width:100%; padding: 0px; position: relative; font-family: "Cormorant Garamond", serif; font-size: 3em; line-height: 50px; font-weight: 700; font-style: italic; color: #fff; text-transform: none;}
.cambiocorpo button{float: right; clear: both;}

.giftcard{width: 100%; display: flex; justify-content: space-between;}
.giftcard div:first-child{padding: 50px; width: calc(50% - 100px); background-image: url(/template/pattern-grigio.jpg); background-repeat: repeat;  display: flex; justify-content: center; flex-direction: column; order: 2}
.giftcard div:last-child{ width: 50%; overflow: hidden; order: 1;}
.giftcard p{width: 90%; margin-left: 5%;}
.giftcard h3{text-align:left; margin:0px auto 30px auto; clear:both; width:100%; padding: 0px; position: relative; font-family: "Cormorant Garamond", serif; font-size: 3em; line-height: 50px; font-weight: 700; font-style: italic; text-transform: none;}
.giftcard button{float: right; clear: both;}

.sottometodo{width:calc(100% - 140px); box-shadow: #fff 0px -200px 0px 0px inset; position: relative; color: #fff; margin: 0px; padding: 70px; height: auto; background-image: url(/public/image/trattamento-cambia-corpo.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed;}
.sottometodo h3{text-align:center; margin:0px auto 10px auto; clear:both; width:100%; padding: 0px; text-transform: none; position: relative; font-family: "Cormorant Garamond", serif; font-size: 3em; line-height: 50px; font-weight: 700; font-style: italic; color: #fff}
.sottometodo h2{color: #e7cac9}
.tremetodo{margin-top: 60px; display: flex; justify-content: space-between;}
.tremetodo div{padding: 30px; width: calc(32% - 60px); background-color: rgba(255, 247, 244, 1); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 25px 0px; color: #4b4549;}
.tremetodo i{font-size: 4em; margin-bottom: 30px; color: #d2b6b5;}

.step{width:calc(100% - 140px); position: relative; margin: 0px; padding: 0px 70px 70px 70px; height: auto;}
.step h3{text-align:left; margin:0px auto 20px auto; clear:both; width:100%; padding: 0px; text-transform: none; position: relative; font-family: "Cormorant Garamond", serif; font-size: 3em; line-height: 50px; font-weight: 700; font-style: italic;}
.step ul li{padding: 20px; width: calc(100% - 42px); position: relative; box-shadow: #f1e8e5 5px 5px 0px 0px; border:  1px solid #f1e8e5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-top: 20px;}
.step .destra{display: flex; align-items: center;}
.step ul li span{font-family: "Cormorant Garamond", serif; color: #d2b6b5; font-size: 1.8em; font-style: italic; text-transform: uppercase; font-weight: 700;}

.filosofia{width:calc(100% - 140px); position: relative; margin: 0px; padding: 70px; text-align: center; background-image: url(/template/bg-home.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed; }
.filosofia p{max-width: 1200px; font-size: 1.1em; line-height: 35px; margin: 0 auto;}

.perche{width:calc(100% - 140px); position: relative; margin: 0px; padding: 70px;}
.perche h2{text-align:center; margin:0px auto 10px auto; clear:both; width:100%; padding: 0px; position: relative; font-family: "Cormorant Garamond", serif; font-size: 3em; line-height: 50px; font-weight: 700; font-style: italic; color: #b48bab}
.perche ul{max-width: 1200px;margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; grid-row-gap: 20px;}
.perche ul li{box-shadow: #f1e8e5 5px 5px 0px 0px; line-height: 23px; border: 1px solid #f1e8e5; -moz-border-radius: 4px;-webkit-border-radius: 4px;  border-radius: 4px; padding: 10px 10px 10px 40px; width: calc(48% - 52px); position: relative;}
.perche li:before{position: absolute; content: "\f336"; font-size: 1.2em; left: 10px; top: 11px; font-family:"Font Awesome 5 Pro"; color:#b48bab; text-align: left; font-weight: 100}

.prenotaservizio{width:calc(100% - 140px); position: relative; margin: 0px 0px 70px 0px; padding: 50px 70px; display: flex; justify-content: space-between; align-items: center;  background-image: url(/template/pattern-grigio.jpg); background-repeat: repeat;}
.prenotaservizio div{width: calc(100% - 300px); display: flex; justify-content: space-between; align-items: center; font-size: 1.2em; line-height: 35px;}
.prenotaservizio div i{font-size: 3em; color: #b48bab; margin-right: 20px;}
.prenotaservizio button{margin: 0px;}

.servizi{width:calc(100% - 140px); position: relative; margin: 0px; padding: 0px 70px;}
.servizi h2{text-align:left; margin:0px auto 30px auto; clear:both; width:100%; padding: 0px; position: relative; font-family: "Cormorant Garamond", serif; font-size: 3em; line-height: 50px; font-weight: 700; font-style: italic; color: #b48bab}
.servizi .contiene{width: 100%; padding: 0px; margin: 0px; display: flex; justify-content: space-between; flex-wrap: wrap; grid-row-gap: 40px;}
.servizio{padding: 0px 0px 50px 0px; width: 48.5%; background-color: rgba(255, 247, 244, 1); -moz-border-radius: 4px; -webkit-border-radius: 4px;  border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 25px 0px; overflow: hidden; cursor: pointer; position: relative;}
.fotoser{width: 100%; height: 200px; overflow: hidden;  margin-bottom: 20px;} 
.servizio h3{width: calc(100% - 40px); padding: 0px 20px; margin: 0px; font-weight: 600;}
.servizio p{width: calc(100% - 40px); padding: 20px; margin: 0px;}
.servizio button{position: absolute; right: 0px; bottom: 0px; -moz-border-radius: 4px 0px 4px 0px; -webkit-border-radius: 4px 0px 4px 0px; border-radius: 4px 0px 4px 0px; margin: 0px;}
.servizio:hover button{padding: 0px 35px}

.elencoser{display: flex; justify-content: space-between; flex-wrap: wrap; grid-row-gap: 20px; margin: 0px; padding: 0px;}
.liser{padding: 10px 15px; line-height: 25px; width: calc(48.5% - 32px); display: flex; justify-content: space-between; align-items: center; -moz-border-radius: 4px; -webkit-border-radius: 4px;  border-radius: 4px; box-shadow: #f1e8e5 5px 5px 0px 0px;  border: 1px solid #f1e8e5; overflow: hidden; cursor: pointer; position: relative;}
.liser div{width: calc(100% - 70px);}
.liser h3{padding: 0px; margin: 0px; font-weight: 600; font-size: 1.1em;}
.liser button{margin: 0px; width: 50px; height: 50px; padding: 0px; font-size: 1.2em; text-align: center;}
.liser button i{float: none; margin: 0px; }

.manipiedi{width:calc(100% - 140px); position: relative; margin: 70px 0px 0px 0px; padding: 70px; text-align: center; background-image: url(/template/bg-manipiedi.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed; display: flex; justify-content: center; grid-column-gap: 3%;}
.manipiedi div{padding: 0px; width: 48.5%; min-height: 150px; background-color: #d2b6b5; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px;  border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 25px 0px; overflow: hidden; cursor: pointer; display: flex; justify-content: space-between; align-items: center;}
.manipiedi p{width: 160px; height: 100%; overflow: hidden; background-color: #fff;}
.manipiedi i{width: 70px; font-size: 3em; text-align: left; }
.manipiedi blockquote{width: calc(100% - 230px); text-align: left; line-height: 25px;}
.manipiedi h3{color: #fff; margin: 0px 0px 5px 0px; text-transform: none; font-size: 1.5em; font-weight: 600;}

.occhi{background-image: url(/template/bg-occhi.jpg);}

.formpagine{width:calc(100% - 140px); position: relative; padding: 70px; height: auto; background-image: url(/template/bg-home.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed; }
.formpagine form{max-width: 1000px; height: auto; margin: 0px auto; overflow: hidden;}
.formpagine .titolo{ text-align: center;}
.formpagine button{padding: 0px 20px; text-transform: uppercase;}

.footer1{width: calc(100% - 140px); height:auto;padding: 100px 70px; color: #fff; font-size: 0.9em; line-height: 25px; font-weight: 300; clear: both; float: left; overflow: hidden; display: flex; justify-content: space-between; position: relative; background-color: #795671;}
.unodidue{width: 48%; max-width: 400px;}
.duedidue{width: 48%; max-width: 400px;}
.recapiti{font-size: 1.1em; line-height: 40px; margin: 40px 0px 0px 0px;}
.recapiti i{color: #d2b6b5; font-size: 0.9em;  margin-right: 10px;}
.recapiti span{font-weight: 600;}
.footer1 li{padding: 7px 0px; position: relative; box-shadow: rgba(255,255,255,0.3) 0px -1px 0px 0px inset; position: relative; overflow: hidden;}
.footer1 li span{float: right; text-align: right;}
.social{margin: 40px 0px 0px 0px; width: 150px; display: flex; justify-content: space-between;}
.social i{color: #b48bab; width: 40px; height: 40px; line-height: 40px; position: relative; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #fff; font-size: 1.1em; cursor: pointer;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear}
.social i:hover{transform: scale(0.9);}
.footer2{width: calc(100% - 140px); height:auto; background-color: #694761; padding: 30px 70px; height:auto; margin: 0px ; position: relative; clear:both; float:left; text-align: center; font-size: 0.7em; line-height: 19px; font-weight: 400; color: #dbdbdb; overflow: hidden;}

.ContentPage{width: calc(100% - 140px); margin: 0 auto; padding: 70px; clear: both; overflow: hidden; position: relative; background-color: #fff}
.embed-container{width: 48%; height: auto; overflow: hidden;}
.giustifica{ display:flex;flex-wrap:wrap;justify-content:space-between; clear: both; margin: 0 auto; padding: 0px; width: 100%;}
.sinistra, .sinis{width: 48%;}
.destra, .des{width: 48%; }
.inverti .sinistra, .Contentcategoria .sinistra{order: 2 }
.inverti .destra, .Contentcategoria .destra{order: 1}
.diqua{width: 65%; display: flex; justify-content: center; flex-direction: column; background-image: url(/template/donnina.svg); background-repeat: no-repeat; background-position: left bottom ; background-size: contain;}
.dila{width: 30%}
.duebottoni{display: flex; justify-content: center; grid-column-gap: 15px;}

.sx{width: 48%;}
.dx{width: 48%;}
.colonnasx{width: 50%}
.colonnadx{width: 50%;}
.colsx{width: 48% !important;}
.coldx{width: 48% !important;}


.Contentcategoria{width: calc(100% - 140px); margin: 0 auto; padding: 100px 0px; clear: both; overflow: hidden; position: relative; display: flex; justify-content: space-between; }
.Contentcategoria h1{margin-bottom: 50px;}
.Contentcategoria .destra p{width: calc(100% - 70px); overflow: hidden; padding: 20px; margin: 15px; height: auto; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px}
.caratterisitiche{width: calc(100% - 60px); padding: 20px 30px; background-color: #f8f8f8; margin-top: 30px; overflow: hidden;}

.elencoprodotti{width: 100%; display: flex; justify-content: center; flex-wrap: wrap; grid-column-gap: 5%; grid-row-gap: 50px;}
.elencopro{width: 30%; height: 400px; overflow: hidden; position: relative; cursor: pointer;}
.fotopro{width: 100%; height: 100%; overflow: hidden;}
.antepro{position: absolute; width: calc(100% - 60px); padding: 30px; height: calc(100% - 60px); background-color: rgba(26,59,90, 0.45); text-align: center; z-index: 1; left: 0px; top: 0px; display: flex; justify-content: center; align-items: flex-end;}

.destra h1, .destra h2, .destra .titolo, .sinistra h1, .sinistra h2, .sinistra .titolo{text-align: left;}

.cate{padding-top: 10px;}
.frgallery{overflow: hidden; height: auto; width: calc(35% - 40px); box-shadow: #e1e1e1 0px 0px 0px 10px inset; padding: 10px; float: left;}



.newshome{width: calc(100% - 140px); overflow: hidden; padding: 70px; color: #fff; position: relative; text-align: left; background-image: url(/template/bg-news.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed;}
.newshome h2{font-size: 1.0em; font-weight: 300; color: #18a096; line-height: 30px; margin: 0px 0px 20px 0px; text-transform: uppercase;}
.newshome span{font-size: 2em; font-weight: 800; text-transform: uppercase; line-height: 45px;}
.newshome button{float: right;}
.newshome .contiene{overflow: hidden; width: 100%; clear: both; float: right; margin-top: 70px;}
.TDCorpoNews{width: 22%;  float: left; cursor: pointer; margin:0px 4% 50px 0px; padding: 0px; position: relative; overflow: hidden; color: #fff; }

.TDCorpoNews:nth-child(4n+4){margin-right: 0px;}

.grupponews{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; color: #fff; padding: 5px 20px; line-height: 18px; font-size: 0.7em; background-color: #b48bab; clear: both; float: left; text-transform: uppercase; font-weight: 600; margin-bottom: 25px; }
.fotonews{width: 100%; height: 350px; overflow: hidden; margin-bottom: 20px;}
.antenews{width: 100%;  padding: 0px; clear: both; height: auto; line-height: 30px; font-size: 0.85em; text-align: left}

.ContentNews{max-width: 1000px;  clear: both;  position: relative; margin: 0 auto;}
.fotonellanews{width: 100%; height: 200px; overflow: hidden;}
.testonews{width: 70%; float: right;}


.sendAsyncContatti{width: calc(100% - 100px); max-width: 1300px; margin: 150px auto;}

.sub{width: 100%; margin: 0 auto !important; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.sub li{width: calc(30% - 20px); margin: 0px 10px 0px 10px; height: 350px; overflow: hidden; position: relative; text-align: center; padding: 0px !important; text-transform: uppercase; border: none !important; overflow: hidden; cursor: pointer; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear }

.logsx, .logdx{width: calc(49% - 102px); padding: 30px; text-align: left; margin:  0px 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px; background-color: #fff}

.login .giustifica{max-width: 800px;}
.login button{width: auto; margin-top: 40px;}
.login input[type="button"]{width: auto; margin-top: 20px; position: relative; padding: 0px 35px;}
.formreg{clear: both;width: calc(100% - 102px); margin: 0 auto; max-width: 600px; padding: 30px; margin:  0px auto; border:  1px solid rgba(255,255,255,0.7); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px; background-color: rgba(255,255,255,0.3); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.riquadropsw{clear: both; padding: 30px; margin:  0px auto; max-width: 400px; text-align: center; border:  1px solid rgba(255,255,255,0.7); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px; background-color: rgba(255,255,255,0.3); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }

#boxfnewsletter{width: 100%;  overflow: hidden;  margin: 0px; }
#boxfnewsletter p{color: #b48bab; font-weight: 700; text-transform: uppercase; margin: 0px 0px 10px 0px;}

#boxfnewsletter form{width: 100%; margin: 20px 0px 0px 0px; position: relative;}
#boxfnewsletter .check span, #boxfnewsletter a{color: #fff;}
.mini{width: 100%; float: left; clear: both;}
#boxfnewsletter button{margin: 20px 0px 0px 0px;}

.formnwsl .check{width: calc(100% - 10px); padding-left: 10px; color: #fff; font-size: 0.9em; height: auto;}
.formnwsl .check span{color: #fff;}

.GalleryProductGriglia{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; clear: both; margin-top: 50px;}
.contGalleryGriglia{width: calc(25% - 10px); box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; float: left; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; height: 300px; overflow: hidden; position: relative; text-align: center; padding: 0px !important; border: none !important; overflow: hidden; margin: 5px; cursor: pointer; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear }

.GalleryPage, .GalleryProduct {overflow:hidden; margin: 0px; padding: 0px; clear: both; display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; height: auto; background-color: #fff;}
.GalleryProduct .contGallery, .GalleryPage .contGallery{width: 30%; height: 550px; overflow: hidden; }
.GalleryProduct .contGallery img, .GalleryPage .contGallery img{height: 100%;width: 100%; object-fit: cover;}

.caroselloenvelop{background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding: 60px 0px}
.carosellocontainer{width: 90%; margin: 0 auto;padding-top: 50px;padding-bottom: 50px}
.carosellocontainer h1, .carosellocontainer h2, .formnwsl h1, .formnwsl h2{color: #fff; width: 90%; padding: 0px 5%;float: none;}
.carosellodiv{cursor: pointer; font-size: 1.2em; float: left !important; color: #fff; line-height: 30px; text-align: center;}

.divInternoCSS{max-width: 500px; width: calc(80% - 100px); background-color: #fff; padding: 50px;  text-align: center; box-shadow: rgba(0,0,0,0.1) 0px 0px 20px 0px; font-size: 1em; line-height: 20px}
#esito{position:absolute;z-index:1010;width:480px;overflow:hidden;background-color:#FFF;padding:15px;left:calc(50% - 240px); top: 0px; top:150px;}
.managersx{width: 47%; float: left; line-height: 30px}
.managerdx{width: calc(47% - 50px); float: right; background-color: #f4f4f4; padding: 25px; overflow: hidden; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; line-height: 30px;  text-align: left;}

.ContentProdotto{width: calc(90% - 250px); max-width: 1400px; margin: 0 auto 0px 250px;  padding: 100px 0px; clear: both; overflow: hidden;  position: relative; display: flex; justify-content: space-between; }
.ContentProdotto h1, .ContentProdotto h2 {text-align: left; margin:  0px}
.ContentProdotto hr {margin:  30px 0px;}

.ContentSlider .slick-prev{left: 70px !important; top: 70px !important; bottom: inherit !important; z-index: 10; margin: 0px; letter-spacing: 0px !important;}
.ContentSlider .slick-next{left: 100px !important; top: 70px !important; bottom: inherit !important; z-index: 10; margin: 0px; letter-spacing: 0px !important}
.ContentSlider .slick-dots {display: flex !important; justify-content: space-between; align-items: flex-end !important; width: 450px; position: absolute; bottom: -10px; left: 70px; margin: 0px !important; padding: 0px !important;}
.ContentSlider .slick-dots li{margin: 0px !important; padding: 0px !important; display: flex; align-items: center; width: auto;}
.ContentSlider .slick-dots button{width: 140px; height: 8px; padding: 0px !important; margin: 0px 0px 10px 0px !important; background: #b48bab !important; box-shadow: none !important; border-radius: 0px; }
.ContentSlider .slick-dots button:before{display:none !important}
.ContentSlider .slick-dots li.slick-active button{background: #f6f6f6 !important; height: 13px;}

.elencocat{width: 250px; float: left; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color: #fbfbfb; overflow: hidden; box-shadow: #ebe7e7 0px 0px 0px 1px inset; }
.schedapro{width: calc(100% - 300px); float: right;}
.carrellosx {float: left; overflow: hidden;width: calc(100% - 350px);-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;box-shadow: #dedede 0 0 0 1px inset}
.carrellodx {float: right;width: 250px;padding: 30px;background-color: #f2f2f2;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px}
.cartuno {width: 100px;height: 100%;overflow: hidden}
.cartdue {width: calc(100% - 400px)}
.carttre {width: 250px;box-shadow: #dedede 1px 0 0 0 inset;padding-left: 20px}

.StyleMarchi{background-color: #f9f8f6; padding: 30px 0px 100px 0px;}

.prodottihome{width: 100%; padding: 70px 0px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px 0px;}
.prodottihome h1, .prodottihome hr{display: none;}

.tuttecat{display: flex; justify-content: space-between;}
.sottocategoria{width: 23%;  height: auto; overflow: hidden; position: relative; text-align: center; padding: 0px; border: none; margin: 0px; cursor: pointer; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear }
.fotocat{width: 100%; height: 430px; overflow: hidden; position: relative;}
.antecat{ width: 100%; padding: 40px 0px 30px 0px; line-height: 28px; position: absolute; bottom: 0px; left: 0px; background-color: rgba(87,57,32,0.8); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); height: 30px; z-index: 2; }
.fotonellacat{width: 100%; height: 250px; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.fotonellacat h1{position: absolute; text-align: center; z-index: 1; left: 15%; width: 70%; bottom: 0px; margin: 0px; padding: 20px 0px 0px 0px; background-color: #fff; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; }







}

.antepro a, .antepro a:hover, .antecat a, .antecat a:hover{color: #c69abc;}
.antepro strong{font-size: 1.2em; font-weight: 600; text-transform: uppercase;}

.dila img{width: 100%; height: 100%; object-fit: cover; -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; }

.lingue{float: right; width: auto; display: flex; justify-content: space-between; align-items: center; height: 180px; margin-left: 30px; width: 60px;}
.lingue p{width: 40%;}
.lingue img{width: 100%; height: 100%; object-fit: contain;}

.ContentWide{width: 100%; margin: 0 auto; padding: 0px; clear: both; overflow: hidden; position: relative;}

.duearee h6{font-size: 1.3em; color: #4b4549; text-transform: uppercase; font-weight: 600; margin: 0px 0px 40px 0px}


.carttre p {font-size: .9em;margin-bottom: 20px; width: 100%; clear: both	}
.carttre strong {font-size: 1.2em	}


.catehome img{width: 100%; height: 100%; object-fit: cover;}
.antecate span{display: none;}
.antecate a{color: #fff !important;}

.servizio img{height: 100%; width: 100%; object-fit: cover; -webkit-transform:scale(1.0) !important;-moz-transform:scale(1.0) !important;-o-transform:scale(1.0) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s;}
.servizio:hover img{-webkit-transform:scale(1.1) !important;-moz-transform:scale(1.1) !important;-o-transform:scale(1.1) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s}

.manipiedi div img{height: 100%; width: 100%; object-fit: cover; -webkit-transform:scale(1.0) !important;-moz-transform:scale(1.0) !important;-o-transform:scale(1.0) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s;}
.manipiedi div:hover img{-webkit-transform:scale(0.9) !important;-moz-transform:scale(0.9) !important;-o-transform:scale(0.9) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s}


.antecate:before{position: absolute; left: 0px; top: -40px; height: 40px; width: 100%; content: ""; background: linear-gradient(180deg, rgba(192,167,108,0) 0%, rgba(192,167,108,0.9) 100%); z-index: 1;}

.duefoto img{width: 100%; height: 100%; object-fit: cover;}


.sottocategoria:hover .antecat:before{transform: rotate(90deg); color: #b48bab;}

.fotocat:before{position: absolute; width: 200%; height: 200%; transform: rotate(45deg); background: transparent; background: linear-gradient(-90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%); content: ""; z-index: 1; top: -100%; left: -100%; -moz-transition:all 1.5s linear;-ms-transition:all 1.5s linear;-o-transition:all 1.5s linear;transition:all 1.5s linear}
.sottocategoria:hover .fotocat:before{left: 100%; top: 100%;}


.StyleMarchi button{display: none !important;}

.fotonellanews img, .fotonellapage img{object-fit:cover; width: 100%; height: 100%; will-change: transform;  -webkit-animation: leaves 300s linear infinite; animation: leaves 300s linear infinite;}
.immagine img{object-fit:cover; width: 100%; height: 100%; will-change: transform;  -webkit-animation: leaves 300s linear infinite; animation: leaves 300s linear infinite;}
.cambiocorpo div:last-child img, .giftcard div:last-child img{object-fit:cover; width: 100%; height: 100%; will-change: transform;  -webkit-animation: leaves 300s linear infinite; animation: leaves 300s linear infinite;}

.formcontatti{width: 100%; margin: 0px}

.categorialato{width: calc(100% - 20px); padding: 10px; position: relative; box-shadow: #ebe7e7 0px 1px 0px 0px inset; font-weight: 500; font-size: 0.9em;}
.categorialato i{float: right; font-size: 0.8em; margin: 8px 8px 0px 0px; color: #982c6a;}
.subcategoria {width: calc(100% - 40px); padding: 5px 20px; position: relative; box-shadow: #ebe7e7 0px 1px 0px 0px inset; font-weight: 400; font-size: 0.8em;}







#closemenu .fa-times{font-weight: 400; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear }
#closemenu .fa-times:hover{transform: rotate(90deg);}

.logo img{width: 100%; height: 100%; object-fit: contain;} 


.footer1 a, .footer1 a:hover{color: #fff; text-decoration: none;}

.footer1 strong, .footer1 p{font-size: 1.6em; text-transform: uppercase; color: #fff; font-weight: 700;  font-family: "Cormorant Garamond", serif;}





.formpagine textarea{height: 190px;}
.formtasto{float: right;}
.formpagine label{font-size: 0.8em; text-transform: uppercase; line-height: 20px; font-weight: 500;}
.formcontatti label, #boxfnewsletter label, .formlogin label, .formreg label{font-size: 0.8em; text-transform: uppercase; line-height: 20px; font-weight: 500; }

.formtasto button{margin: 0px}


.TDCorpoNews img, .TDCorpoBlog img{-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
.datanews{float: left; padding: 10px 10px 10px 30px; color: #bdbdbd; display: none;}
.datanews i, .dettagli i{color: #fff; margin-right: 5px;}
.dettagli{-moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px;color: #fff;padding: 5px 20px;line-height: 18px;font-size: 0.7em;background-color: #b48bab;clear: both;float: left;text-transform: uppercase;font-weight: 600;margin-bottom: 25px;}

.TDCorpoNews button, .TDCorpoBlog button{float: right; background-color: #ccc0be; -moz-border-radius: 6px 0px 6px 0px; -webkit-border-radius: 6px 0px 6px 0px; border-radius: 6px 0px 6px 0px; padding: 0px 15px; display: none; }

.fotonews:before{width: 100%; height: 350px; padding: 0px; position: absolute; background-color: rgba(0, 0, 0, 0.3); content: "\f055"; font-size: 0em; left: 0px; top: 0px; font-family:"Font Awesome 5 Pro"; color:#b48bab; text-align: center; font-weight: 200; display: flex; align-items: center; justify-content: center; z-index: 1; opacity: 0; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear }
.TDCorpoNews:hover .fotonews:before, .TDCorpoBlog:hover .fotonews:before{opacity: 1; font-size: 3em;}

.TDCorpoNews hr, .TDCorpoBlog hr{background-color: transparent; margin: 5px 0px; background-image: none; height: auto;}

.TDCorpoNews hr:after, .TDCorpoNews hr:before{display: none;}


.antenews strong a{font-size: 1.2em; font-weight: 700; text-transform: uppercase; color: #fff;}
.antenews i{font-size: 2.5em; margin-bottom: 20px; color: #b48bab; position: absolute; left: 0px; width: 100%; top: -20px; -webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear }



.duedidue ul li a, .duedidue ul li a:hover{color: #fff;}

.testogal{position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 10px 0px; background-color: rgba(0,0,0,0.4); color: #fff; z-index: 1; text-align: center; display: none;}
.GalleryPage .slick-dots, .GalleryPage .slick-prev, .GalleryPage .slick-next{display:none !important;}

.ContentPro{width: calc(100% - 60px); max-width: 1300px; margin: 0 auto; height: 100%; padding: 100px 0px; clear: both; overflow: hidden; position: relative;  }



.titolocategoria a, .titolocategoria a:hover{color: #fff; font-size: 1em; font-weight: 400;}





.prezzo{font-size: 1.7em; font-weight: 500; margin: 0px 0px 20px 0px;}
.prezzo span{font-size: 0.7em;}
.elencopro button{display: none;}

.acq{margin: 0}


.sub li p{height: calc(100% - 40px); width: calc(100% - 40px); overflow: hidden; color: #fff; position: absolute; font-size: 1em; left:  0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.4); padding: 20px; z-index: 1; line-height: 28px; display: flex; justify-content: center; align-items: center;}

.sub li:before{display: none; }
.sub li div{margin: 0px; padding: 0px 20px; width: calc(100% - 40px); text-transform: none; height: 80px; display: none; }
.sub li i{font-size: 4em; margin: 40px 0px; color: #fff;}
.sub li:hover{background-color:#f6f6f6;}
.sub li a{color:#fff;}
.sub li strong{font-weight: 900}

.servizipag li p{height: calc(100% - 40px); width: calc(100% - 40px); overflow: hidden; color: #fff; position: absolute; font-size: 1em; left:  0px; bottom: 0px; background: linear-gradient(180deg, rgba(0,124,234,0.8) 0%, rgba(0,124,234,0.5) 100%);; padding: 20px; z-index: 1; line-height: 28px; display: flex; justify-content: center; align-items: center;}
.servizipag li:nth-child(even) p{background: linear-gradient(180deg, rgba(0,124,234,0.5) 0%, rgba(0,124,234,0.8) 100%);}
.servizipag li:before{display: none; }
.servizipag li div{margin: 0px; padding: 0px 20px; width: calc(100% - 40px); text-transform: none; height: 80px; display: none; }
.servizipag li i{font-size: 4em; margin: 40px 0px; color: #fff;}
.servizipag li:hover{background-color:#f6f6f6;}
.servizipag li a{color:#fff;}
.servizipag li strong{font-weight: 900}

.sinistra iframe, .destra iframe{width: 100%; height: 500px;}
.sinistra img, .destra img{object-fit: cover; width:100%; height:100%;}
.sinistra hr, .destra hr{margin:  40px 0px 40px 0px}

.varia img{object-fit: contain !important;}

.check{width: 350px; float: left}
.check div{padding:  5px 0px; clear: both; float: left; display: flex; align-items: center;}
.check label{text-transform: none !important; font-weight: 500 !important; font-size: 0.7em;}
.check a, .check a:hover{color: #4b4549}


.filtro{width: 100%; text-align: center; max-width: 400px; margin:  0 auto; display: none;}
/*DOM*/
	body{position:relative;text-align:left;color:#4b4549;font-family: "Poppins", sans-serif;font-weight: 300;font-size:18px;line-height:30px;background-color:#fff;  background-repeat: repeat;}
	html,body{margin:0;padding:0;height:100%;border:none; position: relative;}
	p {margin:0px;padding:0px}
	ul {margin:0px;padding:0px;list-style:none}
	strong{font-weight: 600;}
  sup{line-height: 10px;}
	hr{position: relative; border: none; width: 210px; height: 8px; margin: 30px auto; clear: both; background-image: url(/template/pallette.svg); background-repeat: no-repeat; background-position: center; background-size: contain;}
	hr:before{position: absolute; content: ""; width: calc(50% - 50px); height: 1px; background-color: #d2cbce; top: calc(50% - 0.5px); left: 0px;}
	hr:after{position: absolute; content: ""; width: calc(50% - 50px); height: 1px; background-color: #d2cbce; top: calc(50% - 0.5px); right: 0px;}

	fieldset{border: 0px; padding: 0px; margin: 0px;}

	a{color:#b48bab;border:none;text-decoration:none;}
	a:hover{text-decoration:none;border:none; color:#c69abc}

	input {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; caret-color: #b48bab;  font-size:0.8em; font-family: "Poppins", sans-serif;margin:0px 0px 5px 0px;width:calc(100% - 30px); height:50px; line-height:50px;border:none;background-color: #fff; box-shadow: #eeeeee 0px 0px 0px 1px inset;  padding:0px 15px; color:#666;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
	input [type="text"]{ font-family: "Poppins", sans-serif; margin:0px 0px 5px 0px;font-size:0.9em;width:calc(100% - 30px);height:50px;line-height:50px;border:none;box-shadow: #eeeeee 0px 0px 0px 1px inset;  padding:0px 15px ;color:#666}
	input:focus{ outline:none;box-shadow: #b48bab 0px 0px 0px 1px inset; }
	input[type="checkbox"]{ height:auto;background-color: #fff;margin:11px 5px 0px 0px;padding:0px !important;border:1px solid #d4d4d4;width:auto;box-shadow:none;width:15px !important;height:15px;float:left}
	input[type="radio"]{width: 30px; height: 30px; margin: 0px 5px 0px 20px; box-shadow: none;}
	textarea{-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; caret-color: #b48bab;  margin-bottom: 20px;font-size:0.8em; font-family: "Poppins", sans-serif;float:left; width:calc(100% - 30px);height:140px; border: none; box-shadow: #eeeeee 0px 0px 0px 1px inset;  padding:15px;color:#666;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
	textarea:focus{ outline:none;box-shadow: #b48bab 0px 0px 0px 1px inset;}
	select{ font-family: "Poppins", sans-serif;margin:0px 0px 5px 0px;font-size:0.8em;width:100%;border:none;background-color: #fff; box-shadow: #eeeeee 0px 0px 0px 1px inset; height:50px; line-height:50px; padding:0px 25px; color:#666;  background-image: url(/template/freccina.png); background-repeat: no-repeat; background-position: right 13px top 13px;  -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;  appearance: none; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
	select:focus{ outline:none;box-shadow: #b48bab 0px 0px 0px 1px inset;}
	input[type="submit"]{-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: none; cursor: pointer;  width: auto; background-color: #b48bab; font-weight: 400; text-transform: uppercase; color: #fff; font-family: "Poppins", sans-serif; line-height:50px;padding: 0px 25px; height: 50px; font-size: 0.85em; text-transform: uppercase; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
	input[type="submit"]:hover{background-color: #c69abc;}
	
	input[type="button"],  button, .bottone{-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: none; margin-top: 20px; position: relative; cursor: pointer;  background-color: #b48bab; font-weight: 400; text-transform: uppercase; color: #fff; font-family: "Poppins", sans-serif; line-height:50px;padding: 0px 25px; height: 50px; overflow: hidden; font-size: 0.85em; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
	button:hover{background-color: #c69abc;}
	button i{font-size: 1em; height: 100%; margin-left: 10px; display: flex !important; justify-content: center; align-items: center; text-align: center; color: #fff; float: right;}

  .outline{background-color: #fff;color:#b48bab; box-shadow: #b48bab 0px 0px 0px 1px inset; }
  .outline:hover{background-color: #fff; color:#c69abc; box-shadow: #c69abc 0px 0px 0px 2px inset;}
	.outline i{color: #b48bab}

	input[type="button"] a,  button a {color: #fff;}
	input[type="button"]:hover a,  button:hover a {color: #fff;}

	/*trattamento speciale per le input type date (da testare)*/
	input[type="date"]{-moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; cursor: pointer; font-family: "Poppins", sans-serif;margin:0px 0px 15px 0px;font-size:0.85em;width:100%;border:none;background-color: #fff; box-shadow: #dedede 0px 0px 0px 1px inset; height:48px; line-height:48px; padding:0px 13px; color:#666; background-image: url(/template/freccina.png); background-repeat: no-repeat; background-position: right 9px top 9px;  -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;  appearance: none; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
	input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-calendar-picker-indicator {opacity: 0;cursor: pointer;}

	input::placeholder{color: #a2a2a2; font-size: 0.8em;}
    textarea::placeholder {color: #a2a2a2; font-size: 0.8em;}

	h3{text-align:left; margin:0px 0px 20px 0px; width: 100%; color: #b48bab; width: 100%; clear: both; font-weight: 400; text-transform: uppercase; font-style: 1.1em; line-height: 28px;}
	.titoloform{text-align:center;font-size:2.5em; line-height: 40px; text-transform: uppercase; font-weight:500;margin:0px 0px 50px 0px;  width: 100%; color: #fff; font-family: "Poppins", sans-serif; width: 100%; clear: both; float: left;}


	h4, h5{text-align:left; font-size:1.7em; line-height:30px;margin:0px 0px 20px 0px; font-family: "Cormorant Garamond", serif; clear:both;float:left;width:100%; font-weight: 700; color: #b48bab; position: relative;}
	h5 i{color: #c7c7c7; font-size: 1.3em; margin-right: 15px; float: left;}


	table{width:100%;box-shadow:#e6e6e6 0px 0px 0px 1px;border-spacing:0px;font-size:0.9em;line-height:23px;border-collapse:separate; margin-top: 40px}
	table tr{box-shadow:#e6e6e6 0px -1px 0px 0px inset}
	table td{padding:10px}

	.StylePagina{width:100%;padding:0px; height:auto; overflow: hidden;  position: relative;}
	.senza{background-image: none;}


/*BREADCRUMB*/
	#sei li{float: left;}
	#sei a{color: #b48bab}
	#sei em{font-size:0.6em; margin-right: 5px}
	#sei strong{font-weight: 500; color: #b48bab;}



/*STILE ELENCHI NELLE PAGINE*/
	.ContentPage ul, .Contentcategoria ul, .elenco{margin: 0px; width: 100%; clear: both; float: left; }
	.ContentPage ul li, .Contentcategoria ul li, .elenco li, .elencoservizi li{padding: 10px 10px 10px 20px; position: relative; line-height: 25px; box-shadow: #e7e7e7 0px -1px 0px 0px inset;}

	.ContentPage ul li:before, .Contentcategoria ul li:before, .elenco li:before, .elencoservizi li:before{position: absolute; content: "\f054"; font-size: 0.8em; left: 0px; top: 10px; font-family:"Font Awesome 5 Pro"; color:#b48bab; text-align: left; font-weight: 400}

	.ContentPage ol{margin: 20px 0px; width: 100%; clear: both; float: left; line-height: 22px}
	.ContentPage ol li{padding: 12px 0px 12px 0px; position: relative;  border-bottom: 1px solid #e0dfd8; margin: 0px}

  .ContentPage img{-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}


/*GALLERY*/
	.TDCorpoNews .fotonews img, .TDCorpoBlog .fotonews img, .pagegallery div img{height: 100%; width: 100%; object-fit: cover; -webkit-transform:scale(1.0) !important;-moz-transform:scale(1.0) !important;-o-transform:scale(1.0) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s;}
	.TDCorpoNews:hover .fotonews img, .TDCorpoBlog:hover .fotonews img,  .pagegallery div:hover img{-webkit-transform:scale(1.1) !important;-moz-transform:scale(1.1) !important;-o-transform:scale(1.1) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s}
	.pagegallery div a {width: 100%; height: 100%;  display:flex; justify-content:center; align-items:center;}

.fotocat img{width: 100%; height: 100%; object-fit: cover; -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px; -webkit-transform:scale(1.0) !important;-moz-transform:scale(1.0) !important;-o-transform:scale(1.0) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s;}
.sottocategoria:hover .fotocat img{-webkit-transform:scale(1.05) !important;-moz-transform:scale(1.05) !important;-o-transform:scale(1.05) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s}


.elencopro .fotopro img{width: 100%; height: 100%; object-fit: cover; opacity: 0.85; -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px; -webkit-transform:scale(1.0) !important;-moz-transform:scale(1.0) !important;-o-transform:scale(1.0) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s;}
.elencopro:hover .fotopro img{-webkit-transform:scale(1.1) !important;-moz-transform:scale(1.1) !important;-o-transform:scale(1.1) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s}

 .contGallery img{width: 100%; height: 100%; object-fit: cover; -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px; -webkit-transform:scale(1.0) !important;-moz-transform:scale(1.0) !important;-o-transform:scale(1.0) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s;}
 .contGallery:hover img{-webkit-transform:scale(1.05) !important;-moz-transform:scale(1.05) !important;-o-transform:scale(1.05) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s}

.sub li img, .servizipag li img{width: 100%; height: 100%; object-fit: cover; -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px; -webkit-transform:scale(1.0) !important;-moz-transform:scale(1.0) !important;-o-transform:scale(1.0) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s;}
.sub li:hover img, .servizipag li:hover img{-webkit-transform:scale(1.1) !important;-moz-transform:scale(1.1) !important;-o-transform:scale(1.1) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s}


.pietanze div img{height: 100%; width: 100%; object-fit: cover; -webkit-transform:scale(1.0) !important;-moz-transform:scale(1.0) !important;-o-transform:scale(1.0) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s;}
.pietanze div:hover img{-webkit-transform:scale(1.1) !important;-moz-transform:scale(1.1) !important;-o-transform:scale(1.1) !important;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s; -o-transition-duration:0.5s}

.star{margin: 0px 0px 15px 0px}
.star .fa-star{margin: 0px 5px 0px 0px}

/*FORM*/
	#FormSendMailToSite2{width:100%}
	.formcontatti select{width:100%;height:37px;padding:5px}



	#div_check_email, #div_check_email2 {float:right}
	#securityCode{float:left;}

	#div_check_ricerca{display: none;position: absolute;top: 68px;z-index: 100; font-size: 1em;  width: 290px;height: 180px;overflow-y: auto; color: #666; background-color: #fff; padding: 10px 20px; box-shadow: #dedede 0px 0px 0px 1px inset;text-align: left;}
	#div_check_ricerca a{color: #4b4b4b;}
	.elencosearch a {color: #4b4b4b; text-transform: uppercase; font-weight: 700}
	#div_check_ricerca em {color: #73a65c; margin-right: 5px;}
	.elencosearch a i{color: #73a65c; margin: 7px 5px 0px 0px; float: left;}
/*FOOTER*/
	.footer2 a{text-decoration: none;  color: #dbdbdb;}
	.footer2 a:hover{text-decoration: underline;}


/*PAGINATORE*/
	#Paginatore{width: 100%; margin: 40px auto 0px auto; display: flex; justify-content: center; align-items: flex-start; clear: both; float: left;}
	.PaginatoreNext{-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color:#b48bab; height:60px;width:60px;cursor:pointer;padding:0px;font-size:1.3em;float:left; margin:0px 5px 0px 0px;display:flex;align-items:center;justify-content:center;box-shadow:#b48bab 0px 0px 0px 0px inset;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
	.PaginatoreNext:hover{box-shadow:#b48bab 0px 0px 0px 60px inset}
	.PaginatoreNext a{color:#fff; text-decoration: none;}
	.PaginatoreNext a:hover, .PaginatoreNext:hover a{color:#fff}
	/*selezionato*/
	.PaginatoreSel{-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; height:60px;width:60px;cursor:pointer;padding:0px;float:left;display:flex;align-items:center;justify-content:center;background-color:#b48bab; margin:0px 5px 0px 0px;}
	.PaginatoreSel span{color:#fff;font-weight:400;font-size:1.3em}
	/*link pagine*/
	.PaginatoreLink{-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color:#ccc0be;  height:60px;width:60px;cursor:pointer;padding:0px;float:left;margin:0px 5px 0px 0px;display:flex;align-items:center;justify-content:center;box-shadow:#b48bab 0px 0px 0px 0px inset;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
	.PaginatoreLink:hover{box-shadow:#b48bab 0px 0px 0px 60px inset}
	.PaginatoreLink a{color:#fff; font-size:1.3em; text-decoration: none;}
	.PaginatoreLink a:hover, .PaginatoreLink:hover a{color:#fff}

/*STILE SLIDE*/

  /*
	.slick-prev, .slick-next{overflow: inherit !important; width: auto !important; line-height: 60px !important; height: 60px !important; margin-top: 0px !important; top: calc(50% - 30px) !important; }
	.slick-prev:before{color:#d7d7d7 !important; content:"\f053" !important;font-family:"Font Awesome 5 Pro" !important; height: 60px !important; font-size: 60px !important; font-weight: 200;}
	.slick-next:before{color:#d7d7d7 !important; content:"\f054" !important;font-family:"Font Awesome 5 Pro" !important; height: 60px !important; font-size: 60px !important; font-weight: 200;}
	.slick-prev:hover, .slick-next:hover{background-color: transparent !important;}
	.slick-prev{left: 20px !important;}
	.slick-next{right: 20px !important;}
	*/
  .slick-prev, .slick-next{line-height: 30px !important; height: 30px !important; overflow: inherit !important; }
  .slick-prev:before{color:#666 !important; content:"\f053" !important;font-family:"Font Awesome 5 Pro" !important; line-height: 46px !important; height: 30px !important; font-size: 30px !important; font-weight: 200;}
  .slick-next:before{color:#666 !important; content:"\f054" !important;font-family:"Font Awesome 5 Pro" !important; line-height: 46px !important; height: 30px !important; font-size: 30px !important; font-weight: 200;}
  .slick-prev:hover, .slick-next:hover{background-color: transparent !important;}


  .StyleMarchi .slick-list{width: 95% !important; margin: 0 auto !important;}

	.GalleryProduct  .slick-prev, .GalleryProduct  .slick-next{display:none !important; }

/*MESSAGGI ERRORE*/
	.errMsg{position:absolute;cursor:pointer;height:35px;line-height:35px;padding:0px 10px 0px 10px;z-index:10;color:#fff; text-align: center; left:0%;top:-25px;background-color:#d80033;box-shadow:#d80033 0px 0px 0px 1px inset; font-size: 0.7em; min-width: 120px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
	.errMsg:after{position:absolute;left:10px;bottom:-7px;content:"";border-top:7px solid #d80033;border-left:10px solid transparent;border-right:10px solid transparent}
	.errInput{background-color: #fff3c8; }
	.is-focused{position:relative}
	#div_status_captcha{float:right !important;width:10px !important;margin:0px !important}

/*RICERCA POPUP*/
	#PopRicerca{display:none;position:fixed;z-index:700;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5)} 
	#PopRicerca >form{position:absolute;margin:0 auto;top:50%;margin-top:-40px;left:50%;margin-left:-150px;z-index:1;color:#0063ac; width:300px} 
	#hidericerca{height:50px;width:50px;position:relative;z-index:20;color:#FFF;font-size:4em;float:right;margin:20px;cursor:pointer}   
	.elencosearch{border-bottom: 1px solid #e9e9e9; padding-bottom: 10px; margin-bottom: 10px; width: 100%}

/*BOTTONE TORNA SU*/
	.scroll_top{width:50px;height:50px;position:fixed;bottom:-25px;left:50%; margin-left: -25px; background: rgba(0,0,0,.3); z-index:2; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}
	.scroll_top:before{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; line-height: 25px; text-align: center; color: #fff; content: "\f077"; font-family:"Font Awesome 5 Pro";font-size:1em; -webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}  
	.scroll_top:hover{bottom:5px; background: rgba(0,0,0,0.4);}
	.scroll_top:hover:before{line-height: 48px; }

/*STILI FOTORAMA*/
	.fotorama__arr {width: 55px !important; height: 55px !important; margin: 0px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-radius: 5px !important; position: relative; background-image: none !important; background-color: rgba(50,50,50,0.6) !important;}
	.fotorama__arr--prev{left: 20px !important;}
	.fotorama__arr--next{right: 20px !important}
	.fotorama__arr--prev:before {position: absolute; content: "\f053"; width: 55px !important; height: 55px !important; line-height: 55px; font-size: 1.7em; left: 0px; top: 0px; font-family:"Font Awesome 5 Pro"; color: #fff; text-align: center; }
	.fotorama__arr--next:before {position: absolute; content: "\f054"; width: 55px !important; height: 55px !important; line-height: 55px; font-size: 1.7em; left: 0px; top: 0px; font-family:"Font Awesome 5 Pro"; color: #fff; text-align: center; }
	.fotorama__thumb{box-shadow: #ededed 0px 0px 0px 1px}
	.fotorama__nav__shaft {margin: 10px 0px 0px 0px;}
	.fotorama__fullscreen-icon {width: 45px !important;height: 45px !important;top: 10px !important;right: 10px !important;background-color: rgba(200,200,200,0.3) !important; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; ; background-image: none !important}
	.fotorama__fullscreen-icon:before{position: absolute; content: "\f065"; width: 45px !important; height: 45px !important; line-height: 45px; font-size: 0.9em; left: 0px; top: 0px; font-family:"Font Awesome 5 Pro"; color: #fff; text-align: center; }
	.fotorama__dot {width: 18px !important; height: 18px !important; border-radius: 15px !important; border:none !important; background-color: #4a4844}
	.fotorama__nav--dots .fotorama__nav__frame {width: 36px !important}
	.fotorama__nav__frame.fotorama__active .fotorama__dot {background: #5f1b0b !important;}


/*TRASFORMA CHECKBOX IN SWITCH*/


	.switch {position: relative;display: inline-block;width: 36px;height: 16px;float: left; margin: 0px 8px 0px 0px}
	.switch input {display:none;}
	.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff; box-shadow: #d8d8d8 0px 0px 0px 1px inset; -webkit-transition: .4s;transition: .4s;border-radius: 28px;}
	.slider:before {position: absolute; content: ""; height: 12px; width: 12px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%;box-shadow: 1px 1px 10px rgba(0,0,0,.3); background-color: #454444}
	input:checked + .slider {background-color: #fff}
	input:checked + .slider:before {-webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); background-color: #25d366}
	.check span{float: left; font-size: 0.9em; line-height: 20px; color: #424444; font-weight: 400;}
	.check span a{color: #424444;}




/*MENU*/
	#hamburger{display: none}




/*CARRELLO*/
	.ofuscamentomenu{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,0.7);} 

	.continua{cursor:pointer;width:calc(48% - 20px);font-size:1em; line-height: 23px; display:flex ;align-items:center;justify-content:center;background-color:#9c9e9f;float:left;padding:20px 10px;color:#fff;text-align:center;height:30px;text-transform:uppercase;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
	.vai{width:calc(48% - 20px);font-size:1em; line-height: 23px; font-weight:700;display:flex ;align-items:center;justify-content:center;background-color: #cab464; float:right;padding:20px 10px;text-align:center; height:30px;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;}
	.continua:hover{background-color: #b6b6b6}
	.vai:hover{background: #dbc163}
	.vai a{color: #fff;}
	
	#imgcarrello{text-align: center;}
	.fotoanteprimacart{width: 240px;height: auto; margin-bottom: 30px}




	#totaleparziale, #confermatotale{font-weight: 700; font-size: 1.5em; margin: 10px 0px;}

	.tastocarrello{position: relative;}

	#badge{cursor: pointer;width: 18px;height: 18px;line-height: 18px;text-align: right;color: #b48bab;position: absolute;font-size: 1em;top: -5px;right: -13px;font-weight: 500;}

	#headerprice{position: absolute; right: 90px; font-size: 1.5em; font-weight: 700; color: #fff}
	#headerprice button{height: 40px; line-height: 40px; margin: 15px 0px 0px 5px; font-size: 0.8em; padding: 0px 10px;}
	


	.cartuno img{width: 70%; height: 70%; object-fit: contain;}

#slidebuoni{ text-align: center; overflow: hidden; width: calc(100% - 60px); position: relative;margin-bottom: 25px;box-shadow: #dedede 0px 0px 0px 1px inset;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;padding: 30px;}
#slidebuoni p{font-size: 1.3em; text-align: center; width: 100%;  margin: 0 auto 20px auto;  font-weight: 700; text-transform: uppercase; }

.clienti .slick-dots, #cookie_recenti .slick-dots{display: none !important}

.descpro b, .descpro b span{color: #fff !important;}
.descpro p span{font-weight:400 !important;font-size:18px !important;line-height:22px !important;}


@-webkit-keyframes bgPos {
	25% {-webkit-transform: translate3d(-60px, -60px, 0) rotate(0.001deg);transform: translate3d(-60px, -60px, 0) rotate(0.001deg);
	}
	75% {-webkit-transform: translate3d(0, 0, 0) rotate(0.001deg);transform: translate3d(0, 0, 0) rotate(0.001deg);
	}
}

@keyframes bgPos {
	25% {-webkit-transform: translate3d(-60px, -60px, 0) rotate(0.001deg);transform: translate3d(-60px, -60px, 0) rotate(0.001deg);
	}
	75% {-webkit-transform: translate3d(0, 0, 0) rotate(0.001deg);transform: translate3d(0, 0, 0) rotate(0.001deg);
	}
}

@-webkit-keyframes leaves {
        0% {
            transform: scale(1.0);
            -webkit-transform: scale(1.0);
        }
        50% {
            transform: scale(1.45);
            -webkit-transform: scale(1.45);
        }
        100% {
            transform: scale(1.0);
            -webkit-transform: scale(1.0);
        }
    }





.formsubmit{width: 100%; clear: both;}


/*Gallery*/
.testogal{position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 10px 0px; background-color: rgba(0,0,0,0.4); color: #fff; z-index: 1; text-align: center; display: none;}
.contGallery{position: relative;}

@keyframes moveter {
    0% {
        top:  0px;
    }
    100% {
        top: inherit; bottom: 0px; 
    }
}


@keyframes move {
    0% {
        top: -5px;
    }
    50% {
        top: 5px; 
    }
    100% {
        top: -5px; 
    }
}


@keyframes movebis {
    0% {
        transform: translatex(-50px);
    }
    50% {
        transform: translatex(605px);
    }
    100% {
        transform: translatex(-50px);
    }
}





@keyframes sxdx {
    0% {
        transform: translateX(-50);
    }
    50% {
        transform: translateX(2000px); 
    }
    100% {
        transform: translateX(-100px); 
    }
}

@keyframes dxsx {
    0% {
        transform: translateX(-50);
    }
    50% {
        transform: translateX(2000px); 
    }
    100% {
        transform: translateX(-100px); 
    }
}


@keyframes beating {
0%{transform:scale(1)}
50%{transform:scale(1.1)}
100%{transform:scale(1)}
}




@keyframes shadow {
0%{box-shadow: rgb(228 229 102 / 60%) 0px 0px 0px 6px;}
100%{box-shadow: rgb(228 229 102 / 0%) 0px 0px 0px 20px;}
}

@keyframes wobble {
   0% { transform: translateX(0%); } 
   15% { transform: translateX(-25%) } 
   30% { transform: translateX(20%)  } 
   45% { transform: translateX(-15%)  } 
   60% { transform: translateX(10%)  }
   75% { transform: translateX(-5%)  }
   100% { transform: translateX(0%); } 
} 



.BlckNamecs_blackhat ul li{    padding: 5px;
    position: relative;
    box-shadow: #d9d9d9 0px 0px 0px 0px inset;
    float: left;
    background: #f0f0f0;
    margin: 0px 10px 10px 0px;
    line-height: 15px;
    border-radius: 5px;
    font-size: 0.9em;}
.BlckNamecs_blackhat ul li:before{display: none;}    


/*funzione che appende pulsante per mostrare la password sulle input*/    
	.showPass{position:absolute;top:20%;right:20px;cursor:pointer; color: #a5a5a5;}

@keyframes rotating {
  from {
    -ms-transform: ;
    -moz-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  to {
    -ms-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}


.singlepartner {margin: 0px 50px; display: flex !important; align-items: center; justify-content: center;  -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear; cursor: pointer;}
.singlepartner img{width: 100%; max-width: 200px; height: auto; object-fit: contain;}

/*pulsanti taglie e colori estesi*/
.schedabnttaglia{width: 20px;height: 20px;padding: 5px;border:1px solid #333;margin: 5px;float: left;cursor: pointer;line-height: 20px;}
.schedabntcolore{width: auto;height: 20px;padding: 5px;border:1px solid #333;margin: 5px;float: left;cursor: pointer;line-height: 20px;}
.schedabnttagliaOn{border: 3px solid}
.schedabntcoloreOn{border: 3px solid}



@-webkit-keyframes pulsate {
    0% {box-shadow: #c69abc 0px 0px 0px 1px inset; width: 50px; height: 50px; top: 50%; left: 50%; margin: -25px 0px 0px -25px}
    70% {box-shadow: #c69abc 0px 0px 0px 1px inset; width: 50px; height: 50px; top: 50%; left: 50%; margin: -25px 0px 0px -25px}
    100% {box-shadow: transparent 0px 0px 5px 1px inset; width: 70px; height: 70px; top: 50%; left: 50%; margin: -35px 0px 0px -35px}
}

@-webkit-keyframes pulsa {
    0% {transform: scale(1)}
    50% {transform: scale(1.1);}
    1000% {transform: scale(1)}
}






input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.grigio{background-color: #f6f6f6; overflow: hidden; padding: 50px 0px; margin-left: 80px; width: calc(100% - 80px);}
.fa-notes-medical{font-size: 6em; color: #c69abc}
/*POPUP DEL MODULO (NON SONO GLI ALERT!) */
.blurpopup{position: absolute;z-index: 700;top: 15%;left: 10%;right: 10%;bottom: 15%} 
.msgpopup{position:relative;width: calc(100% - 50px); max-width: 500px; margin:  0 auto; font-size: 0.9em; line-height: 22px; text-align: justify; padding: 25px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;background-color: #fff;box-shadow: rgba(0,0,0,0.2) 0px 0px 40px 0px;text-align: center;}

.msgpopup .fa-times{position:absolute; cursor: pointer; width: 30px; height: 30px; line-height: 30px; text-align: center; z-index: 1; right: -15px; top:  -15px; background-color: #b48bab; color: #fff; -moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50% }


.msgpopup img{width: 100%; height: 100%; object-fit: cover; max-height: 300px;}


.destroypopup{position:absolute;top: 10px;right: 10px;font-size: 20px;color: #dbdbdb;cursor: pointer}
#blurhide{position: fixed;z-index: 700;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);}

.stepper {float: left;text-align: center;width: 50px}
.stepperwrapper {overflow: hidden;clear: both; margin-right: 10px; float: left;}
.stepperRem {float: left;width: 40px;height: 40px; color: #fff; line-height: 40px; padding: 0px;background: #cdcdcd;text-align: center;cursor: pointer;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-ms-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear}
.stepperAdd {float: left;width: 40px;height: 40px; color: #fff; line-height: 40px; padding: 0px;background: #cdcdcd;text-align: center;cursor: pointer;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-ms-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear}
.stepperRem:hover {background: #d9be7e;color: #fff}
.stepperAdd:hover {background: #d9be7e;color: #fff}

.dato {width: 100%}
.dato p{margin-bottom: 10px}
.dato input {height: 40px; -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;width: 35px}
#ThePrice strong {font-size: 1.4em;margin: 20px 0px;clear: both;float: left;width: 100%;line-height: 40px; font-weight: 700; color: #b48bab;}

.downloadproduct{clear: both; margin-top: 20px; border-bottom: 2px solid rgba(0,0,0,0.1); width: auto; float: left; padding: 0px 10px 5px 10px; text-transform: uppercase; -webkit-transition: all .5s linear;-moz-transition: all .5s linear;-ms-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear}
.downloadproduct:hover{border-bottom: 2px solid #fff;}


.EvidenzaProdotti .slick-dots{display: none !important}

#richiediofferta{background-color: #bf3e88 !important;}

.contienerecenti{width: calc(100% - 60px);  height: auto;padding: 50px 30px; border-top: 1px solid #d9d9d9; display: none;}

/*ALERT POPUP*/
	.popupbg{position:fixed;z-index:700;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5)} 
	.popupmessage{position:relative;width: 50%;padding: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden !important; margin: 50px auto; background-color: #fff;box-shadow: rgba(0,0,0,0.2) 0px 0px 40px 0px;text-align: center;}
	.popupclosemessage{position:absolute;top: 10px;right: 10px;font-size: 20px;color: #dbdbdb; cursor: pointer;}
	#ofuscamento{position:absolute;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000;filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70}
	.ofuscamentopopup{position: absolute;z-index: 700;top: 15%;left: 5%;right: 5%;bottom: 15%} 
	.contentpopup{position:relative; max-width: 400px; margin: 0 auto; width: calc(100% - 40px);padding: 20px; height: 45px; background-color: #fff; box-shadow: rgba(255,255,255,0.2) 0px 0px 0px 1px inset;text-align: center;}
	.contentpopup input{float: left; width: calc(100% - 100px) !important}
	.contentpopup button{float: right; z-index: 2; width: 50px !important; height: 50px!important; line-height: 50px !important; margin: 0px !important; padding: 0px !important; font-size: 1.4em !important; text-align: center;}
	.contentpopup button i{text-align: center; margin: 0px; width: 100%;}

	.closepopup{position:absolute;top: -12.5px;right: -12.5px;font-size: 15px;color: #fff;cursor: pointer; width: 25px; height: 25px; line-height: 25px !important; -moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%; background-color: #b48bab}
	

	#ofuscamentohide{position: fixed;z-index: 700;left: 0;top: 0;width: 100%;height: 100%;background: rgba(150,150,150, 0.6); -webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px)}

/*OFUSCAMENTO LOADING USATO CARICAMENTO ESECUZIONE FORM CONTATTI*/
.ofuscamentoloading{position: absolute;z-index: 700;top: 15%;left: 5%;right: 5%;bottom: 15%} 
.ofuscamentohideloading{position: fixed;z-index: 700;left: 0;top: 0;width: 100%;height: 100%;background: rgb(255 255 255 / 92%)}
.contentpopuploading{position: relative;margin: 0 auto;width: 100%;text-align: center;top: 50%;margin-top: -45px;}

.grecaptcha-badge {visibility: hidden;}

/*Filemanager Dashboard*/
#ajaxresponse button{float: none;width: auto !important;padding: 0px 5% !important;}
#fileman ul li:before{display: none;}    
#fileman ul li{padding: 12px 0px 12px 0px;}    

.dashboard{max-width: 550px; width: 100%; margin: 0px auto 70px auto; display: flex; justify-content: space-between;}
.dashboard div{text-align: center; background-color: rgba(255,255,255,0.9); border: 1px solid #e9e9e9; -moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; width: calc(23% - 30px); padding: 20px 15px; font-size: 0.9em; font-weight: 400; text-transform: uppercase; cursor: pointer; line-height: 20px; -webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}
.dashboard i{font-size: 1.7em; margin-bottom: 15px; color: #ccc}
.managerdx button{width: 140px; margin-right: 10px; float: left; padding: 0px 20px; font-size: 0.8em; margin-top: 20px; text-align: center;}

.dashboard div:hover{background-color: #f2f2f2}



#filemanager{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;width: 97%; margin: 0 auto;}

#filemanager div{border-bottom:1px solid #CCC;padding: 5px 15px }
#filemanager .cfold{background: #f1f1f1}
#filemanager input[type="checkbox"]{height:auto;background-color:transparent;margin:8px 10px 0px 0px ;padding:0!important;border:1px solid #b4b4b4;box-shadow:none;width:15px!important;float:left}

.actionfileman{display: none;}
.selectAll{clear: both;margin: 10px 0px;}
.selectAll a{background-color: #ececec; padding: 5px 10px; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

.managersx em, .managerdx em{font-size: 1em; margin-right: 10px}
.managersx ul li{padding: 5px 0px !important; overflow: hidden }
.managersx li:before{display: none;}
.managerdx button:after{display: none;}
#myfiles{margin-left: 10px; width: calc(100% - 10px); text-align: left;}
#myfiles i{color: #a78c53; margin-right: 5px}
#myfiles .acapo{clear: both; float: left; margin-left: 50px;}
#myfiles .fa-download{cursor: pointer;}
.recupero button{clear: both; float: left; margin-bottom: 20px}

.managerdx .fa-trash{font-weight: 400 !important; font-size: 0.9em;}

#allegato{font-size: 0.7em;}
.capolettera{font-weight: 300; font-size: 2.5em; font-style: italic; color: #b48bab}

.whatsapp{position: fixed;bottom: 0px;right: 0px;z-index: 10;}
#msgwa{display:none;background: #85b381; color: #fff; -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); position: fixed;left: 0px;bottom: 0px;box-shadow: rgb(0,0,0,0.2) 0 0 20px 0;padding: 25px;width: 250px; text-align:left; -moz-border-radius:0px 4px 0px 0px;-webkit-border-radius:0px 4px 0px 0px;border-radius:0px 4px 0px 0px}
.waclose{position: absolute;top:10px;right: 10px;cursor: pointer;color: #666;}
#formwasend textarea{height: 150px; margin-top: 15px; background-color: rgba(0,0,0,0.1); color: #fff; box-shadow: rgba(0,0,0,0.04) 0px 0px 0px 1px inset;}
#formwasend input{background-color: rgba(0,0,0,0.1); color: #fff; box-shadow: rgba(0,0,0,0.04) 0px 0px 0px 1px inset;}
#formwasend strong{font-weight: 200; text-transform: uppercase;}
#formwasend	input::placeholder, #formwasend textarea::placeholder {color: #fff !important; font-size: 0.8em !important}
#msgwa strong{color: #fff;}
.wasend{background-color: #fff;cursor: pointer;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;text-align: center;margin: 10px 0px 0px 0px;padding: 10px;color: #85b381; font-size: 0.8em; text-transform: uppercase;  font-weight: 700;}
.whatsapp .fa-times{position:absolute; cursor: pointer; width: 30px; height: 30px; line-height: 30px; text-align: center; z-index: 1; right: 10px; top:  10px; color: #fff;}

.StyleIntestazione .testa, .StyleIntestazione #ControlMenu, .StyleIntestazione #JQMenu, .StyleIntestazione .lingue, .StyleIntestazione #ControlMenu:after, .StyleIntestazione #JQMenu > li > a, .StyleIntestazione #JQMenu > li > ul, .StyleIntestazione .logo, .StyleIntestazione .categorietesta{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;}

.StyleIntestazioneScroll{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear; height: 80px;}
 
.StyleIntestazioneScroll #ControlMenu{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear; margin: 15px 0px 0px 10px;}

.StyleIntestazioneScroll .testa{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear; height: 80px; top: 0px;  background-color: #fff;}
.StyleIntestazioneScroll #JQMenu{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear; height: 80px;}
.StyleIntestazioneScroll #JQMenu > li > ul{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear; top: 80px;}

/*
.StyleIntestazioneScroll #JQMenu{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear; height: 80px}
.StyleIntestazioneScroll #JQMenu > li > ul{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear; top: 80px}
*/
.StyleIntestazioneScroll .lingue{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear; height: 50px;}


@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 50%;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}

@keyframes sposta {
    0% {
        left: -150px;
    }
    100% {
        left: 250px 
    }


}

@keyframes spostabis {
    0% {
        right: -150px;
    }
    100% {
        right: 250px; 
    }
}



@keyframes flash {
    0% {
        left: -1000px;
    }
    100% {
        left: 2000px;  
    }
}



@keyframes spread{
	0%{
		transform: scale(0);
		opacity: 1;
	}
	40%{
		transform: scale(0);
		opacity: 1;
	}

	100%{
		transform: scale(1);
		opacity: 0;
	}
}

@keyframes fliptextGradient{0%, 80% {transform: rotateY(360deg)}}

.elencosearchtitle strong{color: #b48bab}




.catsel, .subsel{font-weight: 500;}
.catsel a{color:  #c69abc !important}


.carrellobox {width: calc(100% - 30px);padding: 15px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;box-shadow: #dedede 0 1px 0 0 inset}
#imgcarrello {text-align: center}
.fotoanteprimacart {width: 240px;height: auto;margin-bottom: 30px}
#confermatotale,#totaleparziale {font-weight: 700;font-size: 1.5em;margin: 10px 0}
.fatturazione {padding: 20px 5%;overflow: hidden;width: 90%; box-shadow: #dedede 0px 0px 0px 1px inset;}
#headerprice {position: absolute;right: 90px;font-size: 1.5em;font-weight: 700;color: #fff}
#headerprice button {height: 40px;line-height: 40px;margin: 15px 0 0 5px;font-size: .8em;padding: 0 10px}
.cartuno img {width: 100%;height: 100%;object-fit: cover}
.slidebuoni {text-align: center;overflow: hidden;width: calc(100% - 60px);position: relative;margin-bottom: 25px;box-shadow: #dedede 0 0 0 1px inset;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;padding: 30px}
.slidebuoni p {font-size: 1.3em;text-align: center;width: 100%;margin: 0 auto 20px auto;font-weight: 700;text-transform: uppercase}

.carrellodx a{position:relative;font-family: "Poppins", sans-serif;background-color:#cab464;margin:30px 0px 0px 0px;width:auto;font-weight:400;padding:10px 15px;border:none;box-shadow:none;text-transform:uppercase;font-size:1em;color:#fff;cursor:pointer;-webkit-transition:background-color 0.5s linear;-moz-transition:background-color 0.5s linear;-ms-transition:background-color 0.5s linear;-o-transition:background-color 0.5s linear;transition:background-color 0.5s linear}
.carrellodx a:hover{background-color:#cab464}
.carrellodx hr{margin: 0px 0px 20px 0px; width: 100%; height: 1px;}
.carrellodx input{height: 45px; line-height: 45px; padding:  0px 15px}
.carrellodx select{height: 45px; line-height: 45px; padding:  0px 15px; background-size: 20px; background-position: top 12px right 10px;}


#div_check_buono{font-size: 0.9em; line-height: 20px; margin-bottom: 10px;}

.dxpro .offerta{position: relative; width: auto; top: 0px; margin-bottom: 20px; float: left; clear: both;}
.offerta i{color: #ff8ab0; margin-right: 10px;}
.offerta:before{position: absolute; top: 0px; right: -10px; border-top: 20px solid #b48bab; border-bottom: 20px solid #b48bab; border-right: 10px solid transparent; content: "";}

.categorietesta .catsel{background-color: transparent !important;}
.freeprivacypolicy-com---palette-light .cc-cp-foot-save{animation: none !important;}
.cc-nb-buttons-container button{animation: none !important;}

#FooterFixecContact{display: none;}
.contattifoot h3{display: none;}
.contattifoot .contiene .fa-times{display: none;}




/*inizialmente è nascosto*/
.sendAsyncContatti{clear: both;background-color: #ff171b;padding: 0px 10px;display: none;font-weight: bold;color: #FFF;}

.fa-shake{--fa-animation-duration: 3s}


.formreg .check{margin-bottom: 10px}


/*loader del caricamento SPA*/
#spaLoader{position:absolute;inset:0;display:none;background: rgba(0,0,0,.9);backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px);z-index: 999;}
#spaLoader .spinner{position: absolute;top: 20px;right: 20px;width: 30px;height: 30px;border: 2px solid rgba(255, 255, 255, 0.7);border-top-color: #b48bab;border-radius: 50%;animation: spinSpa .7s linear infinite;}
@keyframes spinSpa { to { transform: rotate(360deg); } }


.carpro{height: auto; width: 100%;  max-width: 350px;}


.video{width: 100%; height: auto; position: relative;}
#video-background {
  position: fixed;
  left: 0;
  top: -50px;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  z-index: -1000; opacity: 1; filter: brightness(0.5);
}

.ContentSlider{overflow: hidden;}

.duearee{width: 100%; display: none;}

.contiene{width: 90%;  margin: 0 auto; padding: 0px;} 

.home li a, .ContentPage ul li a{color: #4b4549;}

.antepro span{display: none;}


::selection{background-color:#1d3e5d;color:#fff}
::-moz-selection{background-color:#1d3e5d;color:#fff}

.rec{margin: 30px auto 0px auto; background-color: #b48bab; color: #fff; padding: 10px 20px; width: 220px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-transform: uppercase; font-size: 0.9em; line-height: 25px; cursor: pointer; text-align: center;}




/*SCROLLFIRE*/
[data-animate]{
  opacity:0;
  transition-property:opacity, transform;
  transition-duration:0.7s;
  transition-timing-function:cubic-bezier(.2,.6,.2,1);
  will-change:transform,opacity;
}
[data-animate].in-view{
  opacity:1;
  transform:none;
}
/* effetti */
[data-animate]{opacity:0;}
[data-animate="fade-up"]{ transform:translateY(40px); }
[data-animate="fade-down"]{ transform:translateY(-40px); }
[data-animate="fade-left"]{ transform:translateX(-40px); }
[data-animate="fade-right"]{ transform:translateX(40px); }
[data-animate="zoom"]{ transform:scale(.9); }
[data-animate="zoom-in"]{ transform:scale(.8); }
[data-animate="flip"]{ transform:rotateX(70deg); }
[data-animate="blur"]{
  transform:translateY(30px);
  filter:blur(6px);
}
[data-animate].in-view[data-animate="blur"]{
  filter:blur(0);
}
[data-animate="typewriter"]{
  overflow:hidden;
  white-space:nowrap;
  width:0;
}
[data-animate="typewriter"].in-view{
  animation:typeLine var(--tw-duration,2000ms) steps(var(--tw-steps,30)) forwards;
}
@keyframes typeLine{
  to{
    width:100%;
  }
}
[data-animate="typewriter-block"]{
  display:inline-block;
  overflow:hidden;
  clip-path:inset(0 100% 0 0);
}
[data-animate="typewriter-block"].in-view{
  animation:typeBlock var(--tw-duration,2200ms) steps(var(--tw-steps,40)) forwards;
}
@keyframes typeBlock{
  to{
    clip-path:inset(0 0 0 0);
  }
}
[data-animate="blur-in"]{
  opacity:0;
  transform:translateY(30px);
  filter:blur(8px);
}

[data-animate="blur-in"].in-view{
  opacity:1;
  transform:none;
  filter:blur(0);
}
[data-animate="rotate-3d"]{
  opacity:0;
  transform:perspective(800px) rotateX(35deg) translateY(40px);
  transform-origin:top;
}

[data-animate="rotate-3d"].in-view{
  opacity:1;
  transform:perspective(800px) rotateX(0) translateY(0);
}