#contenitore:before {
	width: 610px;
	height: 30000px;
	top: -1000px;
	left: 50%;
	-webkit-transform:rotate(37deg);
	   -moz-transform:rotate(37deg);
	    -ms-transform:rotate(37deg);
	     -o-transform:rotate(37deg);
	        transform:rotate(37deg); 
	transform-origin: 0 1478px;
}

.main_banner img { float: left; position: relative; z-index: 1; }
.main_banner:before {
	content: '';
	width: 610px;
	height: 300%;
	margin-left: 3px;
	display: block;
	position: absolute;
	top: -50%;
	left: 50%;
	z-index: 10;
	-webkit-transform: rotate(37deg);
	   -moz-transform: rotate(37deg);
	    -ms-transform: rotate(37deg);
	     -o-transform: rotate(37deg);
	        transform: rotate(37deg); 
	background: #FFFFFF;
}

main > article { padding-top: 167px; position: relative; z-index: 10; }

#process_list {
	padding-top: 125px;
	position: relative;
}
	#process_list:before {
		content: url(/immagini_layout/arrow_down.svg);
		margin-left: -5px;
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
	} 
	
	#process_list li { position: relative; }

		#process_list li .section_title { width: 50%; }

	.step_1 { margin-bottom: 35px; }
	.step_2 { margin-bottom: 126px; }
	.step_3 { margin-bottom: 50px; }
		.step_1 h2 { margin: 0; position: absolute; top: 8px; left: 50%;}
		.step_2 h2 { margin: 0; position: relative; top: 6px; left: 50%; }
		.step_3 h2 
		,.step_4 h2 { 
			width: 50%; 
			margin: 0;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			    -ms-box-sizing: border-box;
			     -o-box-sizing: border-box;
			        box-sizing: border-box; 
			float: left; 
			text-align: right; 
		}
			.step_3 h2 { margin-bottom: 22px;}

		.step_2 img { display: block; position: absolute; top: 0; right: 50%; }
		.step_3 h4 { margin: 0; position: absolute; top: 0; right: 0;}

		.step_1 p 
		,.step_3 p 
		{
			width: 50%;
			padding-right: 20px;
			margin: 0;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			    -ms-box-sizing: border-box;
			     -o-box-sizing: border-box;
			        box-sizing: border-box; 
			text-align: right;
			clear: both;
		}

		.step_4 p {
			padding-top: 23px;
			margin: 0 0 0 20px;
			float: left;
		}


.riepilogo {
	padding-top: 76px;
	text-align: center;
}
	
	.riepilogo li {
		min-width: 85px;
		padding-top: 103px;
		display: inline-block;
		vertical-align: top;
		position: relative;
		font-size: 16px;
		font-weight: bold;
		text-transform: uppercase;
		background-repeat: no-repeat;
		background-position: left 50% bottom 33px;
	}

		.riepilogo li.progettazione { background-image: url(/immagini_layout/ico_progettazione.svg);}
		.riepilogo li.foratura { background-image: url(/immagini_layout/ico_foratura.svg);}
		.riepilogo li.verniciatura { background-image: url(/immagini_layout/ico_verniciatura.svg);}
		.riepilogo li.trasporto { background-image: url(/immagini_layout/ico_trasporto.svg);}
		.riepilogo li.montaggio { background-image: url(/immagini_layout/ico_montaggio.svg);}

		.riepilogo li + li { margin-left: 100px;}

		.riepilogo li + li:before {
			content: '';
			width: 25px;
			height: 25px;
			border-top: 1px solid #1D1D1B;
			border-right: 1px solid #1D1D1B;
			display: block;
			position: absolute;
			bottom: 23px;
			left: -70px;
			-webkit-transform: rotate(45deg);
			   -moz-transform: rotate(45deg);
			    -ms-transform: rotate(45deg);
			     -o-transform: rotate(45deg);
			        transform: rotate(45deg); 
		}



@media only screen and (max-width: 980px){
	
	.riepilogo li { font-size: 13px; }
	.riepilogo li + li { margin-left: 60px; }
		.riepilogo li + li:before {
			width: 15px;
			height: 15px;
			left: -38px;
		}

}


@media only screen and (max-width: 850px){
	#contenitore .main_banner:before { display: block; }
}


@media only screen and (max-width: 750px){
	
	#process_list li .section_title { width: auto; position: static; text-align: left; }

		.step_1 p
		,.step_3 p
		,.step_4 p
		{
			width: auto;
			margin: 1em;
			padding: 0;
			text-align: left;
		}
			.step_1 p br
			,.step_3 p br
			,.step_4 p br
			{
				display: none;
			}

	.step_2 { margin-bottom: 35px; }
		.step_2 img { max-width: 100%; position: static; }

	.step_3 h4.corner_text.r { padding-left: 1em; position: static; text-align: left; }

	.step_3 h2, .step_4 h2 { float: none; }

	.riepilogo li { display: block; }
		.riepilogo li + li { margin-left: 0; margin-top: 60px; }
		.riepilogo li + li:before {
			left: 50%;
			bottom: auto;
			top: -35px;
			-webkit-transform: translate(-50%,0) rotate(135deg);
			   -moz-transform: translate(-50%,0) rotate(135deg);
			    -ms-transform: translate(-50%,0) rotate(135deg);
			     -o-transform: translate(-50%,0) rotate(135deg);
			        transform: translate(-50%,0) rotate(135deg); 
		}

}

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

	#contenitore .main_banner:before { display: none; }
}