*{
	margin: 0;
	padding: 0;
}

html{
	font-family: 'Raleway', sans-serif;
}

.clear{
	clear: both;
}

.contenitore_torna_trattamenti{
	padding-top: 20px !important;
	padding-bottom: 70px !important;
}

.torna{
	width: 75px;
  height: auto;
  display: block;
  margin: 0 auto;
}

.link-torna{
	color: #000;
}

.link-torna:hover{
	color: #000;
	text-decoration: underline;
}

.link-torna p {
	text-align: center;
    margin-top: 10px;
    margin-bottom: -50px;
}

/*MIDDLE HEADER*/
.top-header{
	min-width: 100%;
	height: auto;
	display: block;
  float: left;
	padding: 14px 40px;
}

/*LOGO*/
.logo_centro_estetico{
	width: 35%;
  height: auto;
  display: block;
  float: left;
}

/*MENU*/
.sub-header{
	background-color: #efe9db;
}

.current{
	color: #000 !important;
	font-weight: 700 !important;
	text-decoration: underline !important;
}

/* regole di reset */
ul{margin: 0;padding:0;list-style-type:none}

/*MENU PRINCIPALE*/
/* lista in orizzontale. inline-block è come inline, ma può avere altezza e larghezza. relative occorre per il sottomenu */
#menu li{display:inline-block;position:relative}

/* menu. Cambiando center l'oriento a destra o sinistra */
#menu{width:100%;background-color:#efe9db;text-align:center;margin-bottom: 0px !important;}

/* link menu. Cambiando 80px posso scrivere voci più lunghe */
li a{display:block;padding:1rem 1rem;width:100% !important;color:rgba(0, 0, 0, 0.5);font-size: 16px;text-decoration:none;}

/* link menu hover */
a:hover{color:#C8C8C8}

/* SOTTOMENU PRINCIPALE */
#menu li .hidden{display:block;position:absolute;top:100px;left:0;background-color:#efe9db;visibility:hidden;margin-left:-5px;border-right:none; z-index:9;}

/* link sottomenu */
#menu li .hidden li a{width:80px;border-right:none}

/* animazione per il passaggio sopra agli elementi del menu */
#menu li:hover .hidden{margin-top:-65px;visibility:visible;font-size: 15px;}

/* TRIGRAMMA */
/* stile e invisibilità */
.showMenu{width:40px;border:1px solid black;margin:auto;color:black;text-align:center;font-size:30px;margin-bottom:0px;
display:none}

/* invisibilità checkbox
Il checkbox va nascosto in ogni caso ed il menu comparirà quando esso verrà selezionato tramite click sull’etichetta */
input[type=checkbox]{display:none}

/* La tilde alt126 permette di selezionare tutti gli elementi B presenti in A;
qui sta a significare che dà visibilità al menu quando il checkbox viene selezionato. */
input[type=checkbox]:checked ~ #menu{display:block}

/*END MENU*/

/*FOOTER*/
.contenitore-fluido-custom{
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px !important;
	padding-left: 0px !important;
	background-color: #efe9db;
}

.footer{
	padding: 40px 30px !important
}
.separatore{
	width: 100%;
	height: 1px;
	background-color: #000;
	margin-bottom: 30px;
	margin-top: 100px;
}

.indirizzi, .diritti{
	text-align: center;
}

.indirizzi h4{
	font-size: 17px;
	margin-bottom: 0px;
}

.indirizzi p{
	font-weight: 400;
	font-size: 17px
}

.diritti p{
	font-weight: 400;
    font-size: 15px;
    margin-bottom: 0px;
}

.cookie-sitemap{
	color: #000;
	font-weight: 400;
	font-size: 13px;
}

.cookie-sitemap:hover{
	color: #000;
	text-decoration: underline;
}

/*SLIDE DI PAGINA*/
.contenitore-vagheggi{
	width: 100%;
  height: auto;
	padding-right: 0px !important;
	padding-left: 0px !important;
	margin-bottom: -10px;
}

.vagheggi-slider{
	width: 100%;
	height: auto;
}
/*HOME PAGE*/
/*BOX IMMAGINI HOME PAGE*/
.riga-box-immagine-vagheggi{
	margin-right: 0px !important;
	margin-left: 0px !important;
}

.prima-riga{
	margin-bottom: 26px;
}

.box-chi-siamo-trattamenti{
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.box-home-page{
	width: 95%;
  height: auto;
  display: block;
	margin: 0 auto
}

.titoli-box-home-page{
	width: 100%;
  text-align: center;
  color: #ffffff;
  position: absolute;
  bottom: 27px;
  font-weight: 500;
  font-size: 26px;
}

/*CHI SIAMO*/
.nome-centro-estetico{
	text-align: center;
  font-weight: 700;
  font-size: 41px;
	margin-bottom: 20px;
}

.underline{
	width: 60px;
  height: 5px;
  display: block;
  margin: 0 auto;
  background-color: #000;
  margin-bottom: 20px;
}

.contenitore-chi-siamo{
	/* padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 30px !important; */
	padding: 30px 0px 0px 0px !important;
}

.descrizione-centro-estetico{
	font-weight: 400;
  font-size: 17px;
	letter-spacing: 1px;
	line-height: 21px;
  text-align: center;
}

/* TRATTAMENTI */
/* .pagina-trattamenti-apparecchiature{
	margin-top: 100px;
} */

/*TRATTAMENTO VISO*/

/*LOGHI CERTIFICAZIONI SOLO PER IL BIO*/
.contenitore-loghi-certificazioni{
	width: 210px;
	margin: 0 auto;
}

.logo-certificazione{
	width: 70px;
	height: auto;
	display: block;
	float: left;
	margin: 0 auto;
}
/*END LOGHI CERTIFICAZIONI SOLO PER IL BIO*/
.contenitore-pagine-trattamento{
	width: 100%;
  height: auto;
  padding-right: 0px !important;
  padding-left: 0px !important;
  margin-bottom: 0;
}

.anteprima_prodotti{
	margin-top: 30px;
}

.contenitore-trattamento{
	padding-top: 0px;
  padding-bottom: 0px;
}

.nome-trattamento{
	text-align: center;
  font-weight: 700;
  font-size: 28px;
	margin-bottom: 20px
}

.underline-trattamenti{
	width: 60px;
  height: 5px;
  display: block;
  margin: 0 auto;
  background-color: #000;
	margin-bottom: 18px;
}

.sub-nome-trattamento{
	text-align: center;
  font-weight: 700;
  font-size: 21px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.anteprima-descrizione-prodotto{
	font-weight: 400;
  font-size: 17px;
	letter-spacing: 1px;
  line-height: 23px;
  text-align: center;
}

.show-more{
	width: 16%;
	height: auto;
	text-align: center;
	font-size: 14px;
	border: 1px solid #000000;
	margin: 0px auto 25px auto;
	padding: 5px;
}
.show-more a{
	color: #000;
	font-weight: 400;
}

.show-more a:hover{
	color: #000;
	font-weight: 700 !important;
	text-decoration: underline;
}

.contenitore-descrizione-anteprima-prodotti{
	background-color: #efe9db;
	margin-bottom: 30px;
}

.contenitore-descrizione-anteprima-prodotti:last-child{
	margin-bottom: 0px;
}

/*PRODOTTO TRATTAMENTO VISO*/
.prima-immagine-prodotto{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.contenitore-descrizione-trattamento-professionale{
	background-color: #efe9db;
	padding-top: 0px;
  padding-bottom: 0px;
}

.contenitore-descrizione-anteprima-prodotti .container,
.contenitore-descrizione-trattamento-professionale .container,
.contenitore-apparecchiature .container,
.contenitore-descrizione-apparecchiatura .container{
	padding: 2rem;
}

.trattamento-professionale{
	text-align: center;
  font-weight: 700;
  font-size: 26px;
  margin-bottom: 14px;
}

#balance{
	margin-top: 42px;
  margin-bottom: 42px;
}

#domiciliare{
	margin-top: -10px;
}
.immagine_gruppo_prodotti_trattamento_professionale{
	width: 28%;
	display: block;
  margin: 0 auto;
}

.nuova-larghezza-immagine{
	width: 48%;
	display: block;
  margin: 0 auto;
	margin-top: 19px;
}

.nuova-larghezza-immagine-domiciliare{
	width: 58%;
	display: block;
  margin: 0 auto;
	margin-top: 19px;
}

.immagine_gruppo_prodotti_apparecchiature{
	width: 85%;
	display: block;
  margin: 0 auto;
	margin-top: 19px;
}

.immagine_rehydra_vasetto{
	display: block;
  margin: 0 auto;
	margin-top: 100px;
}

.ultimo-contenitore-trattamento{
	margin-bottom: 100px;
}

/*LE APPARECCHIATURE VISO*/
.contenitore-immagine-apparecchiatura{
	width: 100%;
  height: auto;
  padding-right: 0px !important;
  padding-left: 0px !important;
	margin-top: 30px;
  margin-bottom: 0;
	background-color: #efeeee;
}

.apparecchiatura-skin-analyser{
	width: 66%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.apparecchiatura-particolare{
	height: auto;
  display: block;
  margin: 0 auto;
  padding-top: 50px;
}

.contenitore-apparecchiature{
	background-color: #dadada;
}

.contenitore-descrizione-apparecchiatura{
	background-color: #dadada;
  padding-top: 0px;
  padding-bottom: 0px;
}

.link-ai-trattamenti{
	color: #000000;
	text-decoration: underline;
}

.link-ai-trattamenti:hover{
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

/*NEWS*/
.contenitore-news{
	margin-top: 100px;
}
.anteprima_news{
	width: 75%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.titolo_news{
	font-size: 22px;
  text-align: center;
	width: 87%;
	margin:0 auto;
  margin-top: 19px;
	margin-bottom: 7px;
	font-weight: 700;
}

.anteprima_testo_news{
	text-align: center;
	font-size: 15px;
	width: 90%;
	height: auto;
	margin: 0 auto 10px auto;
}

/* ITEM NEWS */
.pc{display: block}
.mobile{display: none;}
.contenitore-vagheggi-news{
	margin-bottom: 0px !important;
}

.nome-centro-estetico{
	font-size: 29px !important;
}

.testo_articolo{
	text-align: center;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.testo_articolo p{
	font-weight: 400;
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 21px;
  text-align: center;
}

.testo_articolo h2{
	font-size: 30px;
	font-weight: bold;
}

.testo_articolo h3{
	font-size: 20px;
	font-weight: bold;
}

/*CONTATTI*/
.contenitore_contatti{
	padding-bottom: 35px !important;
}

.google-mappa > iframe{
	position: relative;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 500px !important;
}

.dove-siamo{
	font-size: 22px;
	font-weight: 700;
}

.indirizzo{
	font-size: 15px;
	text-transform: uppercase;
}

.indirizzo-email{
	color: #000;
  font-weight: 400;
  font-size: 15px;
}

.indirizzo-email:hover{
	color: #000;
	text-decoration: underline !important;
	font-weight: 400 !important;
}

.visita-anche{
	position: relative;
	top: 25%;
}

.visita-anche h4{
	font-weight: 400;
	font-size: 17px;
}

.sito-vagheggi{
	color:#000;
	font-weight: 700;
}

.sito-vagheggi:hover{
	color: #000;
	text-decoration: underline !important;
	font-weight: 400 !important;
}

.social{
	margin-top: 10px;
}

.seguici-social{
	float: left;
  line-height: 50px;
}

.icone-social{
	width: 40px;
	height: auto;
	display: block;
	float: left;
	margin-right: 10px;
}

/* PRIVACY */
.contenitore-privacy{
	margin-top: 50px;
}

.titolo_privacy{
	text-align: center;
  font-weight: 700;
	font-size: 20px;
margin-bottom: 10px;
}

.sottotitolo_privacy{
	text-align: center;
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 40px;
}

.aggiornamento-privacy{
	text-align: right;
}

.testo_privacy{
	font-weight: 400;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 23px;
    text-align: left;
    margin-bottom: 30px
}

.testo_privacy a{
	color: #000000;
	text-decoration: none;
}

.testo_privacy a:hover{
	font-weight: 400 !important;
	color: #000000;
	text-decoration: underline;
}

.indice{
	text-align: center;
	font-weight: 700;
}

.lista_indice{
	padding-left: 10%;
}

.lista_indice li{
	padding: 10px;
	font-weight: 700;
}

.contenitore_testo_privacy{
	margin-top: 50px;
}

.titoletti{
	text-align: center;
	font-weight: 700;
	margin-bottom: 20px;
}

.sotto_titoletti{
	text-align: center;
  margin-bottom: 20px;
}

.sotto_testo{
	text-align: center;
	text-decoration: underline;
}

.nuova_lista_indice li{
	padding: 10px;
}



/* faq */
.container {
  margin: 0 auto;
  padding: 4rem;
  width: 48rem;
}

.faq{
	text-align: center;
	margin: 20px auto 10px auto;
	font-size: 26px;
	font-weight: 700;
}

.paragrafo{
	width: 80%;
	height: auto;
	text-align: center;
	margin: 10px auto 45px auto;
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 1px;
}

.accordion .accordion-item {
  border-bottom: 1px solid #ffffff;
	background: #efe9dc;
}
.accordion .accordion-item button[aria-expanded='true'] {
  border-bottom: 1px solid #000000;
}
.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 0;
  color: #000000;
  font-size: 1.15rem;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
}
.accordion button:hover, .accordion button:focus {
  cursor: pointer;
	color: #000000;
  font-weight: bold;
}
.accordion button:hover::after, .accordion button:focus::after {
  cursor: pointer;
  color: #03b5d2;
  border: 1px solid #03b5d2;
}
.accordion button .accordion-title {
	padding: 1em;
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 21px;
}
.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
  right: 10px;
  width: 22px;
  height: 22px;
  border: 1px solid;
  border-radius: 22px;
}
.accordion button .icon::before {
  display: block;
  position: absolute;
  content: '';
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor;
}
.accordion button .icon::after {
  display: block;
  position: absolute;
  content: '';
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor;
}
.accordion button[aria-expanded='true'] {
	color: #000000;
	font-weight: bold;
}
.accordion button[aria-expanded='true'] .icon::after {
  width: 0;
}
.accordion button[aria-expanded='true'] + .accordion-content {
  opacity: 1;
  max-height: 90em;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: opacity 200ms linear, max-height 200ms linear;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
	background: #ffffff;
	padding: 0 1em;
}

.accordion .accordion-content .primo_paragrafo{
	margin: 2em auto;
	font-weight: 400;
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 21px;
}
.accordion .accordion-content h3{
	font-size: 1rem;
  font-weight: bold;
  margin: 0 0 0.5em 0;
}

.accordion .accordion-content p {
	font-weight: 400;
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 21px;
  margin: 0.5em 0 1em 0;
}

.accordion .accordion-content p strong{
	font-weight: bold;
}

.accordion .accordion-content ul li{
	margin: 5px auto;
	font-weight: 400;
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 21px;
}
/* end faq */

.contenitore_descrizione_centro_estetico{
	padding-bottom: 0px !important;
}

.tre_immagini{
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

.no-padding{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.container_singola_new{
	padding-top: 30px;
	padding-bottom: 0px;
}

.container_faq{
	padding: 30px 0 50px 0;
}

.testo_articolo ul li{
	margin: 10px auto;
}