html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; }

h1, h2, h3, h4, h5, h6 {clear: both; display: block; margin:0; line-height:1.3; text-align: inherit; color: var(--tortora); font-family: var(--montserrat);}

	h1{font-size: 42px;}
	h2{font-size: 32px; color: var(--scuro);}
	h3{font-size: 24px;}
	h4{font-size: 21px;}
	h5{font-size: 16px;}
	h6{font-size: 15px;}



:root{--montserrat: 'Montserrat', sans-serif; --opensans: 'Open Sans', sans-serif; --chiaro: #D1DEDF; --grigio: #E8E6E4; --sabbia: #c1b6a5; --scuro: #689295; --tortora: #6F6258;}


figure{ margin: 0; padding: 0;}
img{ max-width: 100%; height: auto; padding: 0; margin: 0; line-height: 1; }

blockquote { padding: 10px 5px; font-size:inherit; line-height:1.3; font-weight:inherit; }

p, .likeP, .likeP p{line-height: 1.5; font-size: 15px; padding-bottom: 10px;}
.likeP h1, .likeP h2, .likeP h3, .likeP h4, .likeP h5, .likeP h6{ color: inherit;}
input{outline: none;}

ol, ul { list-style: none;}
del { 	text-decoration: line-through ;}
table { border-collapse: collapse;	border-spacing: 0;}
a img { border: none; display: block;}
a {text-decoration:none; color: #000000;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
a:hover {color: var(--scuro);}
hr{border:none; border-top:1px solid #ccc; font-size:1px; height:0px; padding:0px; display:block; margin:5px 0;}

.padd_y{padding: 100px 0;}

.myClear{clear:both; padding:0; margin:0; font-size:0px; height:0px; display:block; }

.myRow, .row{ width: 100%; padding: 0 0; margin: 0 auto;  clear:both; display:block; position: relative;}
.myIn{  padding: 0; margin: 0 auto; clear:both; display:block;  max-width: 1180px; width: 90%; box-sizing: border-box;}

.clear_desk{ clear: both;}


.col_1_3{width: 25%;}
.col_2_3{width: 75%; padding-left: 20px; box-sizing: border-box;}


body{background: #FFF; color: var(--tortora); margin: 0; padding: 0; display: block; font-family: var(--opensans); font-size: 14px; position: relative; overflow-x: hidden;}


	.header{position: relative; padding: 5px 0; background: #FFF;}
	
	.img_home{background-size: cover; background-repeat: no-repeat; background-position: center center; /*position: absolute; left: 0; top: 0; right: 0; bottom: 0; */ height: calc(100vh - 108px);}
	
	.header_in{position: relative; z-index: 99; background: #FFF; padding: 15px 0;}
	
	.logo{position: absolute; left: 5%; top: 0; height: 100%;}
		.logo_in{
			/* padding: 20px; */
			padding: 5px 10px;
			height: 100%;
			box-sizing: border-box; 
			width: 90px;
			 /* background: #FFF; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); */ 
		}
			.logo_in img{height: 100%; width: auto;}

	.logo_homepage{ -webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease; }
	
	/* .header_home .header_in .logo.logo_homepage_big{ bottom: 150px; height: 150px;} */
	
	#menu_container {
		display: inline-block;
		width: 75%;
		float: right;
		text-align: right;
		position: relative;
		margin-right: 5%;
		font-size: 13px;
	}
	
	#menu_container ul li {display: inline-block;}
	
	#menu_container ul li a {padding: 25px 17px; display: block; text-transform: uppercase; color: var(--tortora);}

	
	.header_home{position: sticky; top: -1px; z-index: 99;}
		.header_home .header_in .logo{top: auto; bottom: 0;}


	.testata{
		height: 40vh; position: relative; background-repeat: no-repeat; background-size: cover; 
		/* background-position: center center; */
		background-position: center center;
	}
		.testi_testata{position: absolute; bottom: 20%; left: 5%;}
			.testi_testata h1{font-size: 47px; font-weight: 200; text-transform: uppercase; display: none;}
	
	
/* PARAGRAFI */
	
.paragrafo_row_cnt .solo_img{ padding: 10px 50px; box-sizing: border-box;}
/* .testata{ margin: 0 20px; box-sizing: border-box;} */
	
	.row_dark{background: var(--chiaro);}
	.row_texture{background-color: var(--grigio); background-image: url(img/trama.png); background-position: left top; background-repeat: repeat;}
	
	.fascia_testo_dx .myIn, .fascia_testo_sx .myIn{display: flex; padding: 60px 0 120px 0; align-items: center;}
	
		.img_fascia{width: 50%;}
		.txt_fascia{width: 50%;}
	
		.fascia_testo_dx .img_fascia, .fascia_testo_sx .txt_fascia{padding-right: 20px;}
		.fascia_testo_dx .txt_fascia, .fascia_testo_sx .img_fascia{padding-left: 20px;}
			
			
		.txt_fascia h5{text-transform: uppercase; font-weight: bold;}	
			
		.txt_fascia h2{font-weight: 200; color: var(--scuro); margin: 10px 0 30px 0; text-transform: uppercase;}	
			
			
		.solo_img{width: 100%; position: relative;}	
			.solo_img img{width: 100%;}
			
		.swiper-slide img{width: 100%;}	
			
		
	.fascia_solo_testo{padding: 120px 0;}		
		
	.titoletto_paragrafo{ text-transform: uppercase;  font-size: 1.2em; font-weight: 300; padding: 2px 0 10px 0;}
	.titolo_paragrafo{color: var(--sabbia); padding: 5px 0 20px 0;}	
	.cta_paragrafo{ }
	.cta_paragrafo_btn{ color: var(--sabbia); padding: 5px 0 10px 0; text-transform: uppercase; }
	
	
	.login_cnt{padding-bottom: 40px;}
	
	.form_login{max-width: 300px;}
	.register_cta_cnt{margin: 30px 0;}
	.register_cta_cnt h4{font-size: 16px;}
	.registrati_cta {
		color: #FFF;
		padding: .7em 2em;
		text-transform: uppercase;
		font-size: 14px;
		background: var(--sabbia);
		margin: 10px 0;
		display: inline-block;
		border-radius: .25em;
		border: 1px solid var(--tortora);
	}
		.registrati_cta:hover{color: var(--sabbia); background: var(--tortora); }
		
		
		
	.form_registrazione{width: 100%; max-width: 600px; margin: 0 0 60px 0;}	
		.form_row{display: flex;}	
		.form_item{padding: 0 5px; box-sizing: border-box;}
			.form_item_1_2{width: 50%;}
			.form_item_1_3{width: 25%;}
			.form_item_2_3{width: 75%;}
			.form_item_full{width: 100%;}
		.check-label{ display: flex;}
		.check-input{ width: auto; margin: 3px 10px 3px 2px;} 
	
		
	.titoli_full{position: absolute; left: 0; bottom: 5%; right: 50%; padding: 30px 0 30px 5%; background: var(--scuro); color: #FFF;}	
		.titoli_full *{color: #FFF;}
			.titoli_full h3{font-size: 41px; font-weight: 200; text-transform: uppercase;}
	
	.colonne_cnt{ display: block; padding: 20px 0;}
		.gridview{float: left; width: 75%; display: flex; flex-wrap: wrap; justify-content: flex-start;}
		.card{width: 280px; padding: 20px; box-sizing: border-box; position: relative; cursor: pointer;}
		
			.card h4{font-size: 18px; font-weight: normal; margin-top: 10px; color: var(--sabbia);}	
		
		.shop_categories{  width: 25%; background-color: var(--grigio); float: left; margin: 20px 0; padding: 10px; box-sizing: border-box;}
		.shop_categories ul{ padding: 3px 10px;}
		.shop_categories ul li a{color: var(--tortora);}
	
	/* NEWS */
	
.post_archvive{margin: 20px 0;}
	.post_item{padding: 20px; box-sizing: border-box; width: 50%; display: block; float: left;}
		.post_item a{display: flex; align-items: center;}
			.post_item header{width: 50%; padding: 0 5px 0 0; box-sizing: border-box;}
			.post_item article{width: 50%; padding: 0 0 0 5px; box-sizing: border-box; color: var(--tortora);}
		
				.post_item h3{font-size: 18px; text-transform: uppercase; margin-bottom: 10px;}
	
	
	
	
	.news_txt{width: 70%; padding: 40px 0; margin: 0 auto;}
	
		.news_txt h1{margin: 0 0 30px 0; font-size: 18px; text-transform: uppercase;}
	
	
	
		.swiper-pagination-bullet {
			width: 20px;
			height: 20px;
			text-align: center;
			line-height: 20px;
			font-size: 12px;
			color: var(--grigio);
			opacity: 1;
			background: rgba(255, 255, 255, 0.7);
		}
	
		.swiper-pagination-bullet-active {
			color: #fff;
			background: var(--tortora);
		}
	
		.swiper-button-tortora {
			color: var(--tortora);
		}

		


			.prod_modelli_cnt select{padding: 5px 8px;}










	#footer_contat_form{padding: 100px 0;}
	#footer_contat_form .myIn{display: flex;}
		.mezza_col{width: 50%;}
			.mezza_col h5{font-size: 16px; text-transform: uppercase; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--grigio); display: inline-block;}
	
	
	.ui_mess,
	.alert, .user_mess{padding: 1em; color: #FFF; background-color: var(--sabbia); margin: 5px 5px 15px 5px; }
	
	.error, .alert-alert-danger{background: #d31a1a; }
	.ok, .mess_ok{background: #24d132; }
	
	#contact_form_footer{display: flex;}
		.input_half{width: 50%;}
			.input_half:first-child{margin-right: 50px;}
	
			.input_cnt{margin:0 0 20px 0;}
	
			input{width: 100%; padding: 10px; border: 1px solid var(--grigio); box-sizing: border-box; margin: 5px 0 15px 0;}
			textarea{border: 1px solid var(--grigio); width: 100%; padding: 10px;  box-sizing: border-box; height: 145px;}
			
			
			.input_cnt_checkbox input, .input_cnt_checkbox span{display: inline-block; width: auto;}
			
			button,
			a.button {
				font-family: var(--opensans);
				/* padding: 10px 40px; */
				color: var(--tortora);
				border: 1px solid var(--tortora);
				font-size: 12px;
				text-transform: uppercase;
				transition: all .4s ease;
				cursor: pointer;
				outline: none;
				border-radius: .25em;

				color: #FFF; padding: .5em 2em; font-weight: 700; font-size: 14px; background: var(--sabbia);
			}
			
			button:hover,
			a.button:hover{background: var(--tortora); color: var(--sabbia);} 
		
			button.next_step {
				background: transparent;
				padding: 0 0;
				color: #000000;
				border: none;
				font-size: 16px;
				text-transform: none;
				transition: all .4s ease;
				cursor: pointer;
				outline: none;
				margin: -2px 0 0 0;
			}
			button.next_step:hover{background:transparent ;color: var(--scuro);} 
		
		
	.first_description{margin: 40px 0 20px 0;}
	h1.h1_min{ font-size: 1.5em; line-height: 1; font-weight: 300; margin:0; padding:10px 15px; text-transform: uppercase; display: inline-block; background: var(--sabbia); color: #FFF;} 
		.first_description h4{margin-bottom: 20px;}
		.main_txt{ margin:20px 0}
		
		.loghi_flex{
			display: flex; align-items: center; flex-direction: row;
			flex-wrap: wrap; justify-content: space-around ;
		}
		.loghi_flex_item{ width: 190px; box-sizing: border-box; padding: 30px}
		.loghi_flex_item img{ width: 100%; height: auto; display: block;}
		.cols_flex{
			display: flex; align-items: flex-start; flex-direction: row;
			flex-wrap: wrap; justify-content: space-between ;
		}
		.col_in_flex{

		} 

		.col_50{ width: 46%; display: block; box-sizing: border-box; padding: 10px 0;}

		.degustazioni_cnt{

		}
		.degustazioni_in_col_cnt{ 
			display: flex; align-items: flex-start; flex-direction: row;
			flex-wrap: wrap; justify-content: space-around ;
		}

		.degustazione{ margin: 10px 10px 30px 0;}
		h4.nome_degustazione{ font-size: 1.3em; margin-bottom: 5px;}
		.sottotitolo_degustazione{ margin-bottom: 15px; }
		.prezzodegustazione {
			margin-top: 20px ;
			display:inline-block;
			text-align: left;
			border-top: 1px solid var(--grigio);
			/* background: var(--grigio); */
			padding: 20px 50px 20px 10px;
			font-size: 16px;
			
		}
		.descrizione_degustazione p{ padding: 3px 0; line-height: 1.3; font-size: .9em; }
		.accordion_menu{padding: 10px; margin-bottom: 20px; border-bottom: 1px solid var(--tortora); position: relative; cursor: pointer;}
			.accordion_menu h4{text-transform: uppercase;}
			.accordion_menu:after{content: ''; background: url(img/freccia.svg) right center no-repeat; background-size: 15px 15px; width: 15px; height: 15px; display: block; position: absolute; right: 10px; top: 17px; transition: all .4s ease;}
		
			.accordion_menu.acc_open:after{transform: rotateZ(90deg);}
		
		
		.piatto_in_cat{margin: 20px 0; display: flex;}
			.nome_piatto{width: 80%; padding: 20px 0; font-size: 16px;}
			.prezzo{width: 20%; margin-left: auto; text-align: right; background: var(--grigio); padding: 20px 20px 20px 20px; font-size: 16px;}
			
			
			
			
			
			
	#footer{background-color: var(--grigio); padding: 40px 0; background-image: url(img/trama2.png); background-position: left top; background-repeat: repeat;}		
			
		.footer_in{margin: 0 5%;
			display: flex; align-items: center; flex-direction: row;
			flex-wrap: wrap; justify-content: space-between ;
		}
		.footer_info{
			/* width: 30%;  */
			box-sizing: border-box;
			display: flex; align-items: center; flex-direction: row;
			flex-wrap: wrap; 
		}
		.footer_info_in{ 
			padding:10px 10px 10px 30px;
		}
		.txt_firma{ font-size: .8em; padding:2px 0}
		.txt_firma p{ font-size: inherit}
			
		.logo_footer{display: inline-block; }
		.logo_footer img {width: 70px; height: auto;}
		.logo_footer_img .st0 {
			fill: yellow !important
		}

		#menu-footer{
			width: 30%;
			columns: 2;
		}
		#menu-footer li{ padding:3px 3px;}
		#menu-footer li a{ color: var(--tortora); font-size: .9em;}

/* ------MENU BUTTON------- */

.hamburger {
    padding: 0 20px;
    display: none;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    overflow: visible;
    position: relative;
    z-index: 80;
    float: right;
}

.hamburger:hover {
    opacity: 0.7;
}

.hamburger span {
    padding: 5px 10px;
    display: block;
    float: left;
    font-weight: bold;
    border-left: 3px solid #000;
}

.hamburger-box {
    width: 25px;
    height: 24px;
    display: block;
    float: left;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 25px;
    height: 3px;
    background-color: var(--tortora);
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
    bottom: -10px;
}

.hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(135deg);
    transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.075s;
}