html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; box-sizing: border-box;}
h1, h2, h3, h4, h5, h6 { clear: both; display: block; padding: 0 0 5px 0; margin:0; line-height:1.2; text-align: inherit; font-weight:600; color: inherit; font-family: 'Montserrat', sans-serif;}

h1, .h1{ font-size: 32px; }
h2, .h2{ font-size: 28px; }
h3, .h3{ font-size: 24px; }
h4, .h4{ font-size: 22px; }
h5, .h5{ font-size: 18px; }
h6, .h6{ font-size: 16px; }
.h1, .h2, .h3, .h4, .h5{padding-bottom: 5px; font-family: 'Montserrat', sans-serif;}

*{outline: none; -webkit-tap-highlight-color: transparent;}
img::selection {background: transparent;}

@font-face {
	font-family: 'Verlag';
	src: url('fonts/Verlag-Bold.woff2') format('woff2'),
		url('fonts/Verlag-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Verlag';
	src: url('fonts/Verlag-Book.woff2') format('woff2'),
		url('fonts/Verlag-Book.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


:root{
	--primario: #A1A8A1;
	--rosso: #A15A4D;
	--blu: #3C4E57;
	--tortora: #D9D8D2;
	--bianco: #FFFFFF;
	--nero: #363C41;
	--swiper-theme-color: #d3d3d3;
	--swiper-navigation-size: 28px;
	--verlag: 'Verlag', sans-serif;
	--montserrat: 'Montserrat', sans-serif;
	--header_height: 97px;
 }
 
 
 
 
img{ width: 100%; height: auto; display: block; line-height: 1; -webkit-user-select: none; -moz-user-select: none;	-o-user-select: none; user-select: none;}
a{display: inline-block; text-decoration: none; color: var(--nero); cursor: pointer;}

p{font-size: 18px; padding: 5px 0; line-height: 1.5;}

.myIn{ width: 90%; max-width: 1200px; margin: 0 auto; box-sizing: border-box; position: relative; z-index: 10;}

.flex{display: flex;}

body{font-family: 'Verlag', sans-serif; background: var(--bianco); color: var(--nero); font-size: 16px; line-height: 1;}
	html.menu-aperto, body.menu-aperto{overflow-y: hidden; height: 100vh;}
.site_header{display: flex; padding: 20px 4%; margin: 0; justify-content: space-between; align-items: center; background: var(--primario); background: var(--tortora); height: var(--header_height); box-sizing: border-box;}
	.website_logo{width: 220px;}
	.site_navbar{display: flex;}
		.site_navbar ul{list-style: none; display: flex; justify-content: flex-end; align-items: center;}
			.site_navbar ul li{padding: 15px 10px; text-transform: uppercase; white-space: nowrap;}
				.site_navbar ul li a{font-size: 15px; font-weight: 500; font-family: var(--montserrat); opacity: .8; transition: opacity .5s ease-in-out;}
				.site_navbar ul li a.is_current, .current_lang, .site_navbar ul li a:hover{opacity: 1;}
			
			.languages-menu{margin-left: 15px;}
			.languages-menu a{width: 20px;}
			ul.languages-menu li{padding: 15px 7px;}
			
	
	.website_logo a{width: 100%;}

#main_container{position: relative; z-index: 1;}

.header-home{padding: 10px 0; position: relative;  background: rgb(161,168,161);
	background: linear-gradient(176deg, rgba(161,168,161,1) 0%, rgba(161,168,161,1) 70%, rgba(255,255,255,1) 70.1%, rgba(255,255,255,1) 100%);
	background: var(--tortora); background: linear-gradient(176deg, var(--tortora) 0%, var(--tortora) 70%, rgba(255,255,255,1) 70.1%, rgba(255,255,255,1) 100%);
}
	.header-home h1{font-size: clamp(14px, 6vw, 92px); position: relative; z-index: 5; font-weight: bold; line-height: 1;}
	.header-home h2{color: var(--bianco); color: var(--blu); font-size: clamp(16px, 2vw, 29px); font-family: var(--verlag); font-weight: normal; z-index: 5; position: relative;}
/*	.header-home:after{content: ''; position: absolute; left: 0; right: 0; bottom: -70px; height: 230px; background-color: var(--bianco); transform: skewY(-7deg); z-index: 1;} */

.pagemodel-location-list .title-page{color: var(--rosso);}
	
.flex_header_home{display: flex; justify-content: space-between; }
	.testi_header_home{max-width: 600px; padding-top: 50px; position: relative; z-index: 5;}
	.testi_header_home:before{content: ''; position: absolute; width: 130px; height: 130px; right: 0; top: 0; background-color: #cacac0; border-radius: 50%; z-index: 1; animation: up_down 6s infinite alternate ease-in-out;}
	.img_header_home{
		max-width: 380px;
		height: 470px;
		-webkit-filter: drop-shadow(0px 6px 15px rgba(0,0,0,0.15));
		-moz-filter: drop-shadow(0px 6px 15px rgba(0,0,0,0.15));
		-ms-filter: drop-shadow(0px 6px 15px rgba(0,0,0,0.15));
		-o-filter: drop-shadow(0px 6px 15px rgba(0,0,0,0.15));
		
	}
		
		.img_header_home figure{
			-webkit-mask-image: url(img/mask.png);
			mask-image: url(img/mask.png);
			-webkit-mask-repeat: no-repeat;
			mask-repeat: no-repeat;
			-webkit-mask-size: 100%;
			mask-size: 100%;
			height: 100%;
		  	overflow: hidden;
			border-radius: 0 0 10px 10px;
		  }
			.img_header_home figure img{height: 100%; width: auto;}
			
	
	.current_lang{display: none;}

	.row-simple-text-center{text-align: center; padding: 50px 0; position: relative;}
		.row-simple-text-center .myIn > div{padding: 10px 0; max-width: 800px; margin: 0 auto;}
		.row-simple-text-center h2{font-size: 42px; position: relative; z-index: 5;}
		.row-simple-text-center p{font-size: 24px; font-family: var(--montserrat); position: relative; z-index: 5;}
		
		.row-simple-text-center .myIn:after{content: ''; position: absolute; width: 340px; height: 340px; left: 5%; top: -60%; background-color: var(--tortora); border-radius: 50%; z-index: 1; opacity: .2;}
	
	.blocchetti-color{padding: 30px 0;}
		.blocchetti-color .row_column_cnt{display: flex; justify-content: center; align-items: start;}
			.colonna_blocchetto_color{max-width: 400px; padding: 40px; border-radius: 40px; background: var(--tortora);}
				.colonna_blocchetto_color:first-child{margin-top: 40px;}
				.colonna_blocchetto_color:last-child{background: var(--blu); color: var(--bianco); margin-left: -25px;}

		.txt_blocc_color p{font-size: 18px;}


	.row-columns-txt-full{position: relative; margin-bottom: 40px; padding-top: 100px; background-size: cover; background-attachment: fixed;}
		.row-columns-txt-full:after{content: ''; position: absolute; left: 0; top: 0; right: 0; height: 0; padding-top: 7%; background: url(img/curva_mask.svg) no-repeat top center; background-size: cover; z-index: 5;}
		.row-columns-txt-full:before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: var(--blu); opacity: .85; z-index: 2;}
		
	.col_txt_full_cnt{position: relative; z-index: 10; color: var(--bianco); text-align: center; padding: 7% 0;}
	
		.row-columns-txt-full .row_column_cnt{display: flex; gap: 10px; padding: 40px 0 0 0;}
			.colonna_blocchetto_txt{width: 33%; padding: 0 20px; border-right: 1px solid var(--tortora);}
				.colonna_blocchetto_txt:last-child{border-right: none;}
				.colonna_blocchetto_txt h5{color: var(--tortora);}

 .swiper, .gallery_slider_item, .gallery_slider_item figure{height: 100%;}
	.gallery_page figure{height: 100%;}
		.gallery_page figure img{height: 100%; object-fit: cover;}

		.gallery_page{min-width: 0; flex: 1;}

	
	.filtri_cnt{padding-top: 40px;}
		.form-filtri-input{display: flex; flex-direction: column; margin-right: 40px;}
			.form-filtri-input label{text-transform: uppercase; font-family: var(--montserrat); color: var(--primario); font-size: 14px; margin-bottom: 5px;}
			.form-filtri-input select{font-family: var(--verlag); border: none; border-bottom: 1px solid var(--primario); padding: 2px 10px 5px 0; font-size: 18px; font-weight: 200; color: var(--nero);}


	.quicklink_list_row_cnt{display: flex; padding: 40px 0; text-align: center; max-height: 530px;}
		.quicklink_list_item{transform: skewX(-5deg); position: relative; z-index: 5; margin-left: -2%; margin-right: -2%; overflow: hidden; width: 33%;}
			.quicklink_list_item:first-child{transform: skewX(0); z-index: 1; margin-left: 0; margin-right: 0; width: 36%;}
			.quicklink_list_item:last-child{transform: skewX(0); z-index: 1; margin-left: 0; margin-right: 0; width: 34%;}

		.quicklink_list_item_in{transform: skewX(5deg); margin: 0 -5%; height: 100%;}
			.quicklink_list_item:first-child .quicklink_list_item_in{transform: skewX(0);}
			.quicklink_list_item:last-child .quicklink_list_item_in{transform: skewX(0);}

			.quicklink_list_item_in a{display: block; position: relative; height: 100%;}
				.quicklink_list_item_in h5{position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; font-family: var(--montserrat); font-weight: normal; font-size: 24px; text-transform: uppercase; color: var(--bianco); z-index: 5; transition: bottom 1s ease-in-out; padding: 5px 12%;}
				.quicklink_img:after{content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: var(--blu); opacity: .6;}
				.quicklink_img:before{content: ''; position: absolute; left: 0; top: 77%; right: 0; bottom: 0; background: linear-gradient(0deg, rgba(0,0,0,1) 10%, rgba(0,0,0,0) 100%); z-index: 2; opacity: .5;}
					
					.quicklink_list_item:first-child .quicklink_list_item_in .quicklink_img:after{background: var(--primario);}
					.quicklink_list_item:last-child .quicklink_list_item_in .quicklink_img:after{background: var(--rosso);}
				
				.quicklink_img, .quicklink_img figure{height: 100%;}
				.quicklink_img figure img{height: 100%; object-fit: cover; transition: transform 1s ease-in-out;}
				
				.quicklink_list_item_in a:hover img{transform: scale(1.02);}
				.quicklink_list_item_in a:hover h5{bottom: 28px;}
				
				
	
	
	.title-page{margin-top: 40px;}
	
	.pagemodel-vendite-list .title-page{color: var(--primario);}
	.pagemodel-affitti-brevi-list .title-page{color: var(--blu);}
	
	
	.card_listing_cnt{display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: -2%; margin-right: -2%; padding: 0 0 60px 0;}
	.card_listing_cnt::after{content: ""; flex: auto;}
		.immobile_card_listing_item{width: 33.33%; padding: 3% 2%;}
		
		.immobile_card_listing_item h4{text-align: left; padding: 8px 0 5px 0; font-weight: 500; font-size: 19px;}
		.immobile_card_listing_item figure{overflow: hidden; margin-bottom: 10px; border-radius: 20px; position: relative;}


		.immobile_card_listing_item.venduto{ touch-action: none;   pointer-events: none;}

		.immobile_card_listing_item.venduto figure img {opacity: .75;}
		.immobile_card_listing_item.venduto h4, .immobile_card_listing_item.venduto .prezzo_in_card {opacity: .5;}
		.immobile_card_listing_item.venduto figure::after{
			content: 'Venduto'; position: absolute; top: 10px; right: -40px; background: var(--rosso); opacity: 1; color: #FFF; padding: 12px 50px; font-size: 14px; font-family: var(--montserrat); font-weight: bold; text-transform: uppercase; transform: rotate(30deg); transform-origin: center; height: auto; z-index: 1;
		}
		.immobile_card_listing_item.venduto.venduto-locato figure::after{
			content: 'Locato'; top: 6px;
		}


	
	.immobile_card_listing_item_recap{color: var(--primario); display: flex; align-items: center; font-size: 18px; font-weight: bold; padding: 10px 0;}	
	
	.icon_bagni, .icon_locali, .icon_mq, .icon_piano, .icon_camere_letto, .icon_numero_ospiti{display: flex; align-items: center;}
	
	.fc_icon{margin-right: 20px;}
		.fc_icon.icon_mq{margin-right: 20px;}
		
	.fc_icon svg{width: 22px; height: auto; margin-right: 2px;}
		.icon_bagni svg{margin-right: 2px;}
		.icon_camere_letto svg{margin-right: 6px;}
		.icon_piano svg{margin-right: 2px;}
		.icon_locali svg{margin-right: 3px;}
		.icon_numero_ospiti svg{margin-right: 3px;}
	
	.immobili_list_vendite .fc_icon svg{fill: var(--primario);}
	
	.prezzo_in_card{color: var(--primario); font-size: 24px; font-family: var(--verlag); font-weight: bold;}
	
	.detail-immobile-tags{display: flex; align-items: center; padding: 40px 0; flex-wrap: wrap;}	
		.tag_icon{display: flex; align-items: center; margin-right: 30px; margin-bottom: 20px;}
			.immobile-tag-icona{width: 25px; margin-right: 5px; display: block;}
			.tag_icon img{}
	
	.immobile_card_listing_item_affittibrevi h4{color: var(--blu);}
	
	.immobile_card_listing_item_affittibrevi .fc_icon svg{fill: var(--blu);}
	.immobile_card_listing_item_affittibrevi .immobile_card_listing_item_recap{color: var(--blu);}		
	
	.immobile_card_listing_item img{transition: transform 1s ease-in-out;}
		.immobile_card_listing_item:hover img{transform: scale(1.03);}
	
	.row-link-immobili{padding: 60px 0 60px 0;}
	
	.row-link-immobili .immobile_card_listing_item{padding: 2% 2%;}
	
	.row-link-immobili .fc_icon svg{fill: var(--primario);}
	
	.header_row-paragrafo{display: flex; justify-content: space-between; align-items: center;}
	.vedi_vendite{background: var(--primario); color: var(--bianco); border-radius: 5px; padding: 5px 10px; line-height: 1.5;}
	
	.row-link-immobili h3{color: var(--primario); padding: 5px 0;}
	.row-link-immobili-affitti-brevi h3{color: var(--blu);}
	
	.row-link-immobili-affitti-brevi .vedi_vendite{background: var(--blu); color: var(--bianco);}
	.immobile_card_listing_item_affittibrevi .immobile_card_listing_item_recap .fc_icon svg{fill: var(--blu);}
	
	
	.freccia_dx{width: 20px; fill: var(--primario); transform: rotateZ(-90deg); margin-left: 10px; display: none;}
	
	.link-immobili_list_row_cnt{display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: -2%; margin-right: -2%; padding: 0 0 40px 0;}
		.link-immobili_list_row_cnt::after{content: ""; flex: auto;}
	
	
	.row-link-immobili .link-immobili_list_row_cnt{padding: 0;}
	
	
	.detail-immobile-header{height: calc(100vh - var(--header_height)); position: relative; overflow: hidden;}
		.detail-immobile-header-img, .detail-immobile-header-img img{height: 100%; object-fit: cover;}
		.detail-immobile-header:before{content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: calc(100vh - var(--header_height) - 25%); background: linear-gradient(0deg, rgba(60,78,87,1) 0%, rgba(60,78,87,0) 100%); z-index: 1;}
		
		.detail-immobile-header-img{position: absolute; left: 0; right: 0; bottom: 0; top: 0;}
		
		.detail-immobile-header-info{position: absolute;  bottom: 51px; left: 0; right: 0; z-index: 5; transform: translateY(0);}
			.immobili-header-pulsanti{padding-bottom: 20px; z-index: 5;}
				.planimetria_button, .media_button, .tred_button, .scheda_button{background: var(--bianco); padding: 10px 15px 10px 40px; border-radius: 10px; text-transform: uppercase; font-family: var(--montserrat); background-size: 18px; background-position: 15px center; background-repeat: no-repeat; font-size: 14px; margin-right: 10px; cursor: pointer;}
				.planimetria_button{background-image: url(img/planimetria.svg);}
				.media_button{background-image: url(img/media.svg);}
				.tred_button{background-image: url(img/3d.svg);}
				.scheda_button{background-image: url(img/pdf.svg);}
			.detail-immobile-header-info h1{color: var(--bianco); padding: 0; margin: 0; max-width: 708px; width: 60%; line-height: 1;}
			.detail-immobile-title-sotto{color: var(--blu); max-width: 708px; padding: 0; margin: 0; font-weight: bold; font-family: var(--montserrat);}
	
	.detail_immobili_cnt{position: relative; margin-top: 0; overflow: hidden;}
		.detail-immobile-info-row{overflow: hidden; position: relative; padding-bottom: 60px;}
	
	.detail-immobile-info-col{padding-top: 120px; width: 60%;}
	.detail-immobile-info-col-2{width: 40%; padding-top: 50px; margin-left: 20px;}
	
	.sticky_title{position: absolute; top: -50px; left: 0; right: 0; height: 180px; width: 60%; }
	.detail-immobile-title-sotto{position: absolute; bottom: 0; left: 0; right: 0; padding: 0; margin: 0; transform: translateY(-160px); line-height: 1; font-weight: 600;}
	
	.detail-immobile-prezzo{font-size: 32px; font-weight: bold; color: var(--blu); padding: 10px 0;}
	
	.detail-immobile-recap{color: var(--primario); display: flex; align-items: center; font-size: 18px; font-weight: bold; padding: 10px 0;}	
	
		.detail-immobile-recap .fc_icon svg{fill: var(--primario);}
		.detail_immobili_cnt_affittibrevi .detail-immobile-recap .fc_icon svg{fill: var(--blu);}
		.detail_immobili_cnt_affittibrevi .detail-immobile-recap{color: var(--blu);}
		
		.detail-alt-img{border-radius: 20px; overflow: hidden; margin: 40px 0;}
		.testo_immobile{padding: 0 0 20px 0; color: var(--blu);}
		
		.immobili-sidebar-pulsanti{text-align: right; position: relative; z-index: 10;}
		.immobili-sidebar-pulsanti .planimetria_button, .immobili-sidebar-pulsanti .media_button, .immobili-sidebar-pulsanti .tred_button{margin-right: 10px; margin-bottom: 3px; border: 1px solid var(--blu); color: var(--blu); cursor: pointer; transition: box-shadow 1s ease;}
		.immobili-sidebar-pulsanti .planimetria_button:hover, .immobili-sidebar-pulsanti .media_button:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
		
		.detail-other-img{border-radius: 20px; overflow: hidden; margin: 140px 0;}
		
		.sottotitolo_immobile{margin-bottom: 10px;}
		
		
		.detail-immobile-info-tools{width: 100%;}
		.agente-bnt-cnt{margin: 20px 0 0 auto; width: 90%; padding: 10px 20px; background: var(--bianco); border-radius: 20px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.08); position: relative;}
			.agente-bnt-cnt:after{content: ''; width: 20px; height: 15px; background-image: url(img/freccia.svg); background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; right: 10px; top: 44%; transform: rotate(-90deg);}
			.agente-bnt{display: flex; align-items: center; gap: 15px;}
				.agente-btn-img{width: 85px; height: auto; border-radius: 50%; overflow: hidden;}
				
		.agente-bnt-info{margin-right: 15px;}
		
		.req-info-cnt{display: flex;}
			.req-info-cnt a{margin: 20px 0 0 auto; width: 90%; padding: 30px 20px; background: var(--bianco); border-radius: 20px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.08); position: relative; font-family: var(--verlag); font-size: 18px; font-weight: 300; color: var(--blu);}
				.req-info-cnt a div:first-child{font-size: 16px; font-weight: 600; margin-bottom: 5px; font-family: var(--montserrat);}
				.req-info-cnt a:after{content: ''; width: 20px; height: 15px; background-image: url(img/freccia.svg); background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; right: 10px; top: 44%; transform: rotate(-90deg);}
		
		.lg-backdrop, .lg-outer .lg-thumb-outer{background-color: var(--bianco);}
		.lg-counter, .lg-toolbar .lg-icon, .lg-next, .lg-prev, .lg-sub-html{color: var(--primario); background-color: transparent;}
		.lg-outer .lg-thumb-item{border: 2px solid var(--primario);}
		.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover{border-color: var(--blu);}
		.lg-next:hover:not(.disabled), .lg-prev:hover:not(.disabled), .lg-toolbar .lg-icon:hover{color: var(--blu);}
		
		
		.detail-immobile-mappa-row{background:var(--tortora); background: linear-gradient(356deg, rgba(217,216,210,1) 0%, rgba(217,216,210,1) 60%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);  padding-bottom: 60px;}
		
		#map{width: 100%; max-width: 900px; aspect-ratio: 16/9; border-radius: 20px; box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.15); overflow: hidden; background: #eee;}
		
		.yNHHyP-marker-view{filter: drop-shadow(5px 5px 8px rgba(0, 0, 0, 0.3));}
		
		
		.detail-immobile-3dt-row{background:var(--tortora); background: linear-gradient(175deg, rgba(217,216,210,1) 0%, rgba(217,216,210,1) 40%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%);  padding-bottom: 100px; padding-top: 60px;}
			.detail-immobile-3dt-row h4{padding-bottom: 20px;}
			.detail-immobile-3dt{aspect-ratio: 16/9; border-radius: 20px; overflow: hidden;}
				.detail-immobile-3dt iframe{width: 100%; height: 100%;}
		
		.detail-immobile-caratteristiche-row{background: var(--tortora); padding: 40px 0 80px 0;}
			.detail-immobile-caratteristiche-row h4{margin-bottom: 20px; color: var(--blu);}
			.detail-immobile-caratteristiche-items{display: flex; flex-direction: column; flex-wrap: wrap; max-height: 200px; gap: 0 13%; max-width: 900px; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49.9%, rgba(196,196,196,1) 50%, rgba(255,255,255,0) 50.1%, rgba(255,255,255,0) 100%);}
			.caratteristica-row{font-size: 18px; padding: 10px 0; display: flex; align-items: center; color: var(--blu);}
				.caratteristica-row span{font-size: 16px; font-weight: 500; text-transform: uppercase; font-family: var(--montserrat); margin-right: 20px; width: 210px; display: block;}
	
	
	
	.detail-location-header{height: calc(100vh - var(--header_height)); position: relative; overflow: hidden;}
	.detail-location-header-img, .detail-immobile-header-img img{height: 100%; object-fit: cover;}
	.detail-location-header:before{content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: calc(100vh - var(--header_height) - 25%); background: linear-gradient(0deg,  rgba(161, 90, 77, 0.6) 0%,  rgba(161, 90, 77, 0) 100%); z-index: 1;}
	
	.detail-location-header-img{position: absolute; left: 0; right: 0; bottom: 0; top: 0;}
		.detail-location-header-img img{height: 100%; object-fit: cover;}
		
	
	.detail-location-header-info{position: absolute;  bottom: 51px; left: 0; right: 0; z-index: 5; transform: translateY(0);}
		.immobili-location-pulsanti{padding-bottom: 20px; z-index: 5;}
			
		.detail-location-header-info h1{color: var(--bianco); padding: 0; margin: 0; max-width: 708px; width: 60%; line-height: 1;}
	
		.detail-location-info-row{padding: 60px 0;}
		
	#localtion-gallery{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 5px;}
	
		#localtion-gallery a{transition: opacity .4s ease;}
			#localtion-gallery a:hover{opacity: .8;}
	
	.row-simple-header-page{padding: 10% 0 15% 0; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative;}
	.row-simple-header-page:after{content: ''; position: absolute; left: 0; bottom: -1px; right: 0; height: 0; padding-top: 7%; background: url(img/curva_mask.svg) no-repeat top center; background-size: cover;  z-index: 5; transform: rotate(180deg);}
	.row-simple-header-page:before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: var(--blu); opacity: .85; z-index: 2;}
		.row-simple-header-page .myIn{z-index: 10;}
		
		.row-simple-header-page h1{font-size: 68px; color: var(--bianco);}
		.row-simple-header-page h2{font-size: 32px; color: var(--primario);}
	
	.row-simple-img-txt, .row-simple-txt-img{padding: 100px 0;}
	.row-simple-img-txt .flex, .row-simple-txt-img .flex{justify-content: space-between; align-items: center;}
	
		.flex_col_txt{width: 57%; color: var(--blu); position: relative;}
			.flex_col_txt h2{font-size: 32px;}
			.flex_col_txt div, .flex_col_txt h2{position: relative; z-index: 5;}
		.flex_col_img{width: 37%; color: var(--blu);}
			.flex_col_img figure{border-radius: 20px; overflow: hidden;}
	
	
	.flex_col_txt:after{content: ''; position: absolute; width: 340px; height: 340px; left: -10%; top: 20%; background-color: var(--tortora); border-radius: 50%; z-index: 1; opacity: .2;}
	.row-simple-img-txt .flex_col_txt:after{left: auto; right: 0; top: auto; bottom: -5%;}
	
	
	
	.location_cards_list{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 5px; padding: 10px 0 40px 0;}
		.location_card_listing_item{aspect-ratio: 1; overflow: hidden;}
			.location_card_listing_item a{position: relative; height: 100%;}
				.location_card_listing_item a figure{overflow: hidden;}
					.location_card_listing_item a h4{position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; color: #FFF; font-weight: 500; font-size: 20px; background: rgba(161, 90, 77, 0.6); transition: padding 1s ease-in-out;}
					.location_card_listing_item a img{transition: transform 1s ease-in-out;}
						.location_card_listing_item a:hover h4{padding: 20px 20px 30px 20px;}
						.location_card_listing_item a:hover img{transform: scale(1.03);}
	
	.detail-immobile-agente-flex{justify-content: space-between; align-items: flex-start;}
		.detail-immobile-agente-info{width: 40%; display: flex; align-items: center;}
		.detail-immobile-agente-form{width: 40%;}
			.detail-immobile-agente-form h4{margin-bottom: 20px;}
		
		.detail-immobile-agente-info-text-head{padding-bottom: 20px;}
		
		.detail-immobile-agente-info-img{width: 150px; border-radius: 50%; overflow: hidden; height: auto;}
		.detail-immobile-agente-info-text{padding-left: 15px;}
		.detail-immobile-agente-info-text h5{padding-bottom: 2px; font-weight: 600;}
			.detail-immobile-agente-info-text h6{font-weight: 400; text-transform: uppercase; font-size: 14px;}
			.detail-immobile-agente-info-text p{padding: 2px; line-height: 1;}
	
	.row-columns-simple .row_column_cnt{display: flex; flex-wrap: wrap; justify-content: space-around;}
		.row-columns-simple .row_column_item{width: 40%; max-width: 500px; text-align: center; padding: 40px; margin: 20px 0;}
			.row-columns-simple .row_column_item h4{font-size: 32px; margin-top: 20px; font-weight: bold;}
			.row-columns-simple .row_column_item figure{width: 100%; position: relative; height: 0; padding-top: 50%;}
				.row-columns-simple .row_column_item figure img{position: absolute; left: 0; right: 0; bottom: 0; top: 0; height: 100%; object-fit: contain; object-position: bottom;}
				
	.row-footer-pages-fondatori{padding: 60px 0;}
				
	.footer-pages-fondatori-grid{display: grid; grid-template-columns: 20% 60% 20%; position: relative;}
	.footer-pages-fondatori-grid > div{order: 1; position: relative; z-index: 10;}
	.footer-pages-fondatori-grid > div:first-child{order: 2;}
	.footer-pages-fondatori-grid > div:last-child{order: 3;}
	
		.footer-pages-fondatori-grid:after{content: ''; width: 500px; height: 500px; border-radius: 50%; background: var(--bianco); position: absolute; right: 7%; bottom: -50%; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.04); z-index: 1;}
	
	.row-footer-fondatori-team-txt{padding: 0 40px; text-align: center; color: var(--blu);}
	.fondatore_item{color: var(--blu); text-align: center;}
		.fondatore_item_img{border-radius: 50%; overflow: hidden; max-width: 200px; margin: 0 auto 20px auto;}



	.row-footer-pages-team{padding: 100px 0 0 0; text-align: center; position: relative; margin-bottom: 40px; background: var(--primario); z-index: 10;}
		.row-footer-pages-team .myIn{padding: 7% 0;}
			.row-footer-pages-team .h1{font-weight: bold;}
		.row-footer-pages-team:after{content: ''; position: absolute; left: 0; top: 0; right: 0; height: 0; padding-top: 7%; background: url(img/curva_mask.svg) no-repeat top center; background-size: cover; z-index: 5;}

		.footer-pages-team-grid{display: flex; justify-content: space-around; padding-top: 40px;}
			.team_item *{padding: 0;}

	.row-revoca-consensi-privacy, .row-gentile-cliente, .row-tipologie-di-cookie-utilizzati-dal-sito{margin-top: 40px;}
	
	.row-simple-html ul{list-style-position: inside; padding-left: 20px; font-size: 18px;}
		.row-simple-html ul li{padding: 3px 0;}

.swiper-slide{height: auto;}



	.detail-immobile-agente-row{margin: 100px 0;}
	
	.field-input {
		margin-top: 1.5em;
		position: relative;
		margin-bottom: 1.5em;
	}
	
	.field-input input, .field-input label {
		-webkit-transition: all .2s;
		transition: all .2s;
		font-size: 15px;
		font-weight: 400;
	}
	
	.field-input input {
		width: 100%;
		padding: .5em .5em .5em .5em;
		border: 0;
		border-bottom: 1px solid var(--tortora);
		background: #fff;
		border-radius: 0;
		font-size: 16px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: var(--blu);
		font-family: var(--verlag);
	}
	
	.field-input label {
		position: absolute;
		top: .7em;
		left: .5em;
		color: var(--primario);
		line-height: 1;
		text-transform: uppercase;
	}
	

	
	.field-input input:focus + label, .form-fields-field input:not(:placeholder-shown) + label{
		top: -1.5em;
		font-size: 12px;
		color: var(--nero);
	}

	.form-fields-row{display: flex; gap: 5%;}
	.field-input{width: 50%;}
	
	.field-textarea{width: 100%; margin-top: 1.5em;}
	.form-fields-field textarea{width: 100%; min-height: 150px; border: 1px solid var(--tortora); border-radius: 10px; padding: 10px 15px; box-sizing: border-box; margin-top: 10px; font-family: var(--verlag); font-size: 16px;}
	
	.field-textarea label{font-size: 15px; font-weight: 400; text-transform: uppercase; color: var(--primario); margin-left: 0.5em;}

	.field-submit button{background: var(--primario); color: var(--bianco); border-radius: 5px; padding: 10px 20px; line-height: 1.5; box-shadow: none; border: none; text-transform: uppercase; font-size: 15px; margin: 20px 0;}

	.form-mess{padding: 10px; border-radius: 10px; margin: 8px 0;}

	.form-mess-ko{background: rgba(255, 0, 0, 0.3);}
		.form-mess ul{list-style: inside;}
		
	.form-mess-ok{background: rgba(48, 255, 0, 0.3);}
		.form-mess p{padding: 0;}

.site_footer{background: var(--nero); padding: 40px 5%;}
	.footer_flex{display: flex; justify-content: space-between; line-height: 1.3;}
	.footer_navbar, .footer_piva, .footer_social h5{color: var(--tortora); font-weight: normal; line-height: 1.4;}
		.footer_navbar img{width: 200px; margin-bottom: 15px;}
		.email{color: var(--tortora);}
		.footer_social h5{font-family: var(--montserrat); text-align: right;}
		.social_icons{margin: 10px 0; display: flex; justify-content: flex-end; gap: 15px;}
	
	.footer_piva div.footer_menu{display: flex; justify-content: center;}
		.footer_menu ul{list-style: none; display: flex; align-items: center; justify-content: center;}
			.footer_menu ul li a{color: var(--tortora); padding: 5px 10px; font-size: 12px; text-decoration: underline;}
	
	.footer_piva{margin-top: 60px; text-align: center; font-family: var(--montserrat); font-size: 12px;}
		.footer_piva div{display: inline-block;}
		
	
	.address a{color: var(--tortora); background-image: url(img/pin.svg); background-size: 12px; background-position: left center; background-repeat: no-repeat; padding-left: 18px;}

.hamburger {
				padding: 0 ;
				display: none;
				cursor: pointer;
				transition-property: opacity, filter;
				transition-duration: 0.15s;
				transition-timing-function: linear;
				font: inherit;
				color: inherit;
				text-transform: none;
				background-color: transparent;
				border: 0;
				margin: 0;
				font-size: 14px;
				text-transform: uppercase;
				overflow: visible;
				position: relative;
				z-index: 80;
				float: right;
			}
			
			.hamburger:hover {
				opacity: 0.7;
			}
			
			.hamburger span {
				padding: 5px 10px;
				display: block;
				float: left;
				font-weight: bold;
				border-left: 3px solid var(--nero);
			}
			
			.hamburger-box {
				width: 25px;
				height: 24px;
				display: block;
				float: left;
				position: relative;
			}
			
			.hamburger-inner {
				display: block;
				top: 50%;
				margin-top: -2px;
			}
			
			.hamburger-inner,
			.hamburger-inner::before,
			.hamburger-inner::after {
				width: 25px;
				height: 3px;
				background-color: var(--nero);
				border-radius: 4px;
				position: absolute;
				transition-property: transform;
				transition-duration: 0.15s;
				transition-timing-function: ease;
			}
			
			.hamburger-inner::before,
			.hamburger-inner::after {
				content: "";
				display: block;
			}
			
			.hamburger-inner::before {
				top: -10px;
			}
			
			.hamburger-inner::after {
				bottom: -10px;
			}
			
			.hamburger--elastic .hamburger-inner {
				top: 2px;
				transition-duration: 0.275s;
				transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
			}
			
			.hamburger--elastic .hamburger-inner::before {
				top: 10px;
				transition: opacity 0.125s 0.275s ease;
			}
			
			.hamburger--elastic .hamburger-inner::after {
				top: 20px;
				transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
			}
			
			.hamburger--elastic.is-active .hamburger-inner {
				transform: translate3d(0, 10px, 0) rotate(135deg);
				transition-delay: 0.075s;
			}
			
			.hamburger--elastic.is-active .hamburger-inner::before {
				transition-delay: 0s;
				opacity: 0;
			}
			
			.hamburger--elastic.is-active .hamburger-inner::after {
				transform: translate3d(0, -20px, 0) rotate(-270deg);
				transition-delay: 0.075s;
			}
			
@media only screen and (max-width: 1200px) {
	.website_logo{width: 200px;}
	.site_header{}
	.site_navbar ul li a{font-size: 13px; display: block;}
	
	.languages-menu{margin-left: 0;}
	.site_navbar ul li{padding: 15px 7px;}
	
	.immobili-sidebar-pulsanti .planimetria_button, .immobili-sidebar-pulsanti .media_button, .immobili-sidebar-pulsanti .tred_button{padding: 10px 10px 10px 30px; background-size: 15px; background-position: 10px center; font-size: 12px; margin-right: 3px;}
	
	.location_cards_list{grid-template-columns: 1fr 1fr;}

}

@media only screen and (max-width: 970px) {
	
	

}
		
@media only screen and (max-width: 920px) {
	
	h1, .h1{ font-size: 26px; }
	h2, .h2{ font-size: 24px; }
	h3, .h3{ font-size: 21px; }
	h4, .h4{ font-size: 18px; }
	h5, .h5{ font-size: 16px; }
	h6, .h6{ font-size: 14px; }
	
	:root{--header_height: 67px;}
	
	.myIn{width: 90%;}
	

	.hamburger{display: block;}	
	.site_navbar{position: fixed; right: -90%; top: var(--header_height); bottom: 0; width: 70%; height: calc(100vh - 85px); flex-direction: column; background: var(--primario); z-index: 51; justify-content: flex-start; padding: 20px 20px; transition: all .4s ease-in-out; align-items: stretch;} 
	.site_navbar.menu-visible{right: 0; background: var(--bianco); border-left: 1px solid var(--primario); border-top: 1px solid var(--primario); border-radius: 20px 0 0 0;}
		.site_navbar ul{flex-direction: column; align-items: flex-start;}
		
		.site_navbar ul.languages-menu{margin-top: auto; margin-bottom: 40px; flex-direction: row; margin-left: 0; margin-right: auto;}
		
		
		.site_navbar .main-menu-depth-1{position: relative; visibility: visible; opacity: 1; transform: translateY(0); border: none; padding: 5px 0 0 15px; top: 0;}
		.site_navbar ul li ul.main-menu-depth-1 .last_child_depth{padding: 7px 0;}
		.website_logo{width: 200px;}
	
	.flex{flex-direction: column;}
	
	.detail-immobile-info-col, .detail-immobile-info-col-2, .detail-immobile-header-info h1, .detail-immobile-title-sotto, .sticky_title, .detail-location-header-info h1{width: 100%;}
	.detail-other-img{display: none;}
	.detail-immobile-info-col-2{margin-left: 0; padding-top: 20px;}
	.immobili-sidebar-pulsanti{text-align: left;}
	
	.detail-immobile-caratteristiche-items{max-height: none; background: transparent;}
		
	.agente-bnt-cnt{margin: 20px auto; width: 100%;}
	
	.flex_header_home{flex-direction: column;}
	
	.header-home h1{font-size: clamp(21px, 12vw, 62px);}
	.header-home h2{font-size: clamp(16px, 4.5vw, 22px);}
	.testi_header_home{padding-top: 0;}
	.testi_header_home:before{top: -40px;}
	.img_header_home{max-width: 300px; height: 380px; margin: 20px auto;}
	.row-simple-text-center p{font-size: 18px;}
	.row-simple-text-center:after{width: 250px; height: 250px;}
	.blocchetti-color .row_column_cnt{flex-direction: column;}
	.blocchetti-color{padding: 30px 0;}
	.colonna_blocchetto_color:first-child{margin-top: 0;}
	.colonna_blocchetto_color:last-child{margin-left: 0; margin-top: 20px;}
	.row-columns-txt-full .row_column_cnt{flex-direction: column;}
	.colonna_blocchetto_txt{width: 100%; border-right: none; padding: 20px 0;}
	
	.txt_blocc_color p{font-size: 16px;}
	
	.row-simple-text-center{padding: 40px 0 60px 0;}
	.row-simple-text-center:after{top: -60px;}
	
	.row-columns-txt-full .row_column_cnt{padding: 40px 0;}
	
	.location_cards_list{grid-template-columns: 1fr;}
	
	.form-filtri-input{margin-right: 0; margin-bottom: 20px;}
	
	.quicklink_list_row_cnt{flex-direction: column; max-height: none;}
	
	.quicklink_list_item{transform: skewX(0); position: relative; z-index: 5; margin-left: 0; margin-right: 0; width: 100%; height: 350px;}
		.quicklink_list_item:first-child{width: 100%;}
		.quicklink_list_item:last-child{width: 100%;}
	
	.quicklink_list_item_in{transform: skewX(0); margin: 0 0; height: 100%;}
		
	
		.quicklink_list_item_in a{display: block; position: relative; height: 100%;}
			.quicklink_list_item_in h5{position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; font-family: var(--montserrat); font-weight: normal; font-size: 21px; text-transform: uppercase; color: var(--bianco); z-index: 5; transition: bottom 1s ease-in-out;}
			.quicklink_img:after{content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: var(--blu); opacity: .6;}
			.quicklink_img:before{content: ''; position: absolute; left: 0; top: 77%; right: 0; bottom: 0; background: linear-gradient(0deg, rgba(0,0,0,1) 10%, rgba(0,0,0,0) 100%); z-index: 2; opacity: .5;}
				
				.quicklink_list_item:first-child .quicklink_list_item_in .quicklink_img:after{background: var(--primario);}
				.quicklink_list_item:last-child .quicklink_list_item_in .quicklink_img:after{background: var(--rosso);}
			
			.quicklink_img, .quicklink_img figure{height: 100%;}
			.quicklink_img figure img{height: 100%; object-fit: cover; transition: transform 1s ease-in-out;}
			
			.quicklink_list_item_in a:hover img{transform: scale(1.02);}
			.quicklink_list_item_in a:hover h5{bottom: 28px;}
	
	
	.req-info-cnt a{width: 100%; margin: 20px 0;}
	
	.prezzo_in_card{font-size: 21px;}
	.immobile_card_listing_item h4{font-size: 17px;}
	
	.card_listing_cnt{margin-left: 0; margin-right: 0; padding: 0 0 60px 0; flex-direction: column;}
		.immobile_card_listing_item{width: 100%; padding: 4% 0;}
	
	.header_row-paragrafo{justify-content: flex-start;}
	.vedi_vendite{display: none;}
	.freccia_dx{display: block;}
	
	.row-link-immobili{padding: 20px 0;}
	
	.link-immobili_list_row_cnt{margin: 0 -5% 0 0; flex-wrap: nowrap; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none;}
	.row-link-immobili .immobile_card_listing_item{padding: 4% 0; min-width: 85%; margin-right: 4%;}
	
	.link-immobili_list_row_cnt::-webkit-scrollbar{display: none;}
	
	.lg-next, .lg-prev{display: none;}
	
	.row-simple-header-page{padding: 15% 0 20% 0;}
	
	.row-simple-header-page h1{font-size: 36px;}
	.row-simple-header-page h2{font-size: 18px;}
	
	.row-simple-img-txt, .row-simple-txt-img{padding: 50px 0;}
	
	.flex_col_txt{width: 100%;}
		.flex_col_txt h2{font-size: 24px;}
	.flex_col_img{width: 100%; margin-bottom: 30px;}
	.row-simple-txt-img .flex{flex-direction: column-reverse;}	
	.row-simple-img-txt .flex_col_txt:after{right: 0;}
	
	.footer_flex{flex-direction: column; align-items: center;}
		.footer_navbar, .footer_piva, .footer_social h5{text-align: center;}
		.footer_navbar img{margin: 20px auto;}
		.footer_social{padding: 40px 0 0 0;}
		
	.row-columns-simple .row_column_item{width: 100%; padding: 20px;}
	
	.row-simple-text-center h2{font-size: 32px;}
	.row-columns-simple .row_column_item h4{font-size: 24px;}
	
	
	.detail-immobile-info-tools{width: 100%; margin: 0;}
	
	.detail-immobile-3dt-row{padding-bottom: 20px;}
	.detail-immobile-agente-row{margin: 50px 0;}
	.detail-immobile-agente-info{width: 100%; flex-direction: column;}
	
	.detail-immobile-agente-info-text{padding-left: 0; padding-top: 10px; text-align: center;}
	
	.detail-immobile-agente-form{margin-top: 60px; width: 100%;}
	
	.planimetria_button, .media_button, .tred_button {
		padding: 10px 10px 10px 30px;
		background-size: 15px;
		background-position: 10px center;
		font-size: 12px;
		margin-right: 5px;
	}
	
	
	.footer-pages-team-grid{flex-direction: column;}
		.team_item{margin: 20px 0;}
		
	
	.footer-pages-fondatori-grid{grid-template-columns: auto;}
	.footer-pages-fondatori-grid > div:first-child{order: 1; margin: 20px 0;}
	.fondatore_item{margin: 20px 0;}
	
	.footer-pages-fondatori-grid:after{right: 0; left: 0; bottom: auto; top: 0; width: 100%; padding-top: 100%; height: auto;}
	
}
		
@keyframes up_down {
  from {transform: translateY(0);}
  to {transform: translateY(50px);}
}