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


/* Primo banner
------------------------------------------------------------------------------------------ */
.pc_first_banner{
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	background: #252b2b;
	background-size: cover;
	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: 56px;
		text-transform: uppercase;
		z-index: 2;
	}
	.pc_first_banner .text p{ margin: 0; }

/* Prima fascia
------------------------------------------------------------------------------------------ */
.content_1{ margin: 100px 0 -40px 0; z-index: 2; }
	.content_1 img{ width: 50%; height: auto; float: left; }
	.content_1 .text{ width: 50%; padding: 40px 0 0 8.5%; box-sizing: border-box; float: left; }
		.content_1 .text h2{ font-size: 40px; line-height: 42px; color: #00BA61; text-align: left; }
		.pc_first_banner .links a:nth-last-of-type(1)::before{ background-image: url(/img/icon_arrow_down.svg); }

/* Seconda fascia
------------------------------------------------------------------------------------------ */
.content_2{
	padding: 150px 0 100px 0;
	background: rgba(191, 202, 200, 0.5);
}
	.content_2 .center_container{ display: flex; justify-content: space-between; }
	.content_2 .center_container > div{ width: 30%; }
	.content_2 .center_container > div h3{ min-height: 90px; height: auto; overflow: hidden; font-size: 40px; line-height: 42px; text-align: left; }

/* Terza fascia
------------------------------------------------------------------------------------------ */
.content_3{ margin: 100px 0; z-index: 2; }
	.content_3 img{ width: 50%; height: auto; float: left; }
	.content_3 .text{
		width: 44%;
		margin-left: 6%;
		padding: 20px 0 0 0;
		box-sizing: border-box;
		overflow: hidden;
		float: left;
	}
		.content_3 .text h5{ margin-bottom: 10px; font-size: 25px; line-height: 28px; color: #00BA61; text-transform: uppercase; }
		.content_3 .text h2{ font-size: 40px; line-height: 42px; text-transform: uppercase; text-align: left; }

		.history_control{
			width: 44%;
			height: auto;
			overflow: hidden;
			float: right;
		}
			.history_prev, .history_next{
				width: 38px;
				height: 38px;
				display: block;
				float: left;
				border-radius: 50%;
				background: rgba(255, 255, 255, 0) url(/img/icon_arrow_black_left.svg) no-repeat center center;
				background-size: contain;
				transition-duration: 0.4s;
				cursor: pointer;
				outline: none;
			}
			.history_prev.swiper-button-disabled, .history_next.swiper-button-disabled{ opacity: 0.4; }
			.history_next{ left: 20px; background-image: url(/img/icon_arrow_black_right.svg); }
				.history_prev:hover, .history_next:hover{ background-color: rgba(255, 255, 255, 0.3); }
	
	.history_timeline{
		width: 100%;
		max-width: 1115px;
		height: 110px;
		margin: 60px auto;
		background: url(/img/azienda/bg_timeline.svg) no-repeat center center;
		background-size: contain;
	}
		.history_line{ width: 100%; height: 12px; top: 71px; }
			.history_line div, .history_line span{
				width: 12px;
				height: 12px;
				position: absolute;
				border-radius: 12px;
				display: inline-block;
				background: #2D2D2D;
				cursor: pointer;
				transition-duration: 0.4s;
			}
			div.h_event_0{ width: 11.3%; left: 9.2%; }
			div.h_event_1{ width: 15%; left: 38.4%; }
			div.h_event_2{ width: 12px; left: 64.15%; }
			div.h_event_3{ width: 12px; left: 69.5%; }
			div.h_event_4{ width: 12px; left: 72%; }
			div.h_event_5{ width: 12px; left: 76.6%; }
			div.h_event_6{ width: 12px; left: 79%; }
			div.h_event_7{ width: 12px; left: 82%; }
			div.h_event_8{ width: 12px; left: 84.5%; }
			div.h_event_9{ width: 12px; left: 87.35%; }
			.history_line span.section_active{ background: #00BA61; }


/* Schermi Intermedi
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
@media (max-width: 1024px){

.content_1{ margin-bottom: 40px;  }
.content_1 img{ width: 100%; margin-bottom: 20px; }
.content_1 .text{ width: 100%; padding: 0; }

.content_2{ padding: 60px 0; }
.content_2 .center_container{ flex-wrap: wrap; }
.content_2 .center_container > div{ width: 100%; }
.content_2 .center_container > div h3{ min-height: 42px; }

.content_3{ margin: 60px auto; }
.content_3 img{ display: none; }
.content_3 .text{ width: 100%; margin: 0; }
.history_control{ width: 100%; }
.history_line{ top: 64%; }

/* ----------------- */
}
/* Fine schermi Intermedi */


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

.history_line{ top: 58%; }

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



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

.pc_first_banner{ height: 140vw; padding-top: 0; background: #252b2b url(/img/azienda/foto-ieri-oggi-mobile.jpg) no-repeat center center; }
	.pc_first_banner h1{ width: 90%; font-size: 40px; line-height: 42px;  }

.history_timeline{ display: none; }


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