/* CSS Document */
body {
	width: 100%;
	font-family: "Inter", sans-serif;
 	font-optical-sizing: auto;
  	font-style: normal;
}
body.no-scroll {
    overflow: hidden;
}
.crl{
	clear: both;
}
a{ text-decoration: none;}
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,  /* Icona non piena (contorno) */
  'wght' 400, /* Spessore normale */
  'GRAD' 0,
  'opsz' 20  /* Dimensione ottica */
}
:hover{
	transition: all 0.25s ease; -moz-transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease; -ms-transition: all 0.25s ease;}
.pad_50{
	padding-top: 60px !important;}
.pad_0{
	padding-top: 0px !important;}
.marg_25{
	margin-bottom: 25px !important;}
.red{
	color: rgba(61,195,0,1.00) !important;}
.right{float: right;}
.no_color{text-decoration: none; text-decoration-color: none; color: rgba(27,27,27,1.00);}


/*	 		PAGINAZIONE 	   */

.paginazione-container{text-align: center; padding: 25px 0px 10px 0px;}

.paginazione-container-alta{ display: none; text-align: center; padding: 0px 0px 10px 0px;}
.paginazione-container-alta > .freccia_indietro{ display: none;}
.paginazione-container-alta > .freccia_avanti{display: none;}

.bottone_pag{ font-size: 18px; font-weight: 400; padding: 12px; color: rgba(0,0,0,1.00); }
.attiva{ font-size: 18px; font-weight: 500; padding: 12px; color: rgba(225,178,83,1.00); }

/* --------------------------- */

.wrapper{
	width: 100%; margin: 0 auto; position: relative;
	background: rgba(255,255,255,1.00); } 

.container{
	width: 1280px; margin: 0 auto; position: relative; }

.btn_open{
	display:none; left: 35px; top: 96px; position: absolute; cursor: pointer;
	z-index: 999; background-color: transparent; border: none;}
.btn_open span{
	font-size: 34px; color: rgba(255,255,255,1.00);}
#menu-close{
	background-color: transparent; border: none; cursor:pointer;}
#menu-close span{
	font-size: 34px; color: rgba(255,255,255,1.00);
	padding: 10px; margin-top: 20px; }
#mobile-menu-container {
	display:none; position: fixed; padding: 20px;
	top: 0; left: 0; width: 290px; height: 100%; z-index: 1000;
	background-color: rgba(0,0,0,0.90);
	transform: translateX(-100%); transition: transform 0.3s ease-in-out; }
#mobile-menu-container.menu-open {
	transform: translateX(0); }
#menu-overlay {
	position: fixed; 
	top: 0;	left: 0; width: 100%; height: 100%; z-index: 999;
	background-color: rgba(0, 0, 0, 0.5); visibility: hidden;	opacity: 0; transition: opacity 0.3s ease-in-out, visibility 0.3s; }
#menu-overlay.menu-open {
	visibility: visible; opacity: 1; }
.menu_mob {
	margin-top: 20px;}
.menu_mob a{
	color: rgba(255,255,255,1.00); margin-left: 15px;
	font-size: 20px; font-weight: 500; }
.menu_mob a:hover{
	color: rgba(225,178,83,1.00); }
.menu_mob .separatore{
	color: rgba(255,255,255,1.00); padding: 15px;
	font-size: 20px; font-weight: 100; }
.mob_foot{
	position: absolute; bottom: 0; left: 0; padding: 0 0 30px 30px; }
.mob_foot span{
	font-size: 35px; color: rgba(255,255,255,1.00); margin-right: 30px; float: left; }
.mob_foot span:hover{
	color: rgba(225,178,83,1.00); }
.mob_foot img{
	width: 30px; margin-top: 2px; margin-left: 3px;}

/*
	HEADER
*/

header.home{
	width: 100%; height: 730px; margin: 0 auto; position: relative; }
header.elenco{
	width: 100%; height: 200px; margin: 0 auto; position: relative;
	background-color: rgba(0,0,0,1.00);}
.head{
	width: 1280px; height: 130px; padding: 40px 0 0 0; margin: 0 auto; position: relative;}
.head_elenco{
	width: 1280px; min-height: 130px; padding: 40px 0 0 0; margin: 0 auto; position: relative;}
.menu_top{
	position: absolute; left: 0; color: rgba(255,255,255,1.00);
	margin: 87px 8px 0 8px;}
.menu_top a{
	font-size: 19px; font-weight: 500; text-decoration: none; line-height: 22px; color: rgba(255,255,255,1.00); }
.menu_top a:hover,
.active_menu{
	color: rgba(225,178,83,1.00)!important; }

.menu_top span{
	padding: 0 7px;}
.logo{
	position: absolute; left: 50%; margin-left: -108px;}
.contatti_top{
	position: absolute; right: 0;}
.telefono{
	float: left; text-align: right;  margin-top: 63px; margin-right: 25px;}
.telefono a{
	font-size: 19px; font-weight: 500; text-decoration: none; line-height: 22px; color: rgba(255,255,255,1.00); }
.telefono a span{
	font-size: 15px; }
.telefono a:hover{
	color: rgba(225,178,83,1.00); }
.btn_wa{
	float: right; width: 54px; height: 54px; margin-top: 59px; background-color: rgba(44,206,0,0); text-align: center; border-radius: 27px;}
.btn_wa:hover{
	background-color: rgba(44,206,0,0.75);}
.btn_wa img{
	width: 54px; height: auto; padding: 7px; position: relative;}
.icon_ricerca{
	font-size: 32px; float: right; margin-top: -3px;}

#apriRicerca{
	display: none;
	left: 92px; top: 97px; position: absolute; cursor: pointer;
	z-index: 999; background-color: transparent; border: none;}
#apriRicerca span{
	font-size: 32px; color: rgba(255,255,255,1.00);}
#apriRicerca span:hover{
	 color: rgba(225,178,83,1.00);}



/* ================================================= */
/*		RICERCA   									 */
/* ================================================= */


#ricercaOverlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(255, 255, 255, 0.9); z-index: 1000; display: none; }
#ricercaOverlay.attivo {
    opacity: 1; visibility: visible;}
#contenitoreCentrato {
    display: flex; justify-content: center; align-items: center;
    width: 100%; height: 100%; flex-direction: column; }
/* Stili per l'input e i bottoni (per renderli visibili) */
#campoRicerca {
    width: 400px; padding: 15px; font-size: 1.2em; margin: 0;
    border: none; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
#chiudiRicerca {
    position: absolute; top: 30px; right:50px; font-size: 4.5em; color: black;
    background: transparent; border: none; cursor: pointer; }
.bottoneRicerca{
	cursor: pointer; margin: 0; border-top-right-radius: 15px; border-bottom-right-radius: 15px;
	width: 100px;  padding: 16px 7px; font-size: 18px; font-weight: 300; background-color: rgba(225,178,83,1.00); border: none;}
.bottoneRicerca:hover{
	background-color: rgba(245,212,134,1.00); }

/* ---------------------------------------------- */

.claim{
	font-size: 102px; line-height: 105px; font-weight: 600; text-align: center; color: rgba(255,255,255,1.00); margin-top: 110px; }
.claim span{
	color: rgba(225,178,83,1.00);}
.claim span.freccia{
	font-size: 140px; font-weight: 800; margin-top: 25px; color: rgba(255,255,255,1.00); }

header > video {
    height: 100%; max-height: 100%; max-width: 100%; width: 100%;
    -o-object-fit: cover; object-fit: cover; overflow: hidden;
    position: absolute; z-index: 1; }
header > div.img_grande {
    height: 100%; max-height: 100%; max-width: 100%; width: 100%;
    overflow: hidden; background-size: cover;
	background-repeat: no-repeat; background-image: url("../img/due-mondi-immobiliare.jpg");
    position: absolute; z-index: 1; }
.over_video{
	position: absolute; z-index: 9;
	background: -webkit-linear-gradient(rgba(28, 3, 43, 0.35) 0%, rgba(255, 255, 255, 0) 100%);
	background: -o-linear-gradient(rgba(28, 3, 43, 0.35) 0%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(rgba(28, 3, 43, 0.35) 0%, rgba(255, 255, 255, 0) 100%);
	height: 100%; width: 100%; max-height: 100%; max-width: 100%; }

.testo_aste{
	font-size: 22px; font-weight: 200; padding: 25px; line-height: 30px;
}




/*
	BOTTONI QUADRATI
*/

nav.bottoni{
	width: 100%; height: auto; margin: 0 auto; position: relative; }
nav.bottoni ul{
	width: 1050px; height: auto; margin: -78px auto 0 auto; position: relative; z-index: 9; text-align: center;}
nav li.btn_home{
	float: left; width: 155px; height: 155px; margin: 0 10px;
	border-radius: 12px; background-color:rgba(225,178,83,1.00);
	text-align: center; }
nav li.btn_home_servizi{
	float: left; width: 155px; height: 155px; margin: 0 10px;
	border-radius: 12px; background-color:rgba(200,200,200,1.00);
	text-align: center; }
nav li.btn_home:hover{
	background-color: rgba(245,212,134,1.00);
	transition: all 0.25s ease; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -ms-transition: all 0.25s ease;}
nav li.btn_home_servizi:hover{
	background-color: rgba(235,235,235,1.00);
	transition: all 0.25s ease; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -ms-transition: all 0.25s ease;}
nav li.btn_home p,
nav li.btn_home_servizi p{
	font-weight: 400; font-size: 15px; line-height: 16px; padding-top: 5px; text-decoration: none; color: rgba(0,0,0,1.00);}
.icona_categoria{
	width: 58px;  margin: 35px auto 0 auto; position: relative;}
.btn_home_servizi > .icona_categoria{
	width: 58px;  margin: 37px auto 0 auto; position: relative;}


/*
	ELENCO ANNUNCI IN HOME
*/

.breadcrumb{
	width: 100%; height: auto; margin: 0 auto; position: relative; margin-bottom: 45px;
	padding: 0 10px;
	background: rgba(255,255,255,1); border-bottom: 2px solid rgba(225,178,83,1.00); }
.breadcrumb .categoria p{
	float: left;
	font-size: 52px; font-weight: 700; line-height: 48px; padding-top: 48px; color: rgba(225,178,83,1.00); }
.breadcrumb .categoria p a{
	color: rgba(225,178,83,1.00); text-decoration: none; }
.breadcrumb .categoria p a:hover{
	color: rgba(0,0,0,1.00); text-decoration: none; }
.breadcrumb .categoria span{
	float: left; height: 70px; padding: 0px 20px 0 0; opacity: 0.35; margin-top: 20px; }
.breadcrumb .categoria span img{
	height: 100%; }
.breadcrumb .tipologie{
	clear: both; padding: 35px 0;}
.breadcrumb .tipologie li{
	display: inline; padding-right: 25px; }
.breadcrumb .tipologie a{
	font-size: 20px; font-weight: 500; line-height: 18px; padding-top: 0px; color: rgba(90,90,90,1.00); text-decoration: underline; text-transform: capitalize; }
.breadcrumb .tipologie a.active{
	color: rgba(225,178,83,1.00); text-decoration: none; }

.icon_home{
	float: left; font-size: 25px; padding: 29px 15px 0 0; color: rgba(28,28,28,1.00); }
.breadcrumb .navigazione{
	float: left; padding: 30px 0; }
.breadcrumb .navigazione li{
	display: inline; padding-right: 12px;  }
.breadcrumb .navigazione li span{
	font-size: 25px; line-height: 25px; }
.breadcrumb .navigazione li,
.breadcrumb .navigazione a{
	font-size: 18px; font-weight: 400; line-height: 18px; padding-top: 5px;
	color: rgba(90,90,90,1.00); text-decoration: none; text-transform: capitalize; }





section.lista_annunci{
	width: 100%; height: auto; margin: 0 auto; position: relative; padding: 75px 0 10px 0; background: rgba(255,255,255,1.00); }
p.titolo_elenco{
	float: left; padding: 0px 0 15px 0; font-size: 18px; font-weight: 500;}
span.icon_titolo{
	float: left;
	padding: 0px 10px 0 20px; font-size: 25px; font-weight: 600;}
a.link_generico{
	float: right; padding: 4px 0 10px 0;
	font-size: 16px; font-weight: 500; color: rgba(27,27,27,1.00); text-decoration: none;}
span.icon_link{
	float: right; color: rgba(27,27,27,1.00); 
	padding: 5px 20px 0 10px; font-size: 22px; font-weight: 600;}
a.link_generico:hover{
	color: rgba(200,0,4,1.00); }



/*
	ANNUNCIO
*/

.annuncio{
	float: left; width: 300px; height: auto; margin: 10px 10px;
	border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px;
	box-shadow: 0px 0px 5px 1px rgba(230,230,230,1.00);
	background: rgba(255,255,255,1); }
.img_elenco{
	width: 100%; height: auto; }

.swiper {
    width: 100%;height: 240px; overflow: hidden;
	border-top-left-radius: 15px; border-top-right-radius: 15px; }
.swiper-slide {
	width: 100%; height: 100%; display: flex; overflow: hidden;
    justify-content: center; align-items: center; text-align: center; font-size: 18px;
	background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; background: #111;}
.swiper-button-prev,
.swiper-button-next{
	z-index: 999 !important; color: rgba(255,255,255,1.00) !important; }
.swiper-pagination-bullet-active{
	background: rgba(255,255,255,1.00) !important; }

.dati_elenco{
	width: 90%; height: 200px; position: relative; margin: 0 auto; padding: 14px 0; }
.icon_elenco{
	width: 100%; height: 34px; border-bottom: thin solid rgba(200,200,200,1.00); }
.icon{
	float: left; padding: 0;
	font-size: 23px; color: rgba(150,150,150,1.00); }
.icon_elenco p{
	float: left; font-size: 15px; padding: 0 18px 0 6px; }
.titolo_annuncio{
	font-size: 15px; font-weight: 500; line-height: 20px; padding-top: 13px; }
.icon_via{
	display: none;
	float: left; padding-top: 10px; padding-right: 3px;
    font-size: 18px; color: rgba(150,150,150,1.00); }
.indirizzo_elenco{
	float: left;
	padding-top: 10px; font-size: 13px; color: rgba(150,150,150,1.00); }

.tipo_elenco{
	display: none; text-align: left;
	clear: both; width: 100%; padding-top: 12px;
	font-size: 12px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; }
.prezzo_elenco{
	text-align: right;
	clear: both;
	position: absolute; bottom: 10px; right: 0; padding-top: 0px;
	font-size: 22px; font-weight: 600; }
.special_price{
	text-align: left;
	clear: both; background-color: rgba(61,195,0,1.00);
	position: absolute; bottom: 15px; left: 0; padding: 3px 6px 3px 8px; border-radius: 8px;
	font-size: 11px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase;
	color: rgba(255,255,255,1.00); }

/*
	SEZIONE SERVIZI
*/

.rif_dettagli{
	float: right; padding-top: 0px; font-size: 18px; color: rgba(90,90,90,1.00); }

.parteDX{
	float: right; width: 300px; margin-top: 120px;}
.parteDX p{
	font-size: 21px; line-height: 24px; color: rgba(225,178,83,1.00); font-weight: 500;
	padding-bottom: 15px; border-bottom: 2px solid rgba(225,178,83,1.00);}
.parteDX form{
	margin-top: 35px;}
.info_form{
	width: 100%;  padding: 15px 7px; border: 2px solid rgba(200,200,200,0.50); 
	border-radius: 7px; margin-bottom: 15px; font-size: 18px; font-weight: 300; }
.btn_form{
	cursor: pointer;
	width: 100%;  padding: 15px 7px; border-radius: 7px; margin-bottom: 15px; font-size: 18px; font-weight: 300; background-color: rgba(225,178,83,1.00); border: none;}
.btn_form:hover{
	background-color: rgba(245,212,134,1.00); }


.parteSX{
	float: left; width: 940px; margin: 0px 0px 125px 12px;}

.titolo_dettagli{
	font-size: 30px; padding-top: 25px; }
.indirizzo_dettagli{
	font-size: 18px; color: rgba(90,90,90,1.00); padding-bottom: 25px; }
.img_dettagli{
	width: 100%; height: auto; }
.img_dettagli > .swiper {
    width: 100%; height: 560px; overflow: hidden; 
    border-top-left-radius: 0px; border-top-right-radius: 0px;}
.img_dettagli   .swiper   .swiper-slide {
	width: 100%; height: 100%; display: flex; overflow: hidden;
    justify-content: center; align-items: center; text-align: center; font-size: 18px;
	background-size: contain !important; background-repeat: no-repeat !important; background-position: center; background: #111;}

.info_dettagli{
	width: 100%; padding-top: 35px;}
.btn_plan{
	float: left; padding-right: 35px;}
.btn_plan span{
	float: left; font-size: 45px; padding-right: 7px;}
.btn_plan p{
	float: left; font-size: 22px; padding-top: 8px;}
.prezzo_dettagli{
	float: right; font-size: 35px; font-weight: 700;}
.prezzo_scontato{
	float: right; font-size: 28px; font-weight: 500; text-decoration: line-through;}
.sconto_dettagli{
	clear: both; float: right; font-size: 32px; font-weight: 700; color: rgba(61,195,0,1.00);}

.caratteristiche_dettagli,
.descrizione_dettagli{
	padding-top: 75px; }
.titoletto{
	font-size: 20px; font-weight: 500; color: rgba(225,178,83,1.00); border-bottom: 2px solid rgba(225,178,83,1.00); }
.testo{
	padding: 25px 25px 0px 0px; }
.testo p{
	font-size: 20px; font-weight: 200; padding: 25px 25px 0px 0px; }

.dettagli_box{
	width: 24%; margin-right: 1%; padding: 25px 0; border-bottom: 1px solid rgba(200,200,200,0.50); float: left; }
.nome{
	font-size: 16px; font-weight: 600; padding-bottom: 10px; }
.caratter{
	float: left; font-size: 19px; font-weight: 200; padding-top: 10px;}
.icon_dettagli{
	clear: both;
	float: left; font-size: 28px; padding-top: 9px; padding-right: 14px;}


.successo{
	font-size: 21px; line-height: 24px; color: rgba(27,27,27,1.00) !important; font-weight: 500; background-color: rgba(133,204,130,1.00);	padding: 15px; border: 0px !important; margin-bottom: 25px; border-radius: 5px; }
.errore{
	font-size: 21px; line-height: 24px; color: rgba(27,27,27,1.00) !important; font-weight: 500; background-color: rgba(226,135,136,1.00);	padding: 5px; border: 0px !important; margin-bottom: 25px; border-radius: 5px; }




/*
	SEZIONE SERVIZI
*/

section.servizi_home{
	width: 100%; min-height: 350px; padding: 35px 0; margin: 75px auto 0 auto; position: relative;  background-image: url("../img/loco_grande.svg");
	background-color: rgba(0,0,0,1); background-repeat: no-repeat;
    background-position: center center; background-size: cover;}

.servizi_home p.titolo_elenco{
	float: left; color: rgba(255,255,255,1.00);
	padding: 0px 0px 10px 0px; font-size: 18px; font-weight: 500;}
.servizi_home span.icon_titolo{
	color: rgba(255,255,255,1.00);
	float: left; padding: 0px 10px 0 20px; font-size: 25px; font-weight: 600;}
.servizi_home a.link_generico{
	float: right; padding: 4px 0 10px 0;
	font-size: 16px; font-weight: 500; color: rgba(255,0,4,1.00); text-decoration: none;}
.servizi_home span.icon_link{
	float: right; color: rgba(255,0,4,1.00); 
	padding: 5px 20px 0 10px; font-size: 22px; font-weight: 600;}
.servizi_home a.link_generico:hover{
	color: rgba(200,0,4,1.00); }

.head_servizi{
	padding: 50px 20px 75px 20px;}
.servizio{
	width: 25%; float: left; color: rgba(255,255,255,1.00);}
.servizio .tit{
	font-size: 20px; font-weight: 600; color: rgba(225,178,83,1.00);}
.servizio .txt{
	font-size: 14px; padding: 15px 50px 0 0; }



/*
	FOOTER
*/

footer{
	width: 100%; height: 350px; margin: 0 auto;	position: relative;
	background: rgba(255,255,255,1); }
.wrapper_foot{
	padding: 75px 20px 50px 20px; border-bottom: thin solid rgba(0,0,0,1.00); }
.container_foot > div{
	width: 25%; float: left;}
.logo_foot img{
	width: 60%; }
.cate_foot a{
	font-size: 20px; font-weight: 600; text-decoration: none;
	color: rgba(0,0,0,1.00); line-height: 24px; }
.cate_foot a:hover{
	color: rgba(225,178,83,1.00);}
.link_foot a{
	font-size: 20px; font-weight: 500; text-decoration: none;
	color: rgba(150,150,150,1.00); line-height: 24px; }
.link_foot a:hover{
	color: rgba(0,0,0,1.00);}
.contact_foot p{
	font-size: 20px; font-weight: 500; text-decoration: none;
	color: rgba(0,0,0,1.00); line-height: 24px; }
.contact_foot a{
	float: left; padding-right: 12px;}
.contact_foot img{
	width: 34px; opacity: 0.60;}
.contact_foot img:hover{
	opacity: 1;}

div.copyright{
	padding: 35px 0; }
p.copy{
	font-size: 12px; color: rgba(155,155,155,1); float: left;}
p.copy a{
	font-size: 12px; color: rgba(155,155,155,1);}
a.credits{
	font-size: 12px; color: rgba(155,155,155,1); float: right;}



@media screen and (min-width: 1400px) and (max-width: 1600px)
{
	header.home{ height: 600px; }
	header.elenco{ height: 178px; }
	.head,
	.head_elenco{ padding: 25px 0 0 0; }
	.menu_top{ left: 20px; }
	.contatti_top{ right: 20px;}
	.claim{	font-size: 80px; line-height: 85px; margin-top: 90px; }
	.claim span.freccia{ font-size: 105px; margin-top: 5px; }
}
@media screen and (min-width: 1321px) and (max-width: 1399px)
{
	header.home{ height: 500px; }
	header.elenco{ height: 178px; }
	.head,
	.head_elenco{ padding: 25px 0 0 0; }
	.menu_top{ left: 20px; }
	.contatti_top{ right: 20px;}
	.claim{	font-size: 60px; line-height: 65px; margin-top: 60px; }
	.claim span.freccia{ font-size: 85px; margin-top: 0px; }
	
	nav.bottoni ul{ width: 930px; margin: -68px auto 0 auto; }
	nav li.btn_home{ width: 135px; height: 135px; margin: 0 10px; }
	nav li.btn_home_servizi{ width: 135px; height: 135px; margin: 0 10px; }
	
	nav li.btn_home p,
	nav li.btn_home_servizi p{ font-size: 14px; line-height: 16px; padding-top: 5px; }
	.icona_categoria{ width: 58px;  margin: 25px auto 0 auto; }
	.btn_home_servizi > .icona_categoria{ width: 58px;  margin: 27px auto 0 auto; }
}
@media screen and (min-width: 960px) and (max-width: 1320px)
{
	.container{ width: 960px; margin: 0 auto; position: relative; }
	header.home{ height: 450px; }
	header.elenco{ height: 178px; }
	.head,
	.head_elenco{ width: 95%; padding: 25px 0 0 0; }
	.logo{ width: 200px; margin-left: -100px;}
	
	.btn_open{ display:block; }
	.btn_open span{}
	#menu-close{}
	#mobile-menu-container{ display:block; }
	#mobile-menu-container.menu-open {}
	#menu-overlay{}
	#menu-overlay.menu-open{}
	
	#apriRicerca{ display: block; }
	
	.menu_top{ display: none; }
	.contatti_top{ right: 0px;}
	.telefono{ margin-top: 55px; margin-right: 20px;}
	.telefono a{ font-size: 16px; font-weight: 500; line-height: 18px; }
	.telefono a span{ font-size: 14px; }
	.btn_wa{ margin-top: 51px; }
		
	
	.claim{	font-size: 50px; line-height: 55px; margin-top: 50px; }
	.claim span.freccia{ font-size: 65px; margin-top: 0px; }
	
	nav.bottoni ul{ width: 600px; margin: -68px auto 0 auto; 
    display: flex;  flex-wrap: wrap;  justify-content:center; }
	nav li.btn_home{ width: 135px; height: 135px; margin: 0 7px 14px 7px; }
	nav li.btn_home_servizi{ width: 135px; height: 135px; margin: 0 10px; }
	
	nav li.btn_home p,
	nav li.btn_home_servizi p{ font-size: 14px; line-height: 16px; padding-top: 5px; }
	.icona_categoria{ width: 58px;  margin: 25px auto 0 auto; }
	.btn_home_servizi > .icona_categoria{ width: 58px;  margin: 27px auto 0 auto; }
	
	
	.breadcrumb .categoria p{ }
	.breadcrumb .categoria span{ }
	.breadcrumb .tipologie{	clear: both; padding: 35px 0;}
	.breadcrumb .tipologie li{ padding-right: 15px; }
	.breadcrumb .tipologie a{ font-size: 20px; line-height: 22px; }
	
	
	.cate_foot a{ font-size: 17px; line-height: 20px; }
	.link_foot a{ font-size: 15px; line-height: 20px; }
	.contact_foot p{ font-size: 17px; }
	
	
	/*
		SEZIONE SERVIZI
	*/

	.rif_dettagli{
		float: right; padding-top: 0px; font-size: 18px; color: rgba(90,90,90,1.00); }


	.parteSX{
		float: left; width: 620px; margin: 0px 0px 125px 12px;}

	.titolo_dettagli{
		font-size: 28px; padding-top: 25px; }
	.indirizzo_dettagli{
		font-size: 17px; color: rgba(90,90,90,1.00); padding-bottom: 25px; }
	.img_dettagli{
		width: 100%; height: auto; }
	.img_dettagli > .swiper {
		width: 100%; height: 400px; overflow: hidden; 
		border-top-left-radius: 0px; border-top-right-radius: 0px;}
	.img_dettagli > .swiper > .swiper-slide {
		width: 100%; height: 100%; display: flex; overflow: hidden;
		justify-content: center; align-items: center; text-align: center; font-size: 18px;}

	.info_dettagli{
		width: 100%; padding-top: 35px;}
	.btn_plan{
		float: left; padding-right: 35px;}
	.btn_plan span{
		float: left; font-size: 37px; padding-right: 7px;}
	.btn_plan p{
		float: left; font-size: 18px; padding-top: 8px;}
	.prezzo_dettagli{
		float: right; font-size: 26px; font-weight: 700;}

	.caratteristiche_dettagli,
	.descrizione_dettagli{
		padding-top: 75px; }
	.titoletto{
		font-size: 20px; font-weight: 500; color: rgba(225,178,83,1.00); border-bottom: 2px solid rgba(225,178,83,1.00); }
	.testo{
		font-size: 20px; font-weight: 200; padding: 25px 25px 0px 0px; }

	.dettagli_box{
		width: 24%; margin-right: 1%; padding: 25px 0; border-bottom: 1px solid rgba(200,200,200,0.50); float: left; }
	.nome{
		font-size: 16px; font-weight: 600;}
	.caratter{
		font-size: 19px; font-weight: 200; padding-top: 5px;}
	
	
	
	
}
@media screen and (min-width: 640px) and (max-width: 959px)
{
	.container{ width: 640px; margin: 0 auto; position: relative; }
	header.home{ height: 450px; }
	header.elenco{ height: 178px; }
	.head,
	.head_elenco{ width: 95%; padding: 25px 0 0 0; }
	.logo{ width: 200px; margin-left: -100px;}
	
	.btn_open{ display:block; }
	.btn_open span{}
	#menu-close{}
	#mobile-menu-container{ display:block; }
	#mobile-menu-container.menu-open {}
	#menu-overlay{}
	#menu-overlay.menu-open{}
	#apriRicerca{ display: block; }
	.menu_top{ display: none; }
	.contatti_top{ right: 0px;}
	.telefono{ margin-top: 55px; margin-right: 20px;}
	.telefono a{ font-size: 16px; font-weight: 500; line-height: 18px; }
	.telefono a span{ font-size: 14px; }
	.btn_wa{ margin-top: 51px; }
		
	.claim{	font-size: 50px; line-height: 55px; margin-top: 50px; }
	.claim span.freccia{ font-size: 65px; margin-top: 0px; }
	
	nav.bottoni ul{ width: 600px; margin: -68px auto 0 auto; 
    display: flex;  flex-wrap: wrap;  justify-content:center; }
	nav li.btn_home{ width: 135px; height: 135px; margin: 0 7px 14px 7px; }
	nav li.btn_home_servizi{ width: 135px; height: 135px; margin: 0 10px; }
	
	nav li.btn_home p,
	nav li.btn_home_servizi p{ font-size: 14px; line-height: 16px; padding-top: 5px; }
	.icona_categoria{ width: 58px;  margin: 25px auto 0 auto; }
	.btn_home_servizi > .icona_categoria{ width: 58px;  margin: 27px auto 0 auto; }
	
	
	.breadcrumb .categoria p{ font-size: 45px; font-weight: 700; line-height: 42px; padding-top: 44px; }
	.breadcrumb .categoria span{ height: 60px; }
	.breadcrumb .tipologie{	clear: both; padding: 30px 0;}
	.breadcrumb .tipologie li{ padding-right: 15px; padding-bottom: 10px; }
	.breadcrumb .tipologie a{ font-size: 20px; line-height: 40px; }
	
	
	.servizio{ width: 50%; }
	.servizio .tit{ }
	.servizio .txt{ padding: 15px 50px 50px 0; }
	
	
	/*
		SEZIONE SERVIZI
	*/
	
	.parteDX{
		float: none; clear: both; width: 100%; margin-top: 0px; margin-bottom: 75px;}
	.parteDX p{
		font-size: 21px; line-height: 24px;
		padding-bottom: 15px; border-bottom: 2px solid rgba(225,178,83,1.00);}
	.parteDX form{
		margin-top: 35px;}
	.info_form{
		width: 100%;  padding: 15px 7px; border: 2px solid rgba(200,200,200,0.50); 
		border-radius: 7px; margin-bottom: 15px; font-size: 18px; font-weight: 300; }
	.btn_form{
		cursor: pointer;
		width: 100%;  padding: 15px 7px; border-radius: 7px; margin-bottom: 15px; font-size: 18px; font-weight: 300; background-color: rgba(225,178,83,1.00); border: none;}
	.btn_form:hover{
		background-color: rgba(245,212,134,1.00); }

	.parteSX{
		float: none; width: 640px; margin: 0px auto 75px auto;}

	.titolo_dettagli{
		font-size: 28px; padding-top: 25px; }
	.indirizzo_dettagli{
		font-size: 17px; color: rgba(90,90,90,1.00); padding-bottom: 25px; }
	.img_dettagli{
		width: 100%; height: auto; }
	.img_dettagli > .swiper {
		width: 100%; height: 400px; overflow: hidden; 
		border-top-left-radius: 0px; border-top-right-radius: 0px;}
	.img_dettagli > .swiper > .swiper-slide {
		width: 100%; height: 100%; display: flex; overflow: hidden;
		justify-content: center; align-items: center; text-align: center; font-size: 18px;}

	.info_dettagli{
		width: 100%; padding-top: 35px;}
	.btn_plan{
		float: left; padding-right: 35px;}
	.btn_plan span{
		float: left; font-size: 37px; padding-right: 7px;}
	.btn_plan p{
		float: left; font-size: 18px; padding-top: 8px;}
	.prezzo_dettagli{
		float: right; font-size: 26px; font-weight: 700;}

	.caratteristiche_dettagli,
	.descrizione_dettagli{
		padding-top: 75px; }
	.titoletto{
		font-size: 20px; font-weight: 500; color: rgba(225,178,83,1.00); border-bottom: 2px solid rgba(225,178,83,1.00); }
	.testo{
		font-size: 20px; font-weight: 200; padding: 25px 25px 0px 0px; }

	.dettagli_box{
		width: 24%; margin-right: 1%; padding: 25px 0; border-bottom: 1px solid rgba(200,200,200,0.50); float: left; }
	.nome{
		font-size: 16px; font-weight: 600;}
	.caratter{
		font-size: 19px; font-weight: 200; padding-top: 5px;}

	
	footer{ }
	.wrapper_foot{ padding: 75px 10px 0px 10px;}
	.container_foot > div{ width: 50%; float: left; padding-bottom: 35px;}
	.logo_foot img{	width: 50%; }
	.cate_foot a{ font-size: 18px; line-height: 20px; }
	.cate_foot a:hover{	color: rgba(225,178,83,1.00);}
	.link_foot a{ font-size: 16px; line-height: 20px; }
	.contact_foot p{ display: none; }
	.contact_foot a{ float: left; padding-right: 12px; }
	.contact_foot img{ width: 34px; opacity: 0.60; }
	.contact_foot img:hover{ opacity: 1; }

	div.copyright{ padding: 35px 0; }
	p.copy{ font-size: 12px; float: left;}
	p.copy a{ font-size: 12px; }
	a.credits{ font-size: 12px; float: left; padding-top: 15px;}
}
@media screen and (min-width: 10px) and (max-width: 639px)
{
	.container{ width: 90%; margin: 0 auto; position: relative; }
	header.home{ height: 450px; }
	header.elenco{ height: 152px; }
	.head,
	.head_elenco{ width: 95%; padding: 35px 0 0 0; }
	.logo{ width: 150px; margin-left: -75px;}
	
	.btn_open{ display:block; left: 20px; top: 84px; }
	.btn_open span{}
	#menu-close{}
	#mobile-menu-container{ display:block; }
	#mobile-menu-container.menu-open {}
	#menu-overlay{}
	#menu-overlay.menu-open{}
	
	#apriRicerca{ display: block; left: 70px; top: 84px; }
	
	#chiudiRicerca {
		position: absolute; top: 30px; right:50px; font-size: 3em; color: black;
		background: transparent; border: none; cursor: pointer; }
	#campoRicerca {
		width: 70%; padding: 15px; font-size: 16px; border-top-left-radius: 7px; border-bottom-left-radius: 7px;}
	.bottoneRicerca{
		border-top-right-radius: 7px; border-bottom-right-radius: 7px;
		width: 25%;  padding: 16px 7px; font-size: 16px;}
	
	
	.menu_top{ display: none; }
	.contatti_top{ right: 0px;}
	.telefono{ display: none; }
	.btn_wa{ margin-top: 42px; margin-right: 0px; width: 45px; height: 45px; border-radius: 23px; }
		
	.claim{	font-size: 30px; line-height: 42px; margin-top: 55px; }
	.claim span.freccia{ font-size: 70px; margin-top: 12px; }
	
	nav.bottoni ul{ width: 100%; margin: -68px auto 0 auto; 
    	display: flex;  flex-wrap: wrap;  justify-content:center; }
	nav li.btn_home{ width: 135px; height: 135px; margin: 0 7px 14px 7px; }
	nav li.btn_home_servizi{ width: 135px; height: 135px; margin: 0 7px; }
	
	nav li.btn_home p,
	nav li.btn_home_servizi p{ font-size: 14px; line-height: 16px; padding-top: 5px; }
	.icona_categoria{ width: 58px;  margin: 25px auto 0 auto; }
	.btn_home_servizi > .icona_categoria{ width: 58px;  margin: 27px auto 0 auto; }
	
	p.titolo_elenco{ padding: 4px 0 7px 0; font-size: 16px; }
	span.icon_titolo{ padding: 2px 7px 0 10px; font-size: 22px; }
	a.link_generico{ padding: 6px 0 10px 0;	font-size: 13px; }
	span.icon_link{ padding: 5px 20px 0 7px; font-size: 22px; font-weight: 600;}
	a.link_generico:hover{ }
	
	.pad_50{ padding-top:45px !important;}
	.breadcrumb .categoria p{
		font-size: 45px;
        font-weight: 700;
        line-height: 40px;
        padding-top: 0px;
        padding-right: 10%;
        margin-left: -3px; }
	.breadcrumb .categoria span{ display: none; float: right; height: 48px; margin-top: 8px; }
	.breadcrumb .tipologie{	clear: both; padding: 30px 0;}
	.breadcrumb .tipologie li{ display:list-item; padding-right: 15px; padding-bottom: 10px; }
	.breadcrumb .tipologie a{ font-size: 20px; line-height: 25px; font-weight: 500; }
	
	.icon_home{
		float: left; font-size: 22px; padding: 30px 7px 0 0; color: rgba(90,90,90,1.00);}
	.breadcrumb .navigazione{
		float: left; padding: 30px 0; }
	.breadcrumb .navigazione li{
		display: inline; padding-right: 7px;  }
	.breadcrumb .navigazione li,
	.breadcrumb .navigazione a{
		font-size: 14px; font-weight: 400; line-height: 18px; padding-top: 5px;
		color: rgba(90,90,90,1.00); text-decoration: none; text-transform: capitalize; }
	
	/* ANNUNCIO */

	.annuncio{ float: left; width: 100%; height: auto; margin: 10px 0px; }
	.img_elenco{ width: 100%; height: auto; }
	
	.swiper { width: 100%; height: auto; overflow: hidden;
		border-top-left-radius: 15px; border-top-right-radius: 15px; }
	.swiper-slide {	width: 100%; height: 0; padding-top: 75%; }
	
	.titolo_annuncio{ font-size: 16px;}
	
	.servizio{ width: 100%; }
	.servizio .tit{ }
	.servizio .txt{ padding: 15px 10px 50px 10px; }
	
	.servizi_home p.titolo_elenco{
		float: left; padding: 4px 0 0px 0; font-size: 18px; }
	.servizi_home span.icon_titolo{ 
		float: left; padding: 4px 10px 0 20px; font-size: 25px; font-weight: 600;}

	
	/*
		SEZIONE SERVIZI
	*/
	
	.parteDX{
		float: none; clear: both; width: 100%; margin-top: 0px; margin-bottom: 75px;}
	.parteDX p{
		font-size: 21px; line-height: 24px;
		padding-bottom: 15px; border-bottom: 2px solid rgba(225,178,83,1.00);}
	.parteDX form{
		margin-top: 35px;}
	.info_form{
		width: 100%;  padding: 15px 7px; border: 2px solid rgba(200,200,200,0.50); 
		border-radius: 7px; margin-bottom: 15px; font-size: 18px; font-weight: 300; }
	.btn_form{
		cursor: pointer;
		width: 100%;  padding: 15px 7px; border-radius: 7px; margin-bottom: 15px; font-size: 18px; font-weight: 300; background-color: rgba(225,178,83,1.00); border: none;}
	.btn_form:hover{
		background-color: rgba(245,212,134,1.00); }

	.parteSX{
		float: none; width: 100%; margin: 0px auto 75px auto;}

	.titolo_dettagli{
		font-size: 25px; line-height: 30px; padding-top: 25px; padding-bottom: 15px; }
	.indirizzo_dettagli{
		font-size: 14px; color: rgba(90,90,90,1.00); padding-bottom: 25px; }
	.img_dettagli{
		width: 100%; height: auto; }
	.img_dettagli > .swiper {
		width: 100%; height: auto; overflow: hidden; 
		border-top-left-radius: 0px; border-top-right-radius: 0px;}
	.img_dettagli > .swiper > .swiper-slide {
			width: 100%; height: 0; padding-top: 75%; }

	.info_dettagli{
		width: 100%; padding-top: 35px;}
	.btn_plan{
		float: left; padding-right: 20px;}
	.btn_plan span{
		float: left; font-size: 30px; padding-right: 7px;}
	.btn_plan p{
		float: left; font-size: 14px; padding-top: 6px;}
	.prezzo_dettagli{
		float: right; font-size: 22px; font-weight: 600;}

	.caratteristiche_dettagli,
	.descrizione_dettagli{
		padding-top: 75px; }
	.titoletto{
		font-size: 20px; font-weight: 500; color: rgba(225,178,83,1.00); border-bottom: 2px solid rgba(225,178,83,1.00); }
	.testo{
		font-size: 18px; font-weight: 200; padding: 25px 25px 0px 0px; }

	.dettagli_box{
		width: 48%; margin-right: 2%; padding: 25px 0; border-bottom: 1px solid rgba(200,200,200,0.50); float: left; }
	.nome{
		font-size: 16px; font-weight: 600;}
	.caratter{
		font-size: 19px; font-weight: 200; padding-top: 5px;}

	
	
	footer{ }
	.wrapper_foot{ padding: 50px 0px 0px 0px; margin: 0 20px;}
	.container_foot > div{ width: 100%; float: left; padding-bottom: 35px;}
	.logo_foot img{	width: 40%; }
	.cate_foot a{ font-size: 18px; line-height: 20px; }
	.cate_foot a:hover{	color: rgba(225,178,83,1.00);}
	.link_foot a{ font-size: 16px; line-height: 20px; }
	.contact_foot p{ display: none; }
	.contact_foot a{ float: left; padding-right: 12px; }
	.contact_foot img{ width: 34px; opacity: 0.60; }
	.contact_foot img:hover{ opacity: 1; }

	div.copyright{ padding: 25px 20px; }
	p.copy{ font-size: 12px; float: left;}
	p.copy a{ font-size: 12px; }
	a.credits{ font-size: 12px; float: left; padding-top: 15px;}
}