/**
   STAFF
========================================================================================== 
**/

main{ background: rgba(191, 202, 200, 0.5); }


/* Primo banner
------------------------------------------------------------------------------------------ */
.pc_first_banner{
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	color: #FFF;
}
	.pc_first_banner .background, .pc_first_banner > div.layer_banner{
		min-width: 100%;
		min-height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 0;
	}
		.pc_first_banner > div.layer_banner{ z-index: 1; background: #000 no-repeat center center; } /* Layer tra l'immagine e testo all'interno del banner */

	.pc_first_banner h1{
		max-width: 750px;
		margin: 0 auto;
		line-height: 57px;
		font-size: 53px;
		text-transform: uppercase;
		z-index: 2;
	}
	.pc_first_banner .text{ width: 650px; height: auto; margin: 25px auto; z-index: 2; }
	.pc_first_banner .text p{ margin: 0; }

/* Elenco box */
.territory_list{
	max-width: 1170px;
	width: 90%;
	height: auto;
	margin: 70px auto;
	overflow: hidden;
}
	.tl_item{
		width: 100%;
		min-height: 315px;
		height: auto;
		overflow: hidden;
		margin: 0 0 40px 0;
		background: #FFF;
	}
		.tl_item figure{
			width: 34.6%;
			height: 100%;
			margin: 0;
			overflow: hidden;
			float: left;
		}
			.tl_item figure img{ width: 100%; height: auto; }
		.tl_item .text{
			width: 55%;
			height: 100%;
			padding: 45px 0;
			margin-right: 4.2%;
			float: right;
			box-sizing: border-box;
		}
			.tl_item .text h3{ margin-bottom: 15px; font-size: 24px; }
			.tl_item .text h5{ margin-bottom: 20px; font-size: 12px; font-weight: 400; text-transform: uppercase; }
			.tl_item .text p:nth-of-type(1){ margin: 0; }
			.tl_item .read_more{ margin-top: 25px; display: inline-block; font-size: 12px; }
			.tl_item .read_more::after{
				content: '';
				width: 70px;
				height: 1px;
				display: block;
				background: #878787;
				position: absolute;
				top: 50%;
				right: 0;
				transform: translate(120%, -50%);
			}




/* Schermi Tablet
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
@media (max-width: 768px){

.tl_item{ height: auto; overflow: hidden; }
	.tl_item figure{ width: 100%; height: auto; float: initial; overflow: hidden; }
	.tl_item figure img{
		width: 100%;
		height: auto;
		top: initial;
		left: initial;
		transform: none;
		position: relative;
	}
	.tl_item .text{ width: 90%; margin: 0 auto; float: initial; }


/* ----------------- */
}
/* Fine schermi Tablet */



/* Schermi piccoli
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
@media (max-width: 767px){

.pc_first_banner{ height: 140vw; padding-top: 0; }
	.pc_first_banner h1{ width: 90%; font-size: 40px; line-height: 42px;  }
	.pc_first_banner .text{ width: 90%; }



/* ----------------- */
}
/* Fine schermi piccoli */