#page_content { margin-top: 0; margin-bottom: 0; }

#page_content.loaded::before {opacity: 0;}
#page_content.after_loaded::before {display: none;}

#page_content::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff url(../img/loader_2.gif) center 300px no-repeat;
    content: '';
    display: block;
    z-index: 100;
    transition: all ease 0.8s;
}

.banner_home {
	margin-bottom: 35px;
	display: block;
	float: left;
	position: relative;
	text-align: center;
	color: #000;
	overflow: hidden;
    height: 365px;
}
	.banner_home.text_white { color: #FFF; }

	.banner_home::before {
		content: '';
		width: 5000px;
		height: 5000px;
		margin: -2500px 0 0 -2500px;
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 5;
	    -ms-transform-origin: 50% 50%;
	        transform-origin: 50% 50%; 
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg); 
        opacity: 0; 
		background-image: -webkit-gradient(left top, left bottom, color-stop(0%,rgba(255,255,255,1)),color-stop(75%,rgba(255,255,255,1)),color-stop(75%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,.3))),-webkit-gradient(left top, right top, color-stop(0%,rgba(255,255,255,1)),color-stop(75%,rgba(255,255,255,1)),color-stop(75%,rgba(255,255,255,.3)),color-stop(100%,rgba(255,255,255,.3)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,.3) 75%,rgba(255,255,255,.3) 100%),-webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,.3) 75%,rgba(255,255,255,.3) 100%);
		background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,.3) 75%,rgba(255,255,255,.3) 100%),-moz-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,.3) 75%,rgba(255,255,255,.3) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,.3) 75%,rgba(255,255,255,.3) 100%),-ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,.3) 75%,rgba(255,255,255,.3) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,.3) 75%,rgba(255,255,255,.3) 100%),-o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,.3) 75%,rgba(255,255,255,.3) 100%);
		background-image: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,.3) 75%,rgba(255,255,255,.3) 100%),linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,.3) 75%,rgba(255,255,255,.3) 100%);
		background-size: 20px 20px;
	    -ms-transition: opacity .5s;
        transition: opacity .5s; 
	} 

	.banner_home:hover
	,.banner_home.text_white:hover{color: #000;}

		.banner_home:hover::before {opacity: .7;}
     
        /* absolute perchè in realtà veine dopo #offerta_flash,
        l'ordine hmtl è dettato da esigenze del responsive */
    .banner_home.banner_3 {
        position: absolute;
        right: 0;
        top: 535px;
    }	
    
    .banner_home.banner_5 {float: right;}
    .banner_home.banner_1 {height: 500px;}

	
	.banner_home img { 
		display: block; 
		position: relative; 
		z-index: 2; 
	}

	.banner_home .banner_title {
		width: 100%;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translate(0,-50%); 
		z-index: 10;
	} 

		.no-csstransforms .banner_home .banner_title { margin-top: -30px; }

		.banner_home .banner_title .main_title 
		,.banner_home .banner_title .sec_title{
			line-height: 1.2;
			margin: 0;
			font-weight: normal;
			text-transform: uppercase;
		}

		.banner_home .banner_title .main_title{
			font-size: 30px;
			letter-spacing: .25em;			
		}

		.banner_home .banner_title .sec_title{
			line-height: 1.5;
			font-size: 13px;
			letter-spacing: .2em;
		}
		.banner_home .banner_title .button{
			padding: 8px 15px;
			display: inline-block;
			border: 1px solid #000;
			font-size: 11px;
			text-transform: uppercase;
		}


	#offerta_flash {
		width: 100%;
		min-height: 39px;
		margin-top: 60px;
	    margin-bottom: -35px;
	    position: relative;
		clear: both;
		float: left;
	    text-align: center; 
	    background-color: #FFF;
	    border-top: 1px solid #000;
	}

		#offerta_flash .of_title{
			width: 600px;
			height: auto;
			margin-left: -300px;
			position: absolute;
			top: -25px;
			left: 50%;
		}
		#offerta_flash .section_title_generic {
			line-height: 1.2;
			margin: -15px 0 0 0;
			padding: 0 40px;
			display: inline-block;
			position: relative;
			font-size: 38px;
			font-weight: normal;
			text-transform: uppercase;
			letter-spacing: .25em;
			background: #FFF;
		}

		#offerta_flash .section_title_2_generic {
			line-height: 1.5;
			margin: 0;
			position: relative;
			font-size: 13px;
			font-weight: normal;
			text-transform: uppercase;
			letter-spacing: .2em;
			color: #AFA376;
		}

		/* Gallery Offerta Flash */
		.of_gallery{
			width: 1200px;
			height: auto;
			min-height: 385px;
			margin-top: 60px;
			position: relative;
		}
			.of_gallery .ofg_slide_window{
				width: 950px;
				height: 385px;
				margin: 0 auto;
				overflow: hidden;
			}
			.ofgw_slide{
				width: auto;
				height: 320px;
				position: relative;
			}
			#linkPrev, #linkNext{
				width: 20px;
				height: 35px;
				display: block;
				position: absolute;
				top: 137px;
				left: 0;
				background: url(/img/bg_ico_offerta_flash_slide.svg) no-repeat left center;
				background-size: 40px;
				cursor: pointer;
			}
			#linkPrev.active, #linkNext.active{ opacity: 1; }
			#linkPrev.disable, #linkNext.disable{ opacity: 0.2; cursor: default; }
			#linkNext{ left: auto; right: 0; background-position: right center }




@media (orientation: portrait) and (max-width: 599px),(orientation: landscape) and (max-width: 768px) {
	
	#page_content { padding: 0; margin-top: 0; }
    #page_content::before {background-position: center 100px;}
	
    	.banner_home { box-sizing: border-box; padding: 2px 4px; margin-bottom: 0; }
		
            /* torna nel flusso normale, era spostato (v. sopra) */
        .banner_home.banner_3 {
            position: relative;
            top: 0;
        }

            /* sono adiacenti */
        .banner_home.banner_4 {padding-left: 2px; width: 50%;}
        
        .banner_home, .banner_home.banner_1 {height: auto;}

        #offerta_flash { 
            width: 100%; 
            background-image: url(/img/ico_clock_000000.svg);
        }

			.main_content.generic .banner_home img
			{
				width: 100%;
				/*
				height: 100%;
				display: block;
				position: absolute;
				top: 0;
				left: 50%;
				-webkit-transform: translate(-50%,0);
				   -moz-transform: translate(-50%,0);
				    -ms-transform: translate(-50%,0);
				     -o-transform: translate(-50%,0);
				        transform: translate(-50%,0); */
			}

			.banner_home .banner_title .main_title {
				line-height: 1.2;
				padding: 0 15px;
				font-size: 18px;
			}
				.banner_home .banner_title .main_title br { display: none; }

			.banner_home .banner_title .sec_title {
				line-height: 1.2;
				font-size: 11px;
			}

			#offerta_flash .section_title_generic { font-size: 23px; }
			#offerta_flash .section_title_2_generic { font-size: 11px; }

			#offerta_flash .btn { letter-spacing: .2em; }


}