#contenitore:before {
	width: 564px;
	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: 564px;
	height: 300%;
	margin-left: 5px;
	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;
}

.realizzazioni.all main { padding-bottom: 0; }
main > article { padding-top: 110px; position: relative; z-index: 10; }

	main > article > .corner_text {
		position: absolute;
		left: 0;
		top: 784px;
	}

	.main_title { margin: 0 0 0 50%;}
	.main_text { padding: 20px 15px; margin: 0 0 0 50%; background: #FFFFFF; }


#realizzazioni_list {
	padding-top: 190px;
	position: relative;
}
	
	#realizzazioni_list:before {
		content: url(/immagini_layout/arrow_down.svg);
		margin-left: 10px;
		display: block;
		position: absolute;
		top: 60px;
		left: 50%;
	} 

	#realizzazioni_list li {
		margin-bottom: 77px; 
		position: relative; 
	}
		#realizzazioni_list li:nth-child(odd):last-child { margin-bottom: 53px; }
		#realizzazioni_list li:nth-child(1):last-child 
		,#realizzazioni_list li:nth-child(even):last-child 
		{ margin-bottom: 205px; }
		
		#realizzazioni_list li:before {
			content: url(/immagini_layout/arrow_down.svg);
			display: block;
			position: absolute;
			bottom: -40px;
		}
			#realizzazioni_list li:nth-child(odd):before { margin-right: 10px; right: 50%; }
			#realizzazioni_list li:nth-child(even):before { margin-left: 10px; left: 50%; }
			#realizzazioni_list li:last-child:before { display: none; }

		#realizzazioni_list li h2 { 
			margin: 5px 0 0 0; 
			position: absolute; 
			top: 50%;
			-webkit-transform: translate(0,-50%);
			   -moz-transform: translate(0,-50%);
			    -ms-transform: translate(0,-50%);
			     -o-transform: translate(0,-50%);
			        transform: translate(0,-50%); 
		}
		#realizzazioni_list li:nth-child(odd) h2 { left: 50%; }
		#realizzazioni_list li:nth-child(even) h2 { right: 50%; text-align: right; }

		#realizzazioni_list li figure { max-width: 50%; height: 520px; margin: 0; overflow: hidden;}
			#realizzazioni_list li figure img { display: block; }
		#realizzazioni_list li p { 
			width: 100%; 
			max-width: 293px; 
			padding: 0 0 20px 0;
			margin: 0;
			border-bottom: 1px solid #1D1D1B; 
			position: absolute; 
			bottom: 50%;
		}
		#realizzazioni_list li .btn { 
			padding: 4px 53px 4px 0; 
			margin-top: 12px;
			position: absolute;
			top: 50%;
			background-color: transparent; background-position: 100% 50%; 
		}
			#realizzazioni_list li .btn:hover { color: #999999;}

		#realizzazioni_list li:nth-child(odd) figure { float: right; }
		#realizzazioni_list li:nth-child(even) figure { float: left; }
		#realizzazioni_list li:nth-child(odd) p 
		,#realizzazioni_list li:nth-child(odd) .btn
		{ margin-right: 40px; right: 50%; text-align: right; }
		#realizzazioni_list li:nth-child(even) p
		,#realizzazioni_list li:nth-child(even) .btn 
		{ margin-left: 40px; left: 50%; }


	.realizzazioni_nav {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 15;
	}
		.realizzazioni_nav a {
			width: 20px;
			height: 20px;
			line-height: 20px;
			padding: 7px;
			margin: 0 2px;
			display: block;
			float: left;
			color: #FFFFFF;
			background: #1D1D1B
		}


	.realizzazioni.dettaglio .main_text { min-height: 176px; }

	#gallery_list {
		width: 110%;
		width: calc(100% + 16px);
		padding-top: 110px;
	}

		#gallery_list li { 
			width: 31%;
			width: calc(33.33% - 16px);
			max-width: 316px;
			margin: 0 16px 16px 0;
			float: left;
			position: relative;
		}

			#gallery_list li a { width: 100%; display: block; background: #FFFFFF; }

				#gallery_list li img {
					width: 100%; 
					display: block;
				}
					.no-touch #gallery_list li img {
						-webkit-transition: opacity .5s;
						   -moz-transition: opacity .5s;
						    -ms-transition: opacity .5s;
						     -o-transition: opacity .5s;
						        transition: opacity .5s; 						
					}
					.no-touch #gallery_list li a:hover img {
						-webkit-opacity: .6;
						   -moz-opacity: .6;
						    -ms-opacity: .6;
						     -o-opacity: .6;
						        opacity: .6; 
					}

				

				#gallery_list li a .caption {
					width: 90%;
					padding: 5px;
					display: block;
					-webkit-box-sizing: border-box;
					   -moz-box-sizing: border-box;
					    -ms-box-sizing: border-box;
					     -o-box-sizing: border-box;
					        box-sizing: border-box; 
					position: absolute;
					left: 50%;
					top: 50%;
					text-align: center;
					background-color: #fcea0d;
					-webkit-transform: translate(-50%,-50%);
					   -moz-transform: translate(-50%,-50%);
					    -ms-transform: translate(-50%,-50%);
					     -o-transform: translate(-50%,-50%);
					        transform: translate(-50%,-50%); 
					-webkit-box-decoration-break: clone;
					   -moz-box-decoration-break: clone;
					    -ms-box-decoration-break: clone;
					     -o-box-decoration-break: clone;
					        box-decoration-break: clone; 
					-webkit-opacity: 0;
					   -moz-opacity: 0;
					    -ms-opacity: 0;
					     -o-opacity: 0;
					        opacity: 0; 
    			}
    				.no-touch #gallery_list li a .caption {
						-webkit-transition: opacity .5s;
						   -moz-transition: opacity .5s;
						    -ms-transition: opacity .5s;
						     -o-transition: opacity .5s;
						        transition: opacity .5s;     					
    				}
    				.no-touch #gallery_list li a:hover .caption {
    					text-decoration: none;
    					-webkit-opacity: 1;
    					   -moz-opacity: 1;
    					    -ms-opacity: 1;
    					     -o-opacity: 1;
    					        opacity: 1; 
    				}
				

				#gallery_list li a .zoom {
					line-height: 15px;
					display: block;
					position: absolute;
					right: 0;
					bottom: 0;
					padding: 5px;
					color: #FFFFFF;
					background: #1D1D1B;
				}


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

	main > article > .corner_text { top: 72px;}
	main > article > .corner_text > span {
	    background-color: #FFFFFF;
	    outline: 10px solid #FFFFFF;
	}

}


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

	.main_title { margin-left: 0;}
	.main_text { margin: 15px 0 30px 0; float: left;}

	main > article > .corner_text { position: static; clear: both; }
		main > article > .corner_text span { background: none; outline: none; }

	#realizzazioni_list li { margin-bottom: 180px;}
		#realizzazioni_list li:last-child { margin-bottom: 80px !important; }
		#realizzazioni_list li:before { bottom: -140px; }

		#realizzazioni_list li h2 {
			position: static;
			-webkit-transform: translate(0,0);
			   -moz-transform: translate(0,0);
			    -ms-transform: translate(0,0);
			     -o-transform: translate(0,0);
			        transform: translate(0,0); 
		}

		#realizzazioni_list li:nth-child(2n) h2 {
			text-align: left;
		}

		#realizzazioni_list li:nth-child(2n) figure
		,#realizzazioni_list li:nth-child(2n+1) figure
		{
			width: auto;
			max-width: 100%;
			height: auto;
			float: none;
		}

			#realizzazioni_list li figure img { max-width: 100%;}
				#realizzazioni_list li figure img + img { display: none; }

		#realizzazioni_list li:nth-child(2n) p
		,#realizzazioni_list li:nth-child(2n) .btn 
		,#realizzazioni_list li:nth-child(2n+1) p
		,#realizzazioni_list li:nth-child(2n+1) .btn 
		{
			width: auto;
			position: static;
			margin: 1em;
			text-align: left;
		}

	#gallery_list {
		width: 100%;
		padding-top: 0;
		clear: both;
	}
		#gallery_list li { width: 48.5%; margin-right: 0; margin-bottom: 3%; }
			#gallery_list li:nth-child(2n) { float: right; }

}


@media only screen and (max-width: 400px){
	.main_text br { display: none; }
	#gallery_list li { width: 100%; max-width: 100%; float: none !important; margin-bottom: 3%; }

		#gallery_list li a .caption {
			width: 100%;
			position: static;
			-webkit-transform: translate(0,0);
			   -moz-transform: translate(0,0);
			    -ms-transform: translate(0,0);
			     -o-transform: translate(0,0);
			        transform: translate(0,0); 
			-webkit-opacity: 1;
			   -moz-opacity: 1;
			    -ms-opacity: 1;
			     -o-opacity: 1;
			        opacity: 1; 
		}

		#gallery_list li a .zoom {
			bottom: auto;
			top: 0;
		}

}