@charset "UTF-8";
/* CSS Document */

/*

h1 { font-family: 'Lekton', sans-serif; font-weight: 400; }

--gone
font-family: 'Quantico', sans-serif;
font-family:'ITCFranklinGothicW01-Bk 812647';	- book
font-family:'NHaasGroteskTXW01-75Bd';
font-family:'NHaasGroteskTXW01-56It';
font-family:'NeueHaasGroteskText W01';
font-family:'NHaasGroteskDSW01-35XLt';
--gone



font-family:'Prelo W01 Book';
font-family:'Prelo W01 Bold';

font-family: 'Sanchez', serif;

font-family:'Avenir LT W01 55 Roman';
font-family:'Avenir LT W01 95 Black';
font-family:'Avenir LT W01 45 Book';

*/

/*////////////// DEFAULTS //////////////////*/
html{
	margin:0;
	border:0;	
	height:100%;
	width:100%;
	min-width:320px;
	background:#fff;
	overflow: hidden;
}
body{
	width:100%;
	height:100%;	
	padding: 0px;
	margin:0px;
	border:0;
	font-family:'Prelo W01 Book', sans-serif; 
	line-height:19px;
	color:#666666;
	font-size:16px;
	-webkit-text-size-adjust: 100%;
	background:#fff;
	overflow: hidden;
}

*{
	box-sizing: border-box; 
	-moz-box-sizing: border-box; 
}

b{
	font-family:'Prelo W01 Bold';
	font-weight:normal;
}
i{
	font-family: 'Lekton', sans-serif; font-weight: 400;
}

img{
	margin:0;
	border:0;
	display:block;
}

header{
	display:block;
	position:relative;
	height:100px;
	width:100%;
}

h1{
	font-family: 'Sanchez', serif;
	font-size:60px;
	font-weight:200;
	line-height:68px;
	color:#444444;
	display:block;
	margin:0 0 25px 0;
}


table{
	border:0;
	margin:0;
	padding:0;
}
td{
	vertical-align:top;	
}

ul{
	list-style: none;
	padding:0;
}
.blue{
	color:#004A7F;
}
a:link .hover-only, a:visited .hover-only{
	display:none;
}
a:hover .hover-only{
	display:inline;
}
a:link .not-hover, a:visited .not-hover{
	display:inline;
}
a:hover .not-hover{
	display:none;
}

.imp_link_holder{
	border-top:1px dotted #b9b9b9;
	border-bottom:1px dotted #b9b9b9;
	width:auto;
	margin-left:20px; 
	float:left;
	margin-bottom:20px;
}
	.imp_link_img{
		float:left;
		margin-top:5px;
	}
	.imp_link_holder a{
		display:inline-block;
		color:#004A7F !important;
		padding:0;
		line-height:25px;
	}
		.imp_link_holder a:hover{
			color:#808080 !important;
		}
	
a.imp_link:link, a.imp_link:visited{
	display:inline-block;
	color:#004A7F !important;
	padding:0 5px;
	line-height:32px;
	border-top:1px dotted #b9b9b9;
}
a.imp_link:hover{
	color:#808080 !important;
}	
	a.imp_link img{
		display:inline;
		vertical-align: top;
		margin-top:10px;
		margin-right:14px;
	}
	
.mobile{
	display:none;
}
#loader, #product-loader{
	width:50px;
	height:50px;
	position:fixed;
	z-index:2000;
	background: url(../img/develop/load.png) top left;
	background-position:0px 0px;
	top:50%;
	left:50%;
	margin-top:-25px;
	margin-left:-25px;
	display:none;
	background:none;
	text-align: center;
}
	#loader img, #product-loader img{
		position:relative;
	}
	#product-loader{
		position:absolute;
	}
.hidden{
	display:none;
}
.cover{
	position: absolute;
	width:100%;
	height: 100%;
	top:0;
	left:0;
	opacity:0;
}
.veil{
	position: absolute;
	width:100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
}
.bg{
	position: absolute;
	width:100%;
	height:100%;
	background-size: cover;
	background-position: center;
}
.half{
	position:relative;
	width:50%;
	margin-top:60px;
	padding:0 20px;
	float:left;
}

#loader-container{
	display:none;
}

.line{
	font-size:40px; color:#E6E6E6; margin-bottom:15px; 
}
	.line.spacer{
		margin:78px 0 18px 0;
	}
/*////////////////////////////////////*/	

/*////////////// PAGES //////////////////*/
#page-container{
	position: relative;
	height:100%;
	width:100%;
	overflow:hidden;
}

	section, .page{
		display:block;
		position:absolute;
		top:0px;
		margin-top:0px;
		width:100%;
		height:100%;
		background-position: center center;
		background-size:cover;
		overflow-y: auto;
		overflow-x: hidden;		
	}
		.page{
			-webkit-overflow-scrolling: touch;
		}
	
		section#about{
			
		}
		section#home{
			left:100%;
			 -webkit-overflow-scrolling: touch;
		}
		section#progetti{
			left:200%;
		}
		section#unit{
			left:300%;
		}
	
		section#about .affiliate{
			font-size:17px;
		}
		
		.section-wrapper{
			position:absolute;
			width:100%;
			height:auto;
			height:100%;
			overflow: auto;
			background-size:cover;
			background-position: center center;
			-webkit-transform: translate3d(0,0,0);
		}
			
	.header-bg{
		position:fixed;
		height:150px;
		margin-left:-15px;
		width:100%;
		background:rgba(255,255,255,0.9);
		z-index:4998;
	}		
/*////////////////////////////////////*/



/*////////////// LINKS //////////////////*/

a:link, a:visited{
	color:#000;
	text-decoration:none;
}

a:hover{
	color:#000;
	text-decoration:none;
}

/*////////////////////////////////////*/	

/*////////////// NAV //////////////////*/
nav.main-nav{
	position: fixed;
	top:50px;
	right:50px;
	display:block;
	font-size:17px;
	font-family:'Avenir LT W01 55 Roman';
	text-align: center;
	color:#1A1A1A;
	z-index:5007;
}	
	nav ul{
		display:inline-block;
		margin:0 auto;
		white-space: nowrap;
	}
		nav li{
			display:inline-block;
		}
			nav a{
				position: relative;
				display:inline-block;
				padding:0 15px;
			}
				nav a span{
					display:block;
				}
				nav a:hover{
					text-decoration: underline;
				}
				nav a.selected{
					font-family:'Avenir LT W01 95 Black';
					cursor:default;
				}
				nav a.selected:hover{
					text-decoration: none;
				}
		
		a.search{
			font-size:18px;
			color:#808080;
			border-bottom:1px solid #808080;
			border-top:1px solid #808080;
			padding:10px 0 5px 0;
			margin-left:10px;
		}	
			a.search img.on{
				display:inline-block;
			}
			a.search img.off, a.search img.sel{
				display:none;
			}
			a.search:hover img.on, a.search:hover img.sel{
				display:none;
			}
			a.search:hover img.off{
				display:inline-block;
			}
			a.search.selected img.on{
				display:none;
			}
			a.search.selected img.off{
				display:none;
			}
			a.search.selected img.sel{
				display:inline-block;
			}
			a.search:hover{
				text-decoration: none;
				color:#004A7F;
				border-bottom:1px solid #004A7F;
				border-top:1px solid #004A7F;
				text-decoration:underline;
			}
			a.search.selected{
				color:#CCCCCC !important;
				border-bottom:1px solid #CCCCCC;
				border-top:1px solid #CCCCCC;
				font-family:'Avenir LT W01 55 Roman';
			}
			a.search img{
				display:inline;
				vertical-align: middle;
				margin-left:5px;
				padding-bottom:5px;
			}	

	

/*////////////////////////////////////*/




	
/*////////////// FOOTER //////////////////*/
footer{
	display:block;
	position:absolute;
	bottom:0px;
	width:100%;
	height:65px;
	padding-top:20px;
	left:160px;
	border-top:1px solid #7f7f7f;
	font-size:14px;
}
	footer a{
		color:#666666 !important;
	}
		footer a:hover{
			color:#004A7F !important;
		}
	

#credits{
	position:absolute;
	right:20px;
	z-index:5003;
	padding-top:8px;
}
#main-logo{
	display:none;
}
.logo{
	position: fixed;
	top:50px;
	left:80px;
	z-index:5006;
}	

/*////////////////////////////////////*/	


/*////////////// HOME //////////////////*/
#home-wrapper{
	position: relative;
	padding-top:170px;
	min-height: 100%;
	padding-bottom:100px;
}
#logo-home{
	position: absolute;
	left:50%;
	top:50%;
	margin-left:-291px;
	margin-top:-146px;
}
#home-options{
	position:relative;
	left:0;
	margin-top:150px;
	background:rgba(255,255,255,0.9);
	height:30px;
	width:96%;
}
#home_loader{
	position: absolute;
	left:50%;
	top:50%;
	margin:-25px 0 0 -25px;
}

#home-filters{
	margin-left:150px;
	margin-top:0;
}
	
	
	
.img-holder{
	position:absolute;
	width:100%;
	top:20px;
	left:0;
	height:100%;
	padding:0 120px 0 150px;
}
	.img-block, .thumb{
		display:block;
		position:absolute;
		width:92px;
		height:92px;
		background:#f2f2f2;
		background-size:cover;
		background-repeat:no-repeat;
		margin:5px;
	}
	.thumb{
		background-color:none;
		margin:10px 0;
		cursor:pointer;
	}
		.img-block.w1{
			width:658px;
			height:324px;
			width:211px;
			height:144px;
		}
		.img-block.w2{
			width:324px;
			height:324px;
			width:432px;
			height:298px;
		}
		.img-block.w3{
			width:157px;
			height:324px;
		}
		.img-block.w4{
			width:324px;
			height:157px;
		}
		.img-block.w5{
			width:157px;
			height:157px;
		}
		
		.thumb .w1, .thumb-holder.w1, .thumb-holder .w1{
			width:443px !important;
			height:300px;
		}
		.thumb .w2, .thumb-holder.w2, .thumb-holder .w2{
			width:157px !important;
			height:324px;
		}
		.thumb .w3, .thumb-holder.w3, .thumb-holder .w3{
			width:324px !important;
			height:157px;
		}
		.thumb .w4, .thumb-holder.w4, .thumb-holder .w4{
			width:491px !important;
			height:324px;
		}
		
		.thumb-holder{
			position:relative;
			background-size:cover;
			background-position:center;
			margin-bottom:10px;
			cursor:pointer;
		}
		.thumb-holder img{
			position:relative;
		}
		.thumb-holder .cover, .unit .cover{
			-webkit-transition-duration: 0.4s;
		     -moz-transition-duration: 0.4s;
		      -ms-transition-duration: 0.4s;
		       -o-transition-duration: 0.4s;
		          transition-duration: 0.4s;
			background-color: rgba(242,242,242,0.93);
			text-align: center;
			color:#444;
			background-image:url(../img/develop/zoom.png);
			background-repeat:no-repeat;
			background-position: center;
		}
		.unit .cover{
			background-color: rgba(128,128,128,0.94);
		}
		#search_results .unit .cover{
			background-color: rgba(211,211,211,0.96);
		}
		.preview .cover{
			background-image:url(../img/develop/dettagli.png);
		}
		.preview .info{
			text-align: right;
			background:rgba(242,242,242,0.8);
			width:inherit;
			height:inherit;
			padding:20px;
			-webkit-transition-duration: 0.4s;
		     -moz-transition-duration: 0.4s;
		      -ms-transition-duration: 0.4s;
		       -o-transition-duration: 0.4s;
		          transition-duration: 0.4s;
		}
			.unit:hover .info{
				opacity:0;
			}
			#progetto_images .unit:hover .info{
				opacity:1;
			}
		.thumb-holder:hover .cover, .unit:hover .cover{
			opacity:1;
		}
	
	.address{
		position:absolute;
		bottom:18px;
		width:100%;
		line-height: 14px;
		margin-left:10px;
		color:#666666;
		font-size:13px;
		font-family: 'Lekton', sans-serif; font-weight: 400;
		font-style: italic;
		text-align: center;
	}	
		.address span{
			background:rgba(255,255,255,0.9);
			padding:6px 10px;
		}
		
		/*.img-block.w1 .address{
			width:638px;
		}
		.img-block.w2 .address{
			width:304px;
		}
		.img-block.w3 .address{
			width:137px;
		}
		.img-block.w4 .address{
			width:304px;
		}
		.img-block.w5 .address{
			width:137px;
		}*/
	
	.img-block:hover .address{
		opacity:0;
	}
		
	.img-block .info-block{
		position:absolute;
		background-position: top left;
		background-repeat: no-repeat;
		background-image:url(../img/develop/angolo.png);
		background-color:rgba(242,242,242,0.9);
		width:100%;
		height: 100%;
		font-size:13px;
		line-height:14px;
		font-family: 'Lekton', sans-serif; font-weight: 400;
		font-style: italic;
		color:#444;
		opacity:0;
		cursor:pointer;
		color:#000;
		-webkit-transition-duration: 0.4s;
		     -moz-transition-duration: 0.4s;
		      -ms-transition-duration: 0.4s;
		       -o-transition-duration: 0.4s;
		          transition-duration: 0.4s;
	}
		.img-block.w2 .info-block{
		}
		.img-block.w3 .info-block{
		}	
		.img-block .info-block .info{
			position:absolute;
			top:50%;
			margin-top:-45px;
			text-align: center;
			width:100%;
		}
			.img-block .info-block .info img{
				display:inline;
			}
			.img-block.w3 .not-w3{
				display:none;
			}
		.tipo2 .info-block{
			background-color:rgba(134, 235, 255,0.85);
		}
		.tipo3 .info-block{
			background-color:rgba(217,236,116,0.9);
		}
		.tipo4 .info-block{
			background-color:rgba(61,223,0,0.72);
		}
		.tipo5 .info-block{
			background-color:rgba(86,242,242,0.9);
		}
		.tipo6 .info-block{
			background-color:rgba(231,86,35,0.9);
		}
		.tipo7 .info-block{
			background-color:rgba(41,171,116,0.72);
		}
		.img-block.chiuso .info-block{
			background-image:url(../img/develop/diagonal-s.png);
			background-position: center;
			background-repeat: no-repeat;
		}
		.img-block.w2.chiuso .info-block{
			background-image:url(../img/develop/diagonal-l.png);
		}
			
	.img-block:hover .info-block{
		opacity:1;
	}	

				.tipo_commerciale{
					display: inline-block;
					background:rgba(0,0,0,0.75);
					color:#fff;
					padding:3px 6px 0;
					margin-top:3px;
				}
				.stato{
					color:#666666;
					font-family:'Prelo W01 Book';
					font-size:11px;
					font-style:normal;
				}
	
	ul.option-set{
		list-style: none;
		padding:0;
		font-size:13px;
		line-height:15px;
	}	
		
		ul.option-set li{
			float:left;
		}
		
		ul.option-set li a{
			margin:0;
			color:#808080;
			font-family:'Avenir LT W01 45 Book';
		}
		ul.option-set li, ul.option-set li a{
			margin-right:10px;
		}
		ul.option-set li:after{
			content:" // ";
		}
			ul.option-set li:last-child:after{
				content:"";
			}
			ul.option-set li a:hover{
				color:#000000;	
				text-decoration: underline;			
			}
			ul.option-set li a.selected{
				color:#004A7F;
				text-decoration:none;
				cursor:default;				
			}
			ul.option-set li a.inactive{
				color:#ccc;				
				cursor:default;
			}
		
		ul.option-set li.progetti a{
			color:#3E3D40 !important;
			font-family:'Avenir LT W01 95 Black';
		}
		ul.option-set li.progetti:after{
			content:" › ";
			color:#3E3D40 !important;
			font-family:'Avenir LT W01 95 Black';

		}	
			
		
		.option-set.search ul{
			margin-bottom:10px;
		}
			.option-set.search li a{
				font-size:15px;
				line-height:22px;
			}	
		#search-filters1{
			margin-top:0px;
		}	
		
		#search-filters3{
			margin-top:0;
		}

	#search_info{
		overflow: hidden;
		width:100%;
		padding-left:150px;
		position:absolute;
		top:370px;
		padding-bottom:100px;
	}
	#search_localita{
		position:relative;
		width:100%;
		height:auto;
		display:none;
	}
		#azzera{
			position: relative;
			float:right;
			width:201px;
			height:32px;
			background: url(../img/develop/azzera.png);
			font-size:14px;
			margin-top:-40px;
			color:#444444;
			font-family:'Avenir LT W01 45 Book';
			padding: 8px 0 8px 35px;
			cursor: pointer;
		}
			#azzera:hover{
				background: url(../img/develop/azzera-roll.png);
				color:#fff;
			}
		#localita_selezionato{
			position:absolute;
			display:inline-block;
			font-size:13px;
			font-family:'Avenir LT W01 45 Book';
			color:#004A7F;
			padding-left:20px;
			margin-left:70px;
		}
		#localita{
			width:100%;
			height:100%;
			overflow:auto;
			padding-top:10px;
			border-top:1px solid #808080;
			border-bottom:1px solid #808080;
		}
			#localita a{
				font-size: 15px;
				line-height: 22px;
			}
			#localita ul.option-set li{
				float:none;
			}
			#localita ul.option-set li:after{
				content:"" !important;
			}
		 
						.bg-cover{
							position:absolute;
							top:0;
							left:0;
							width:inherit;
							height:inherit;
							background:rgba(77,77,77,0.9);
						}
	#progetto_nav_wrapper, #unit_nav_wrapper, #search-options{
		padding-bottom:5px;
		position:relative;
		width:95%;
		z-index:3000;
		left:0;
		padding-left:25%;
		top:137px;
		background:rgba(255,255,255,0.9);
		
	}
	
	#progetto_nav, #unit_nav{
		text-align: right;
		padding-right:10px;	
		margin-left:10px;
	}
		#progetto_nav li a.selected{
			color:#004A7F;
			text-decoration: underline;
		}
	
	#search-options{
		top:0;
		width:100%;
		margin-left:-15px;
		padding-left:160px;
	}
	#search-options ul{
		background: none;
	}
		#search-options .block-wrapper{
			overflow: hidden;
		}
		#search-options .left-block{
			width:446px;
			float:left;
			text-align: right;
			padding-right:20px;
			font-size:18px;
			color:#444444;
		}
		#search-options .right-block{
			float:left;
			width:50%;
		}
			.option-header{
				color:#808080;
				font-size:13px;
				font-family:'Avenir LT W01 55 Roman';
				cursor:pointer;
			}
				.option-header:hover{
					color:#004A7F;
				}
			.list_holder{
				border-top:1px solid #808080;
				border-bottom:1px solid #808080;
				margin-bottom:10px;
				display:none;
			}
	#progetto_images, #unit_images{
		position:relative;
		width:100%;
	}
	#progetto_info, #unit_info{
		width:75%;
		left:345px;
		left:25%;
		position:relative;
		margin-top:150px;
		margin-bottom:30px;
	}
		#progetto_info h1, #search-options h1{
			font-size:32px;
			line-height: 35px;
		}
		#search-options h1.main_header{
			font-size:60px;
			position:relative;
			margin-top:150px;
			margin-bottom:60px;
			display:inline-block;
		}
		

		#progetto_info_left{
			position:absolute;
			top:160px;
			left:0px;
			width:25%;
			padding-right:20px;
			text-align: right;
		}
		#progetto_desc, #unit_desc{	
			position:relative;
			margin-top:-20px;
			width:100%;
		}
	.progetto_block_wrapper{
		position:relative;
		overflow: hidden;
		margin-bottom:30px;
	}
		.progetto_block_wrapper_left{
			width:345px;
			width:25%;
			min-width:300px;
			padding-left:180px;
			margin-left:-2%;
			margin-right:2%;
			float:left;
		}
		.progetto_block_wrapper_right{
			width:70%;
			padding-left:10px;
			float:left;
		}	
	.progetto_block{
		width:270px;
		float:left;
		position:relative;
	}
		.progetto_right{
			margin-left:10px;
		}
	
	#progetto_info .progetto_right{
		width:66%;
	}	
	#progetto_right, #unit_right, #search_right{
		margin-left:10px;
		margin-top:0;
	}
		#progetto_right,#unit_right{
			width:auto;
		}
		#progetto_right{
			float:none;
		}
			#unit_right h1{
				font-size:32px;
				color:#000;
			}
			#unit_left{
				margin-left:10px;
				margin-top:20px;
				padding-top:55px;
				width:446px;
			}
	
	.progetto_header{
		position:relative;
		width:auto;
		float:right;
		border-top:1px dotted #808080;
		padding-top:10px;
		font-size:24px;
		display:inline-block;
		text-align: right;
		color:#CCCCCC;
		font-family: 'Sanchez', serif;
	}
	.white-block{
		background:white; position:absolute; width:23%; height:360px;
	}
	.units_holder{
		position:relative;
		overflow: hidden;
	}	
		.unit{
			width:720px;
			margin:5px 0;
			float:left;
			cursor:pointer;
		}
			.unit .preview{
				position:relative;
				width:443px;
				height:300px;
				float:left;
				background-size:cover;
				background-position: center;
			}
			.unit .info{
				float:left;
				padding-left:10px;
			}
			.unit:hover, .unit:hover b{
				color:#2E638C !important;
			}
				
			#search_info .unit{
				width:326px;
			}
				#search_info .unit .info{
					padding-top:10px;
					padding-bottom:20px;
				}
	a.contatta{
		line-height:30px !important;
	}
	a.contatta img{
		margin-top:6px;
		margin-right:6px;
	}
	
/*////////////////////////////////////*/	

/*////////////// SEARCH //////////////////*/

#search{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background: #fff;
	display:none;
	z-index:5000;
}
	
	#search .section-wrapper{
		position: absolute;
	}
	
	#search_results{
		margin-top:55px;
	}
	.floater{
		float:left;
	}
	img.floater{
		margin-right:5px;
	}
	
	#search-closer{
		position:absolute;
		top:150px;
		right:30px;
		cursor:pointer;
	}
	
/*////////////////////////////////////*/

/*////////////// ABOUT //////////////////*/

#about{
	
}
	#about .section-wrapper{
		position: absolute;
		padding-top:170px;
	}
	
	.section_float_holder{
		position:relative;
		overflow: hidden;
	}
	.section_left{
		position:relative;
		float:left; 
		width:340px; 
		left:50%; 
		margin-left:-340px; 
		top:0px;
		padding-top:100px;
	}
	.section_right{
		position:relative; 
		width:45%; 
		min-width:270px;
		left:50%; 
		top:0;
		padding-right:100px;
		margin-left:20px;
	}
	
#map_canvas{
	position:relative;
	width:80%;
	left:10%;
	height:500px;
	margin-bottom:30px;
}	

ul.affiliate{
	list-style: none;
	padding:0 0 50px;
}
	ul.affiliate li{
		display: block;
		margin:0;
		padding:8px 0;
		border-top:1px solid #E6E6E6;
	}

#about_arrow, #progetti_arrow, #unit_arrow{
	position: absolute;
	top:270px;
	left:88px;
}
	
	#unit_arrow{
		color:#808080;
	}
	#unit_arrow:hover{
		color:#004A7F;
	}
	#unit_arrow img, #unit_arrow div{
		float:left;
		margin-right:10px;
	}
		#unit_arrow div span{
			display:inline-block;
			font-family:'Avenir LT W01 55 Roman';
			font-size:13px;
			line-height:40px;
			padding-top:7px;
		}


/*////////////////////////////////////*/