main { padding-bottom: 0; background: none; }


#intestazione { background: #DDEDE9; }


/* BANNERS SLIDESHOW */

#homebanner_container:after {
	content: '';
	width: 100vw;
	height: 50%;
	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); 
	background: #DDEDE9;
}

#homebanner { padding-top: 40.97% /* 40.92 * 76.2 / 100 */; z-index: 10; }

	#homebanner li > a { 
		height: 100%;
		display: block; 
		position: relative; 
	}
	#homebanner li .banner_claim {
		width: 29.51%;
		height: 100%;
		padding: 65px 40px;
		-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;
		top: 0px;
		right: 0;
		z-index: 10;
		color: #FFF;
		background: #008571 url(/immagini_layout/bg_shape.svg) 72px 18px no-repeat;
	}
        
        /*per abbattimento sfondo */
    #homebanner li .banner_claim > * {position: relative; z-index: 2;}

        /* abbattimento sfondo */
    #homebanner li .banner_claim:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        background: #008571;
        opacity: 0.8;
    }

		#homebanner li .banner_claim .banner_title {
			line-height: 1.2;
			margin: 0 0 15px 0;
			font-size: 30px;
			font-weight: normal;
            font-style: italic;
		}

		#homebanner li .banner_claim .banner_text {
			margin: 0 0 20px 0;
			font-size: 16px;
            line-height: 1.5;
            font-style: italic;
		}

		#homebanner li .banner_claim .btn { 
			width: 215px;
			position: absolute;
			left: 40px;
			bottom: 65px;
			color: #008571;
		}


	#homebanner li .banner_img {
		width: 70.49%;
		height: 100%;
		margin: 0;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		overflow: hidden;
	}

		#homebanner li .banner_img img {
			height: 100%;
			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); 
		}



#homebanner_container .bullet_container {
	padding: 20px;
	z-index: 15;
}

	#homebanner_container .bullet_container .bullet {
		width: 6px;
		height: 6px;
		border: 1px solid #00a3a6;
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
		    -ms-border-radius: 50%;
		     -o-border-radius: 50%;
		        border-radius: 50%; 
	}
	
		.no-touch #homebanner_container .bullet_container .bullet:hover 
		,#homebanner_container .bullet_container .bullet.attivo 
		{ 
			background: #00a3a6;
		}



/* PRODOTTI IN VETRINA */
#push_products_stripe { 
	padding: 60px 10px 0 10px; 
	margin-bottom: 60px;
	overflow: hidden;
}
	#push_products_stripe .stripe_main_title { margin-bottom: 18px; color: #00a3a6; }
	#push_products_stripe #contenuto { margin-top: 0; }


#side_menu { margin-top: 0;}
	#side_menu:after {
		content: '';
		width: 100%;
		height: 10000px;
		position: absolute;
		top: 100%;
		left: 0;
		background: #f4f4f4;
	}

		#side_menu .section + .section { display: none; }

		#side_menu .section_title {
			padding-bottom: 8px;
			margin-bottom: 8px;
			border: none;
		}
		



/* BRANDS */

#brands_stripe {
	padding: 60px 2%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box; 
	background: #ddede9;
}

	#brands_stripe .stripe_main_title { color: #00a3a6; }

	#brands_list { 
		margin-top: 38px; 
		text-align: center;
	}
		#brands_list li { 
			width: 16%;
			max-width: 238px;
			display: inline-block;
			border: 1px solid transparent;
			-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: relative;  
			background: #FFF;
		}
			
			#brands_list li a {
				padding-top: 84.03%;
				margin: 0;
				display: block;
				position: relative;
				-webkit-transition: opacity .5s;
				   -moz-transition: opacity .5s;
				    -ms-transition: opacity .5s;
				     -o-transition: opacity .5s;
				        transition: opacity .5s; 
			}
				#brands_list li a:hover {
					opacity: .5;
				} 

				#brands_list li img { 
					max-width: 70%;
					position: absolute;
					top: 50%;
					left: 50%;
					-webkit-transform: translate(-50%,-50%);
					   -moz-transform: translate(-50%,-50%);
					    -ms-transform: translate(-50%,-50%);
					     -o-transform: translate(-50%,-50%);
					        transform: translate(-50%,-50%); 
				}


@media only screen and (max-width: 1279px){
	
	#homebanner li .banner_claim { padding: 30px 25px; }
	#homebanner li .banner_claim .btn {
		max-width: 100%;
		left: 25px;
		bottom: 30px;
	}
}

@media only screen and (max-width: 1024px){
	#brands_list li { width: 22%; }

		#homebanner li .banner_claim { padding: 15px; }
			#homebanner li .banner_claim .banner_title { font-size: 24px; }
			#homebanner li .banner_claim .btn {
				width:  auto;
				left: 15px;
				right: 15px;
				bottom: 15px;
			}


		/*
	#homebanner {
		padding-top: 44.12%;
	}

		#homebanner li {
			padding-top: 44.12%;

		}


		#homebanner li .banner_img { width: 100%; }

		#homebanner li .banner_img {
			width: auto;
			margin-right: 300px;
			position: relative;
		}
			#homebanner li .banner_img img {
				left: 0;
				-webkit-transform: translate(0,0);
				   -moz-transform: translate(0,0);
				    -ms-transform: translate(0,0);
				     -o-transform: translate(0,0);
				        transform: translate(0,0); 
			}*/

}


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

	#homebanner{ 
		height: 0;
		padding-top: 61.2%;
	}
		#homebanner li .banner_claim { 
			width: 100%;
			height: 100%;
			background: none;
		}
			#homebanner li .banner_claim .banner_title { display: none; }
			#homebanner li .banner_claim .btn { display: none; }

		#homebanner li .banner_img {
			width: 100%; 
			position: absolute;
		}
		/*
			#homebanner li .banner_img img {
				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); 
			}
		*/

	#brands_list li { width: 32%; }
}

@media only screen and (max-width: 679px){
	#brands_list li { width: 48%; }
}


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

	#brands_list li { width: 99%; }

}