/**
	OUTDOOR
========================================================================================== 
**/

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number]{ -moz-appearance: textfield; }


#contenitore:before{
	width: 515px;
	height: 30000px;
	top: -1000px;
	left: 50%;
	transform:rotate(-37deg); 
	transform-origin: 0 2170px;
}
#contenitore{ background: url(/immagini_content/outdoor/bg_outdoor.png) repeat-x; }

	/* Banner slide */
	.main_banner #banner_slide{ float: right; position: relative; z-index: 1; }
		.main_banner img{ position: relative; }

.main_banner:before{
	content: '';
	width: 515px;
	height: 300%;
	margin-right: -125px;
	display: block;
	position: absolute;
	top: -50%;
	right: 50%;
	z-index: 10;
	transform: rotate(-37deg); 
	background: #FFFFFF;
}

main > article{ position: relative; z-index: 10; }
main{ padding-bottom: 0; }

.section_1{ padding-top: 78px; position: relative; font-weight: 400; margin-bottom: 180px; }

/* Tavoli */
.section_2{
	width: 100%;
	height: 525px;
	margin: 40px 0 0 0;
	position: relative;
	font-weight: 400;
}

	.section_2 img{
		margin-right: 45px;
		display: block;
		float: left;
		position: relative;
	}
	.section_2 h2{
		margin: 0;
		padding: 0 140px 0 10px;
		position: relative;
		display: inline-block;
		font-size: 25px;
		font-weight: 900;
		text-transform: uppercase;
		color: #1D1D1B;
		background: #FBE90D;
	}
	.section_2 .text{
		width: 455px;
		height: auto;
		overflow: hidden;
		float: left;
		position: relative;
	}
	.section_2 p{
			margin: 0 0 25px 10px;
			float: left;
			position: relative;
			font-size: 15px;
		}
		.section_2 p:nth-of-type(1){ margin: 25px 0 25px 10px; font-size: 18px; }


/* Sedie */
.section_3{
	width: 100%;
	height: auto;
	margin: 130px 0 0 0;
	position: relative;
	font-weight: 400;
}
	.section_3 .text{
		width: 460px;
		height: auto;
		overflow: hidden;
		float: left;
	}
	.section_3 h2{
		margin: 0;
		padding: 0 140px 0 10px;
		position: relative;
		display: inline-block;
		font-size: 25px;
		font-weight: 900;
		text-transform: uppercase;
		color: #1D1D1B;
		background: #FBE90D;
	}
	.section_3 p{
			margin: 0 0 25px 10px;
			float: left;
			position: relative;
			font-size: 15px;
		}
		.section_3 p:nth-of-type(1){ margin: 25px 0 25px 10px; font-size: 18px; }
	.section_3 img{ margin: 140px 0 0 0; }

.section_3_bottom{
	width: 100%;
	height: 205px;
	margin-top: -205px;
	background: #FFF;
	position: relative;
}


/* Panchina */
.section_4{
	width: 100%;
	height: auto;
	margin: 40px 0 60px 0;
	overflow: hidden;
	position: relative;
	font-weight: 400;
}
	.section_4 .text{
		width: 460px;
		height: auto;
		overflow: hidden;
		float: right;
	}
	.section_4 h2{
		margin: 0;
		padding: 0 140px 0 10px;
		position: relative;
		display: inline-block;
		font-size: 25px;
		font-weight: 900;
		text-transform: uppercase;
		color: #1D1D1B;
		background: #FBE90D;
	}
	.section_4 p{
			margin: 0 0 25px 10px;
			float: left;
			position: relative;
			font-size: 15px;
		}
		.section_4 p:nth-of-type(1){ margin: 25px 0 25px 10px; font-size: 18px; text-transform: uppercase; }
	.section_4 img{ margin: 0; bottom: 30px; position: absolute; }


/* Box scelta prodotti
------------------------------------------------------------------------------------------ */
.choices_box{
	width: 100%;
	height: auto;
	padding-top: 38px;
	overflow: hidden;
	background: #FFF;
	font-weight: 400;
	text-align: center;
	color: #1D1D1B;
}
	.choices_box h4:nth-of-type(1){ margin: 0 0 24px 0; font-size: 15px; font-weight: 900; }
	.choices_box p:nth-of-type(1){ margin: 0 0 25px 0; font-size: 15px; line-height: 18px; }
		.choices_box p:nth-of-type(1) strong{ font-weight: 700; }

	/* Lista disegni (orizzontale) */
	.design_list{
		width: 980px;
		height: 150px;
		margin: 0 auto;
		padding: 0;
		list-style-type: none;
		display: flex;
		justify-content: space-between;
	}
		.design_list li{
			width: 150px;
			height: 150px;
			display: block;
		}

	.color_title{
		margin: 40px 0 0 0;
		line-height: 16px;
		font-size: 15px;
		font-weight: 900;
	}
		.color_title + span{ font-size: 15px; }
	.color_list{
		width: 560px;
		height: auto;
		margin: 20px auto 0 auto;
		padding: 0;
		overflow: hidden;
		list-style-type: none;
		display: flex;
		justify-content: space-between;
	}
		.color_list li{
			width: 60px;
			line-height: 16px;
			font-size: 14px;
		}
			.color_list li strong{ font-weight: 900; }
			.color_list li:before{
				content: ' ';
				width: 60px;
				height: 60px;
				margin-bottom: 10px;
				display: block;
				position: relative;
				box-sizing: border-box;
				border-radius: 30px;
			}
				.color_list li:nth-of-type(1):before{ background-color: #FFF; border: 1px solid #1D1D1B; }
				.color_list li:nth-of-type(2):before{ background-color: #766a5c; }
				.color_list li:nth-of-type(3):before{ background-color: #5A89B4; }
				.color_list li:nth-of-type(4):before{ background-color: #F9DB3F; }
				.color_list li:nth-of-type(5):before{ background-color: #4A762E; }

	/* Bottone download */
	.download{
		width: 980px;
		height: auto;
		padding: 40px 0;
		margin: 50px auto 0 auto;
		overflow: hidden;
		border-top: 1px solid #1D1D1B;
		border-bottom: 1px solid #1D1D1B;
	}
		.download h6{
			margin: 0;
			font-size: 18px;
			font-weight: 400;
		}
		.download a{
			padding: 5px 55px 5px 20px;
			margin-top: 15px;
			display: inline-block;
			font-size: 14px;
			font-weight: 900;
			text-transform: uppercase;
			color: #FFF;
			background: #1D1D1B url(/immagini_layout/arrow_right_FFFFFF.svg) no-repeat right 15px center;
		}
			.download a:hover{ text-decoration: none; background-color: #C6C6C5; }

	.info_form{
		width: 100%;
		height: auto;
		padding-bottom: 1px;
		position: relative;
		border-top: 85px solid #FFF;
		background: #F5F5F5;
		text-align: center;
	}
		.info_form h3{
			height: 40px;
			padding: 0 60px;
			margin: 0 0 0 0;
			top: -20px;
			display: inline-block;
			position: relative;
			line-height: 40px;
			text-transform: uppercase;
			background: #FBE90D;
			color: #000;
		}
		.info_form h3 + p{
			margin: 0 0 0 0;
			font-size: 16px;
			font-weight: 300;
		}
			.info_form h3 + p strong{ font-weight: 700; }

		.info_form h6{
			margin: 50px 0 40px 0;
			font-size: 14px;
			font-weight: 400;
		}

		/* Box prodotti
		------------------------------------------------------------------------------------------ */
		.product_container{
			width: 840px;
			height: auto;
			margin: 0 auto;
			overflow: hidden;
		}
		.product_choice{
			width: 420px;
			height: auto;
			padding-left: 75px;
			overflow: hidden;
			position: relative;
			box-sizing: border-box;
			float: left;
		}
			.product_container > div:nth-of-type(1){ padding: 0 75px 0 0; border-right: 1px solid #D9D9D9; }

			.product_choice .pc_choice{
				width: 220px;
				height: auto;
				position: relative;
				float: left;
				font-size: 25px;
				font-weight: 900;
				text-transform: uppercase;
				text-align: left;
			}
			.product_choice input[type="checkbox"]{
				width: 15px;
				height: 15px;
				margin: -4px 8px 0 0;
				display: inline-block;
				-webkit-appearance: checkbox;
				appearance: checkbox;
			}
			.product_choice h6{
				width: 100%;
				margin: 25px 0 10px 0;
				float: left;
				font-size: 14px;
				text-align: left;
			}
				.product_choice h6:nth-of-type(2){ margin-top: 10px; }

		.product_choice .pc_quantity{
			width: 100px;
			height: 40px;
			box-sizing: border-box;
			position: relative;
			float: right;
			border: 1px solid #B3B3B3;
		}
			.product_choice .pc_quantity input{
				width: 60%;
				height: 100%;
				float: left;
				position: relative;
				border: 0;
				border-right: 1px solid #B3B3B3;
			}
			.product_choice .pc_quantity .more, .product_choice .pc_quantity .less{
				width: 40%;
				height: 50%;
				position: relative;
				display: inline-block;
				float: left;
				box-sizing: border-box;
				border-bottom: 1px solid #B3B3B3;
				background: #FFF url(/immagini_content/outdoor/bg_more_less.svg) no-repeat center top;
				background-size: auto 40px;
				cursor: pointer;
			}
				.product_choice .pc_quantity .less{ border-bottom: 0; background-position: center bottom; }
				.product_choice .pc_quantity span:hover{ background-color: #CCC; }

		/* Lista disegni */
		.product_choice .design_list{
			width: 100%;
			height: 240px;
			flex-wrap: wrap;
		}
			.product_choice .design_list li{
				width: 105px;
				height: 105px;
				border: 2px solid #F5F5F5;
				cursor: pointer;
			}
				.product_choice .design_list li.active, .product_choice .design_list li:hover{ border: 2px solid #FF0000; }
				.product_choice .design_list li img{ width: 100%; height: 100%; }

		/* Lista colori */
		.product_choice .color_list{
			width: 100%;
		}
			.product_choice .color_list li{
				width: 40px;
				padding: 8px;
				font-size: 12px;
				border: 2px solid #F5F5F5;
				cursor: pointer;
			}
				.product_choice .color_list li.active, .product_choice .color_list li:hover{ border: 2px solid #FF0000; }
				.product_choice .color_list li:before{
					width: 40px;
					height: 40px;
					border-radius: 20px;
					margin: 0 auto 10px auto;
				}

		/* Form vero e proprio */
		.if_form{
			width: 470px;
			height: auto;
			margin: 20px auto 70px auto;
			overflow: hidden;
			text-align: left;
		}
			.if_form *{ position: relative; }
			.if_form h4{
				margin: 0 0 25px 0;
				font-size: 14px;
				font-weight: 400;
				text-align: center;
			}

			.if_form fieldset{
				width: 100%;
				height: auto;
				margin: 0;
				padding: 0 3px;
				box-sizing: border-box;
				overflow: hidden;
			}
			.if_form .iff_input{
				width: 49%;
				height: 45px;
				margin-right: 2%;
				float: left;
			}
				.if_form .iff_input:nth-of-type(2n+0){ margin-right: 0; }
				.if_form .iff_input label{
					width: auto;
					position: absolute;
					left: 10px;
					bottom: 6px;
					font-size: 14px;
					font-weight: 400;
					color: #1D1D1B;
					z-index: 2;
					transition-duration: 0.4s;
				}
					.if_form .iff_input label.over{ left: 0px; bottom: 28px; font-size: 12px; font-weight: 700; }
				.if_form .iff_input input{
					width: 100%;
					position: absolute;
					left: 0;
					bottom: 0;
					font-size: 14px;
					border: 1px solid #D9D9D9;
					background: #FFF;
					z-index: 1;
				}
				.if_form .iff_input.request_input{ width: 100%; height: 95px; margin-right: 0; }

					.if_form .iff_input.request_input label{ bottom: 60px; }
					.if_form .iff_input.request_input label.over{ bottom: 81px; }
				.if_form .iff_input textarea{
					width: 100%;
					height: 85px;
					min-height: auto;
					position: absolute;
					left: 0;
					bottom: 0;
					border: 1px solid #D9D9D9;
					background: #FFF;
					z-index: 1;
				}

		.privacy{
			margin-top: 15px;
			float: left;
			font-size: 11px;
			font-weight: 400;
		}
		.privacy input[type="checkbox"]{
			width: 15px;
			height: 15px;
			margin: 1px 10px 0 0;
			float: left;
			-webkit-appearance: checkbox;
			appearance: checkbox;
		}
			.privacy a{ background: none; }
			.privacy .mandatory{ margin: 0 0 0 25px; }

		.if_form input[type='submit']{
			width: auto;
			padding: 5px 50px 5px 10px;
			margin: 15px 0 0 0;
			float: right;
			line-height: 16px;
			font-size: 14px;
			font-weight: 900;
			color: #FFF;
			text-align: left;
			background: #000 url(/immagini_layout/arrow_right_FFFFFF.svg) no-repeat right 10px center;
		}
			.if_form input[type='submit']:hover{ background-color: #C6C6C5; }


		/* Banner finale pagina */
		.bottom_page{
			width: 100%;
			height: 1000px;
			margin: 0;
			text-align: center;
			background: url(/immagini_content/outdoor/bottom_page.jpg) no-repeat center center;
		}

	.mail_sent_msg{ margin: 40px 0; font-size: 25px; }

.footer_stripe_1{ display: none; }



/* Ricerca rivenditori
------------------------------------------------------------------------------------------ */

#stores_section { 
	padding-top: 50px; 
	text-align: center;
}
	#stores_section h3 {
	    height: 40px;
	    padding: 0 60px;
	    margin: 0 0 0 0;
	    top: -20px;
	    display: inline-block;
	    position: relative;
	    line-height: 40px;
	    text-transform: uppercase;
	    background: #FBE90D;
	    color: #000;
	}

	#stores_section .search_form .label_select { 
		display: inline-block; 
		position: relative;
	}
		#stores_section .search_form .label_select:before {
			content: '';
			width: 3px;
			height: 3px;
			border: 3px solid #CCC;
			border-top-color: transparent;
			border-left-color: transparent;
			display: block;
			position: absolute;
			bottom: 13px;
			right: 10px;
			-webkit-transform: rotate(45deg);
			   -moz-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				 -o-transform: rotate(45deg);
					transform: rotate(45deg);
		}
		#stores_section .search_form .label_select select {
			margin-left: auto;
			margin-right: auto;
		}

	#stores_section .search_form .btn { margin: 8px auto 0 auto; }
	.js #stores_section .search_form .btn { display: none; }

	#stores_list { 
		margin-top: 50px; 
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
		#stores_list li {
			width: 20%;
			margin: 0 1.5% 25px 1.5%;
			display: inline-block;
			vertical-align: top;
			text-align: left;
			display: none;
		}
			#stores_list li.visible { display: inline-block; }

			#stores_list li a.map { background: none; } 
				#stores_list li a.map:before {
					content: '→';
					margin-right: 8px;
					vertical-align: top;
					bottom: 2px;
				} 


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

@media only screen and (min-width: 769px) and (max-width: 980px){

	.section_1 p:nth-of-type(1){ width: 100%; margin-top: 320px; float: none; }
}

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

#contenitore{ background: none; }

	.main_banner{ padding-top: 0; }
	
	.section_1 p{ width: 100%; margin-top: 310px; float: none; }
		.section_1 p br{ display: none; }
		.section_1 p:nth-of-type(2){ margin-top: 30px; }

	/* Tavoli */
	.section_2{
		width: 100%;
		height: auto;
		margin: 30px 0 0 0;
		overflow: hidden;
	}

		.section_2 img{ width: 80%; margin: 0 auto; float: none; }
		.section_2 h2{ margin: 20px 0; }
		.section_2 .text{ width: 100%; float: none; }
		.section_2 p{
			margin: 0 0 25px 10px;
			float: left;
			position: relative;
			font-size: 15px;
		}
			.section_2 p br{ display: none; }
			.section_2 p:nth-of-type(1){ margin: 25px 0 25px 10px; font-size: 18px; }

	/* Sedie */
	.section_3{
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 40px 0 0 0;
	}
		.section_3 .text{ width: 100%; float: none; }
		.section_3 p{ width: 100%; margin: 0 0 25px 0; float: none; }
		.section_3 img{ width: 100%; margin-top: 20px; }

	.section_3_bottom{
		width: 100%;
		height: 205px;
		margin-top: -205px;
		background: #FFF;
		position: relative;
	}


	/* Panchina */
	.section_4{
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 40px 0 0 0;
	}
		.section_4 h2{ padding: 0 10px; }
		.section_4 .text{ width: 100%; float: none; }
		.section_4 p{ width: 100%; margin: 0 0 25px 0; float: none; }
		.section_4 p:nth-of-type(1){ margin: 25px 0; }
		.section_4 img{ width: 100%; margin-top: 20px; position: relative; }



	/* Box scelta prodotti
	------------------------------------------------------------------------------------------ */
		/* Lista disegni (orizzontale) */
		.design_list{ width: 100%; height: auto; flex-wrap: wrap; }
			.design_list li{ width: 30%; height: auto; display: block; }
				.design_list li img{ width: 100%; }

		.color_list{
			width: 100%;
			height: auto;
		}
			.color_list li{
				width: 50px;
				line-height: 16px;
				font-size: 13px;
			}
				.color_list li strong{ font-weight: 900; }
				.color_list li:before{
					content: ' ';
					width: 40px;
					height: 40px;
					margin: 0 auto 10px auto;
					border-radius: 20px;
				}

		/* Bottone download */
		.download{ width: 100%; }

			.info_form{ padding: 0 5%; box-sizing: border-box; }
			.info_form h3{ padding: 0 30px; }
			.info_form h3 + p{ margin: 0 0 0 0; font-size: 16px; font-weight: 300; }
				.info_form h3 + p strong{ font-weight: 700; }

			.info_form h6{ margin: 50px 0 15px 0; font-size: 14px; font-weight: 400; }

			/* Box prodotti
			------------------------------------------------------------------------------------------ */
			.product_container{ width: 100%; }
			.product_choice{
				width: 100%;
				padding-left: 0;
				float: none;
				border-top: 1px solid #B3B3B3;
			}
				.product_container > div:nth-of-type(1){ padding: 30px 0 0 0; border-right: 0; }
				.product_container > div:nth-of-type(2){ margin-top: 30px; padding: 30px 0 20px 0; border-bottom: 1px solid #B3B3B3; }

				.product_choice .pc_choice{ width: auto; }

			/* Lista disegni */
			.product_choice .design_list{ width: 100%; height: auto; flex-wrap: wrap; }
				.product_choice .design_list li{
					width: 30%;
					height: auto;
					border: 2px solid #F5F5F5;
					cursor: pointer;
				}
					.product_choice .design_list li img{ width: 100%; height: auto; }

			/* Lista colori */
			.product_choice .color_list{ width: 100%; }

			/* Form vero e proprio */
			.if_form{ width: 100%; padding-bottom: 30px; margin-bottom: 0; }
				.if_form .iff_input{
					width: 100%;
					height: 55px;
					margin-right: 0;
					float: none;
				}
					.if_form .iff_input:nth-of-type(2n+0){ margin-right: 0; }
					.if_form .iff_input.request_input{ width: 100%; height:105px; margin-right: 0; }

				.privacy .mandatory{ margin: 0 0 0 35px; }

			.if_form input[type='submit']{
				margin: 70px auto 0 auto;
				float: none;
			}

			/* Banner finale pagina */
			.bottom_page{
				height: 135px;
				background-size: cover;
			}



}


@media only screen and (max-width: 768px){
	#stores_list li { width: 45%; }
}

/* Smartphone
------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 450px){
	.section_1 p{ width: 100%; margin-top: 120px; float: none; }
	#stores_list li { 
		width: 100%; 
		padding-bottom: 25px;
		margin-left: 0;
		margin-right: 0;
		text-align: center;
		border-bottom: 1px solid #DDD;
	}

	#stores_list li.visible { display: block; }

		#stores_list li a.map { 
			position: relative;
			right: 12px;
		}
}