@mobile: ~"screen and (max-width: 999px)";
@desktop_little: ~"screen and (min-width: 1000px) and (max-width: 1263px)";
@desktop_medium: ~"screen and (min-width: 1264px) and (max-width: 1365px)";
@desktop_large: ~"screen and (min-width: 1366px)";


@font-face{
	src: url(../include/font/Poppins-Regular.ttf);
	font-family: "Poppins";
}

@font-face{
	font-family: "EcuyerDAX";
	src: url(../include/font/EcuyerDAX.ttf);
	src: url(../include/font/EcuyerR0902.woff) format('woff'), 
		 url(../include/font/EcuyerDAX.eot) format('embedded-opentype'),
		 url(../include/font/EcuyerDAX.ttf) format('truetype');
}

@font-face{
	src: url(../include/font/DancingScript-Regular.ttf);
	font-family: "DancingScript";
}

*{
	margin: 0;
	padding: 0;
	font-family: "EcuyerDAX";
	font-weight: 100 !important;
}
body{
	padding: 20px;
    background-color: #fff;
	font-size: 19px;
}

.clear{
	&-5{ height: 5px; clear: both;}
	&-10{ height: 10px; clear: both;}
	&-20{ height: 20px; clear: both;}
	&-30{ height: 30px; clear: both;}
	&-50{ height: 50px; clear: both;}
	&-100{ height: 100px; clear: both;}
	&-200{ height: 200px; clear: both;}
}

@media @mobile{
	.max_clear_mobile{
		clear: both;
		height: 50px !important;
	}
}

.padding{
	&5{padding: 5px;}
	&20{padding: 20px;}
	&40{padding: 40px;}
}


@media @mobile{
	.max_padding_mobile{
		padding: 20px;
	}
}

.underline{
	text-decoration: underline;
}
.gallery, .gallery_sponsor{
	width: calc(100% - 40px);
	margin: 0 auto;
	.table_gallery{
		display: table;
		float: left;
		margin: 20px;
		figure{
			//width: 600px;
			width: calc(100% - 40px) !important;
			height: 400px !important;
			@media @mobile{
				height: 200px !important;
			}
			position: relative;
			overflow: hidden;
			img{
				width: 100%;
				height: auto;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				transition: 400ms;
			}
		}
		p{
			font-style: italic;
		}
	}
}
.table{
	display: table;
	height: 100%;
	width: 100%;
	.wrap_content{
		display: table-cell;
		vertical-align: middle;
		position: relative;
	}
}

.block_back_img{
	background-position: center;
	background-size: cover;
	.wrap_text{
		width: 60%;
		min-width: 300px;
		margin: 0 auto;
		text-align: justify;
		line-height: 40px;
		font-size: 23px;
	}
}
.ercole_imgs{
	img{
		max-width: 400px;
		@media @mobile{
			max-width: 100%;
		}
	}
	.schedina{
		border: 1px solid rgba(34, 76, 32, 0.2);
		margin: 20px;
	}
	h3{
		font-size: 35px;
		text-align: center;
	}
}

.gambero_rosso{
	background-color: rgba(182, 0, 24, 0.1);
}
.ercole{
	background-color: rgba(34, 76, 32, 0.1);
}
@media @mobile{
	.line_sep_mobile{
		height: 5px;
		background-color: #b59900;
		margin: 20px 0;
	}
}
.more_info_wrap{
	display: none;
	width: 100%;
	position: relative;
	text-align: center;
	padding-top: 40px;
	.wrap_scheda{
		border: 1px solid rgba(182, 0, 24, 0.2);
		margin: 20px;
		@media @mobile{
			width: 90%;
		}
		h3{
			font-size: 35px;
			text-align: center;
		}
		.wrap_info_gambero{
			height: 600px;
			width: 375px;
			@media @mobile{
				height: auto;
				width: auto;
			}
		}
	}
	
	.bottiglia{
		height: 100%;
	}
	.close{
		color: red;
		position: absolute;
		top: -30px;
		right: 10px;
		font-size: 90px;
		cursor: pointer;
	}
}


@media @mobile{
	.cop_premi{
		background-image: url("../images/copertine/premi-mobile.jpg") !important;
	}
	.premi_generici{
		.flex:nth-child(odd){
			.line_bottom{
				margin-bottom: 20px;
			}
		}
		.flex:nth-child(even){
			.line_top{
				margin-top: 20px;
			}
		}
	}
}


.block_lr{
	width: 50%;
	min-width: 400px;
	max-width: 100%;
	position: relative;
	@media @mobile{
		width: 100%;
		min-width: 100%;
		height: auto !important;
	}
	.img_full_w{
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.text_lf{
		padding-right: 20px;
		@media @mobile{
			padding-right: 0;
		}
	}
	p{
		text-align: justify;
		line-height: 40px;
		font-size: 23px;
	}
	.text_cnt{
		text-align: center !important;
	}
	.line{
		max-width: 96px;
		height: 1px;
		margin: 0 auto;
		background-color: #413b3f;
	}
	.open_more{
		padding: 20px 10px;
		display: inline-block;
		border: 1px solid rgba(0,0,0,0.4);
		cursor: pointer;
		width: 220px;
		@media @mobile{
			margin-bottom: 20px;
		}
	}
	.more{
		float: left;
		font-size: 44px !important;
		transform: rotate(134deg);
		display: inline-block;
		transition: 400ms;
	}
		
	.logo_gambero{
		width: 90%;
		max-width: 300px;
	}
}
.wrap_olio{
	height: calc(50% - 10px);
	//border: 1px solid green;
	img{
		vertical-align: middle;
		@media @mobile{
			width: 100px;
		}
	}
	.foglia{
		height: 90px;
		@media @mobile{
			height: 70px;
			width: auto;
		}
	}
}



.generic_wrap{
	width: 90%;
	margin: 0 auto;
}

.generic_wrap_60{
	width: 60%;
	margin: 0 auto;
	@media @mobile{
		width: 90%;
	}
}

.margin20_right{
	margin-right: 20px;
}

.flex{
	display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
}

.div_margin_top{
	position: fixed;
	top: 0;
	width: 100%;
	height: 20px;
	background-color: white;
	z-index: 10;
}
.div_margin_bottom{
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 20px;
	background-color: white;
	z-index: 10;
}


header{
	@media @mobile{
		#wrap_logo{
			text-align: center;
		}	
	}
	//#logo{
	#wrap_logo{
		position: absolute;
		top: 20px;
		left: 20px;
		z-index: 5;
		@media @mobile{
			position: static;
			width: 100%;
			max-width: 400px;
			#logo{
				width: 100%;
			}
		}
		#bando{
			width: 400px;
			max-width: 100%;
			background-color: rgba(255,255,255, 0.7);
			.wrap_img{
				width: 40%;
				@media @mobile{
					width: 100%;
				}
				img{
					width: 100%;
					max-width: 50px;
				}
			}
			.wrap_info{
				width: 60%;
				font-size: 12px;
				@media @mobile{
					width: 100%;
				}
				p{
					font-family: "Poppins";
				}
			}
		}
	}
	#menu{
		width: 110px;
		cursor: pointer;
		position: fixed;
		right: 20px;
		z-index: 20;
		@media @mobile{
			position: static;
			right: 0;
		}
	}
	@media @mobile{
		#wrap_img_menu{
			text-align: right;
		}
	}
	.flags{
		position: absolute;
		top: 30px;
		right: 180px;
		z-index: 5;
		@media @mobile{
			position: static;
			text-align: center;
		}
		a{
			color: inherit;
			text-decoration: none;
			margin: 0 10px;
		}
		img{
			height: 27px;
		}
	}
}

#header{
	background-image: url(../images/home/ulivi.jpg);
	background-size: cover;
	background-position: center;
	width: 100%;
	height: calc(100vh - 40px);
	@media @mobile{
		height: auto;
	}
	position: relative;
	.scroll_btm{
		height: 25px !important;
		@media @mobile{
			height: 80px  !important;
		}
	}

	.wrap_title_scroll{
		position: absolute;
		bottom: 6vh;
		left: 50%;
		transform: translate(-50%, 0);
		width: 90%;
		max-width: 1200px;
		@media @mobile{
			position: static;
			transform: none;
			margin: 0 auto;
		}
		.title{
			width: 100%;
			//padding: 60px;
			padding-bottom: 30px;
			text-align: center;
			color: white;
			h3{
				font-size: 50px;
				@media @mobile{
					background-color: rgba(0, 0, 0, 0.5);
					padding: 10px 0;
				}
			}
		}
		.wrap_title{
			border: 3px solid white;
			background-color: rgba(0,0,0,0.5);
			text-align: center;
			color: white;


			.wrap_categorie{
				&:extend(.flex);
				width: 100%;
				.block{
					color: inherit;
					text-decoration: none;
					padding: 60px 0;
					width: calc(25% - 6px);
					@media @mobile{
						width: 100%;
						border-bottom: 3px solid white;
						padding: 20px 0;
					}
					@media @desktop_medium{
						//min-width: 300px;
					}
					@media @desktop_large{
						//min-width: 300px;
					}
					transition: 400ms;
					cursor: pointer;
					&:hover{
						background-color: rgba(0,0,0,0.5);
					}
				}
				@media @mobile{
					.last_block{
						border-bottom: none;
					}
				}
				.bd_right{
					//border-top: 3px solid white;
					border-right: 3px solid white;
					@media @mobile{
						border-right: none;
					}
				}
				h3{
					font-size: 30px;
				}
			}
		}
	}
}

//-----------------ANIMATION EFFECT---------
.scroll_bottom{
	-webkit-animation-name: move; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
	animation-name: move;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	cursor: pointer;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes move {
  0% {padding-top: 0px;}
  50% {padding-top: 10px;}
  100%{padding-top: 0px;}
}
/* Standard syntax */
@keyframes move {
  0% {padding-top: 0px;}
  50% {padding-top: 10px;}
  100%{padding-top: 0px;}
}
//-----------------END ANIMATION EFFECT---------

#filter{
	display: none;
	opacity: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 25;
	background-color: rgba(255,255,255, 0.8);
}

#wrap_menu{
	//display: none;
	width: 500px;
	max-width: 100%;
	top: 0px;
	height: 100%;
	right: -500px;
	position: fixed;
	background-color: white;
	z-index: 50;
	font-size: 20px;
	padding-top: 20px;
	overflow-y: scroll;
	
	#wrap_close_btn{
		position: relative;
		z-index: 5;
	}
	
	//-----------VERTICAL SCROLL-BAR------
	/* width */
	&::-webkit-scrollbar {
	  width: 5px;
	}

	/* Track */
	/*&::-webkit-scrollbar-track {
	  box-shadow: inset 0 0 5px grey; 
	  border-radius: 10px;
	}*/

	/* Handle */
	&::-webkit-scrollbar-thumb {
	  background: #b59900; 

	}
	//--------END VERTICAL SCROLL-BAR---------

	
	#padding_menu{
		padding: 10px 40px;
	}
	
	#close_menu{
		margin-right: 40px;
		cursor: pointer;
		@media @mobile{
			z-index: 5;
			position: relative;
			width: 40px;
		}
	}
	
	ul{
		a{
			color: inherit;
			text-decoration: none;
		}
		list-style-type: none;
		color: #224c20;
		li.color_imp{
			color: #b59900; 
		}
		li{
			padding: 10px;
			border-bottom: 1px solid #224c20;
			cursor: pointer;
			transition: 400ms;
			&:hover{
				color: #b59858;
				border-bottom: 1px solid #b59858;
			}
		}
		#sub_menu li{
			margin-left: 50px;
		}
	}
}

.wrap_home_chi_siamo, .wrap_home_azienda{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	h2{
		font-size: 50px;
		text-align: center;
	}
	p{
		line-height: 35px;
		text-align: justify;
	}
}
.wrap_home_azienda{
	@media @desktop_little{
		width: 95%;
	}
	&:extend(.flex);
	.wrapper{
		width: 50%;
		min-width: 300px;
	}
	.cont_img{
		text-align: right;
		img{
			margin-top: -220px;
			@media @desktop_little{
				margin-top: -110px;
			}
			width: 500px;
			max-width: 100%;
		}
	}
	
}

.wrap_home_storia{
	&:extend(.flex);
	//height: calc(100vh - 40px);
	//background-color: aquamarine;
	background-image: url(../images/home/olive.jpg);
	background-size: cover;
	background-position: top;
	position: relative;
	@media @mobile{
		height: auto;
	}
	.filter{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(255,255,255, 0.7);
		z-index: 1;
	}
	.info{
		color: #282829;
		z-index: 3;
		width: 600px;
		line-height: 40px;
		text-align: center;
		font-weight: bold;
		font-size: 23px;
		padding: 50px 0;
		@media @mobile{
			width: calc(100% - 40px);
			text-align: justify;
			padding: 20px 0;
		}
		video{
			padding-top: 20px;
			width: 100%;
		}
	}
	.line{
		max-width: 96px;
		height: 1px;
		margin: 0 auto;
		background-color: rgb(65, 59, 63);
	}
	.firma{
		font-size: 47px;
		color: #585858;
		font-family: "DancingScript";
		text-align: center;
		@media screen and (max-width: 600px){
			font-size: 35px;
			text-align: left;
		}
	}
}

.wrapper_info_product{
	color: #224c20;
	.frase{
		text-align: center;
		color: black;
		font-size: 25px;
		letter-spacing: 1px;
	}
	&>h2{
		font-size: 50px;
		text-align: center;
		//color: #224c20;
	}
	.wrapper_product{
		//background-color: #224c20;
		.list_products{
			overflow: auto;
			&>div:nth-child(odd){
				.wrap_img{
					float: right !important;
					@media @mobile{
						float: none !important;
					}
				}
				.wrap_effective_text{
					@media @desktop_large{
						padding: 50px 0 50px 30px;
					}
					@media @desktop_medium{
						padding: 50px 0 50px 30px;
					}
					.padding20_litt_desk{
						padding-right: 20px;
						@media @mobile{
							padding-right: 0px;
							padding-left: 20px;
						}
					}
				}
			}
			&>div:nth-child(even){
				.wrap_img{
					float: left !important;
					@media @mobile{
						float: none !important;
					}
				}
				.wrap_text{
					right: 0;	
				}
				.wrap_effective_text{
					float: right;
					@media @mobile{
						float: none !important;
					}
					@media @desktop_large{
						padding: 50px 30px 50px 0;
					}
					@media @desktop_medium{
						padding: 50px 30px 50px 0;
					}
					@media @desktop_little{
						float: right;
					}
					.padding20_litt_desk{
						padding-left: 20px;
					}

				}
			}
			.wrap_single_prod{
				a{
					color: inherit;
				}
				width: 90%;
				@media @desktop_little{
					width: 96%;
				}
				max-width: 1200px;
				margin: 0 auto;
				position: relative;
				overflow: auto;
				margin-bottom: 150px;
				@media @mobile{
					margin-bottom: 50px;
				}
				&:hover figure img{
					transform: scale(1.2);
				}
				.wrap_img{
					width: 700px;
					@media @mobile{
						width: 100%;
						img{
							width: 100%;
						}
					}
					@media @desktop_little{
						width: 50%;
					}
					@media @desktop_medium{
						width: 620px;
					}
					figure{
						overflow: hidden;
						@media @desktop_little{
							padding: 0 10px;
						}
						img{
							-webkit-transition: .35s ease-in-out;
							transition: .35s ease-in-out;
							@media @desktop_little{
								width: 100%;
							}
						}
					}
				}
				.wrap_text{
					@media @desktop_medium{
						width: 650px;
						position: absolute;
						top: 50%;
						transform: translate(0, -50%);
						border: 2px solid #b59900;
					}
					@media @desktop_large{
						width: 700px;
						position: absolute;
						top: 50%;
						transform: translate(0, -50%);
						border: 2px solid #b59900;
					}
					@media @desktop_little{
						width: calc(50% - 8px);
						float: left;
						padding: 20px 0;
						border-top: 2px solid #b59900;
						border-bottom: 2px solid #b59900;
					}
					h2{
						font-size: 35px;
						@media @mobile{
							font-size: 30px;
						}
					}
				}
				.wrap_effective_text{
					width: 450px;
					max-width: 100%;
					line-height: 35px;
					//text-align: justify;
					.btn_scopri{
						color: white;
						background-color: #b59900;
						display: inline-block;
						padding: 20px;
						font-weight: bold;
					}
				}
			}
		}
	}
}

footer{
	&:extend(.flex);
	width: 100%;
	font-size: 14px;
	a{
		color: inherit;
	}
	.block{
		width: calc(100% / 4);
		@media @desktop_little{
			width: calc(100% / 2);
		}
		@media @desktop_medium{
			width: calc(100% / 2);
		}
		min-width: 300px;
	}
	@media @mobile{
		.info_med_large_desktop{
			display: none;
		}
	}
	@media @desktop_little{
		.info_med_large_desktop{
			display: none;
		}
	}
	@media @desktop_medium{
		.info_med_large_desktop{
			display: none;
		}
	}
	@media @desktop_large{
		.info_little_desk{
			display: none;
		}
	}
}


#filter_logo{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: white;
	z-index: 30;
	text-align: center;
	img{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) !important;
		width: 50vw;
		-webkit-animation-name: size; 
		-webkit-animation-duration: 4s;
		animation-name: size;
		animation-duration: 4s;
		animation-iteration-count: infinite;
	}
	/*
	@-webkit-keyframes size {
	  0% {transform: scale(1.0);}
	  50% {transform: scale(1.1);}
	  100%{transform: scale(1.0);}
	}
	@keyframes size {
	  0% {transform: scale(1.0);}
	  50% {transform: scale(1.1);}
	  100%{transform: scale(1.0);}
	
	}
	*/
	@-webkit-keyframes size {
	  0% {width: 50vw;}
	  50% {width: 54vw;}
	  100%{width: 50vw;}
	}
	@keyframes size {
	  0% {width: 50vw;}
	  50% {width: 54vw;}
	  100%{width: 50vw;}
	
	}
}

#fix_catalogo{
	position: fixed;
	top: 50%;
	right: 0px;
	transform: translate(0, -50%);
	background-color: white;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
	padding-right: 20px;
	z-index: 10;
	width: 200px;
	@media @mobile{
		display: none;
	}
	a{
		text-decoration: none;
		color: inherit;
	}
	h3{
		font-size: 16px;
		padding: 10px 0;
		padding-left: 10px;
	}
	.btn {
		width: 20px;
		height: 20px;
		position: absolute;
		right: -20px;
		top: 60%;
		transform: rotate(134deg);
		font-size: 50px;
		transition: 400ms;
		font-family: "Poppins";
	}
}

#news{
	width: 150px;
	max-width: 100%;
	max-height: calc(100vh - 100px);
	@media @mobile{
		//width: auto;
		max-width: calc( 100% - 20px);
	}
	overflow-y: scroll;
	overflow-x: hidden;
	position: fixed;
	top: 50%;
	left: 0px;
	transform: translate(0, -50%);
	background-color: white;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
	padding-left: 20px;
	z-index: 10;
	transition: 400ms;
	a{
		text-decoration: none;
		color: inherit;
	}
	.click_func{
		cursor: pointer;
	}
	//-----------VERTICAL SCROLL-BAR------
	/* width */
	&::-webkit-scrollbar {
	  width: 5px;
	}

	/* Track */
	/*&::-webkit-scrollbar-track {
	  box-shadow: inset 0 0 5px grey; 
	  border-radius: 10px;
	}*/

	/* Handle */
	&::-webkit-scrollbar-thumb {
	  background: #b59900; 

	}
	//--------END VERTICAL SCROLL-BAR---------
	#btn{
		transform: rotate(134deg); 
		position: absolute; 
		right: 0; 
		top: 0;
		font-size: 50px;
		transition: 400ms;
		font-family: "Poppins";
	}
	h3{
		font-size: 30px;
		padding: 10px 0;
	}
	.line{
		height: 1px;
		background-color: #224c20;
	}
	ul{
		display: none;
		list-style-type: none;
		li{
			padding: 10px 20px;
			.logo{
				width: 150px;
			}
			p{
				font-size: 16px;
				img{
					width: 16px;
					vertical-align: middle;
				}
			}
		}
	}
}

.copertina{
	background-size: cover;
	background-position: center;
	width: 100%;
	height: calc(100vh - 40px);
	position: relative;
	@media @mobile{
		max-height: 700px;
	}
	.wrap_scroll{
		position: absolute;
		height: 25px !important; 
		bottom: calc(3vh + 25px);
		left: 50%;
		transform: translate(-50%, 0);
	}
	h2{
		position: absolute;
		bottom: 70px;
		//bottom: 4vh;
		font-size: 80px;
		@media screen and (max-width: 1024px){
			font-size: 70px;
		}
		color: white;
		@media @mobile{
			bottom: 70px;
			font-size: 32px;
		}
	}
	.h2_right{
		right: 4vw;
		@media @mobile{
			left: 4vw;
		}
	}
	.h2_left{
		left: 4vw;
	}
}

//-----------CHI SIAMO--------------
.cop_chi_siamo{
	background-image: url(../images/copertine/chi-siamo.jpg);
	background-position: top;
}
//--------END CHI SIAMO----------

//----------AZIENDA-------------
#azienda{
	background-image: url(../images/azienda/sfondo.jpg);
	background-size: cover;
	background-position: top;
	.description{
		font-family: 'Poppins';
		color: #282829;
		line-height: 40px;
		text-align: justify;
		font-weight: bold;
		font-size: 23px;
	}
}

//--------END AZIENDA----------

//-------PRODOTTI-------------
.wrap_products{
	a{
		color: inherit;
		text-decoration: none;
	}
	.single_prod{
		position: relative;
		width: 400px;
		@media screen and (max-width: 1000px){
			width: 300px;
		}
		margin: 40px;
		@media @mobile{
			margin: 0;
		}
		cursor: pointer;
		border: 3px solid white;
		transition: 400ms;
		&:hover{
			border: 3px solid #b59900;
			box-shadow: 0 0 60px rgba(0,0,0,0.2);
		}
		.ico_news{
			position: absolute;
			top: 0;
			right: 0;
			width: 120px;
		}
		.ico_news_h2{
			width: 80px;
			vertical-align: middle;
		}
		img{
			max-width: 100%;
			//max-height: 300px;
		}
		.line{
			width: 200px;
			margin: 0 auto;
			height: 1px;
			background-color: #b59900;
		}
		h2{
			text-align: center;
			font-size: 19px;
		}
	}
}

//-----END PRODOTTI---------

//------PRODOTTO-----------
.wrap_product{
	h1{
		text-align: center;
		color: #b59900;
	}
	a{
		color: inherit;
		text-decoration: none;
	}
	.line{
		width: 200px;
		margin: 0 auto;
		height: 1px;
		background-color: #b59900;
	}
	.description{
		width: 60%;
		min-width: 300px;
		margin: 0 auto;
		text-align: justify;
		line-height: 40px;
		font-size: 23px;
		h2{
			font-size: 27px;
			@media @mobile{
				font-size: 23px;
				white-space: normal;
				text-align: center;
			}
		}
	}
	.line_scheda{
		width: 100%;
		height: 1px;
		background-color: black;
	}
	.sch_tecnica{
		cursor: pointer;
		img{
			width: 50px;
			vertical-align: middle;
		}
	}
	.linea_bott{
		width: 700px;
		max-width: 100%;
	}
	.prodotto{
		border: 3px solid #b59900;
		max-height: 800px;
		max-width: 100%;
		margin: 40px;
		@media @mobile{
			margin: 0px;
		}
	}
}
//----END PRODOTTO---------

//-----LUOGHI-------------
.luoghi{
	width: 25%;
	min-width: 200px;
}
//-----END LUOGHI---------

//------DOVE SIAMO---------
.dove_siamo{
	a{
		color: dodgerblue;
	}
}
.wrap_mondo{
	img{
		max-width: 100%;
	}
}

//-------END DOVE SIAMO------

//-------CONTATTI------------
.contatti{
	.contatti_text{
		text-align: center;
	}
	.form, .wrap_contatti_text{
		width: 90%;
		max-width: 700px;
		margin: 0 auto;
		background-color: rgba(255,255,255, 0.8);
		padding: 15px;
		a{
			color: inherit;
		}
	}
	.wrap_contatti_text{
		&:extend(.form);
		font-size: 23px;
		font-weight: bold;
		line-height: 35px;
		@media @mobile{
			font-size: 16px;
		}
	}
	.wrap_border{
		border: 4px solid #b59900;
		h3{
			text-align: center;
		}
		.btn_submit{
			color: white;
			background-color: #b59900;
			display: inline-block;
			padding: 10px 20px;
			font-weight: bold;
			cursor: pointer;
		}
		p{
			margin-bottom: 7px;
		}
		input:not([type="checkbox"]), textarea{
			width: 100%;
			max-width: 100%;
			min-width: 100%;
			font-size: 20px;
			padding: 5px;
		}
		input[type="checkbox"]{
			width: 20px;
			height: 20px;
			display: inline-block; 
			vertical-align: middle;
		}
	}
}
//----END CONTATTI----------

//-----FIERE--------
.wrap_fiere{
	a{
		&:extend(.flex);
		text-decoration: none;
		color: inherit;
	}
	.scheda{
		.logo{
			width: 100px;
			margin-bottom: 15px;
		}
		p{
			margin-bottom: 5px;
			img{
				width: 26px;
				vertical-align: middle;
			}
		}
		.line {
			height: 1px;
			background-color: #224c20;
		}
		margin: 30px;
		padding: 20px;
		transition: 400ms;
		border: 3px solid rgba(0,0,0,0);
		@media @mobile{
			margin: 10px;
			border: 3px solid #b59900;
		}
		&:hover{
			border: 3px solid #b59900;
			box-shadow: 0 0 60px rgba(0,0,0,0.2);
		}
	}
}
//----END FIERE----

//-----FIERA-----
.scheda_fiera{
	h1{
		img{
			max-width: 400px;
		}
	}
	.line{
		width: 200px;
		margin: 0 auto;
		height: 1px;
		background-color: black;
	}
	.description {
		width: 60%;
		min-width: 300px;
		margin: 0 auto;
		text-align: justify;
		line-height: 40px;
		font-size: 23px;
		@media @mobile{
			font-size: 20px;
		}
		.info{
			img{
				width: 35px;
			}
		}
		.line{
			float: left;
		}
	}
}
//---END FIERA------

//-----SPONSOR----
.wrap_sponsor{
	.scheda{
		vertical-align: middle;
		figure{
			width: 288px;
			height: 288px;
			margin: 30px;
			//border: 1px solid black;
			position: relative;
			overflow: hidden;
			//max-width: 100%;
			@media @mobile{
				max-width: 100%;
				max-height: 288px;
			}
			img{
				max-width: 100%;
				max-height: 100%;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
			}
		}
		.line{
			max-width: 200px;
			height: 1px;
			margin: 0 auto;
			background-color: black;
		}
		.handle_gallery{
			text-align: center;
			cursor: pointer;
			p{
				display: inline-block;
				vertical-align: middle;
			}
		}
		.more{
			font-size: 44px !important;
			transform: rotate(134deg);
			transition: 400ms;
			font-family: "Poppins";
		}
	}
	.gallery_sponsor{
		display: none;
		border: 1px solid rgba(0,0,0,0.5);
	}
}
//----END SPONSOR---

.login{
	cursor: pointer;
}

.pop_up{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 20;
	.filter{
		width: 100%;
		height: 100%;
		top: 0;
		position: fixed;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 20;
	}
	.scheda{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: white;
		z-index: 25;
		width: 687px;
		max-width: 100%;
		@media screen and (min-width: 1000px) and (max-width: 1300px){
			height: 75vh; // attenzione!! Sotto questa soglia il pulsante di chiusura viene tagliato nei desktop lunghi e stretti tipo tablet
			.scopri{
				margin-bottom: 30px;
			}
			.parent_wrap_info{
				height: 75vh;
				overflow: hidden;
			}
			.wrap_info{
				overflow-y: scroll;
				height: calc(75vh - 40px);
				//-----------VERTICAL SCROLL-BAR------
				/* width */
				&::-webkit-scrollbar {
				  width: 5px;
				}

				/* Handle */
				&::-webkit-scrollbar-thumb {
				  background: #b59900; 

				}
				//--------END VERTICAL SCROLL-BAR---------
			}
		}
		@media @mobile{
			width: 90%;
			height: 100%;
			overflow-y: scroll;
			overflow-x: hidden;
		}
		.img_prodotto{
			width: 100%;
			max-width: 500px;
		}
		.close{
			position: absolute;
			font-family: "Poppins";
			top: 0;
			right: -40px;
			color: red;
			font-size: 85px;
			top: -75px;
			cursor: pointer;
			@media @mobile{
				position: relative;
				top: 0;
				right: -20px;
				margin-bottom: -40px;
				margin-top: -30px;
			}
		}
		.line{
			width: 200px;
			margin: 0 auto;
			height: 1px;
			background-color: #b59900;
		}
		a{
			color: inherit;
			text-decoration: none;
		}
		.description{
			text-align: justify;
		}
		.scopri{
			text-align: center;
			font-size: 30px;
			padding: 5px 10px;
			border: 1px solid black;
			display: inline-block;
		}
	}	
}
.bott_ceramica{
	width: 800px !important;
	@media @mobile{
		width: 100% !important;
	}
	max-width: 100%;
}
#clear_din_sponsor{
	clear: both;
}

.copertina_contatti{
	&:extend(.flex);
	position: relative;
	img{
		width: 100%;
	}
	.h2_left{
		position: absolute;
		bottom: 70px;
		font-size: 80px;
		color: white;
		left: 4vw;
		@media screen and (max-width: 1024px){
			font-size: 70px;
		}
		color: white;
		@media @mobile{
			bottom: 70px;
			font-size: 32px;
		}
	}
	.wrap_scroll{
		position: absolute;
		height: 25px !important;
		bottom: calc(3vh + 25px);
		left: 50%;
		transform: translate(-50%, 0);
	}
}