body{ overflow-x: hidden; background-color: #EFEAE6;}

body.cart-open {
	overflow: hidden;
}

main{ padding-top: 100px; }
main.pd-home{ padding-top: 0; }

/* HEADER inizio */
header{ position: fixed; top: 0; left: 0; width: 100%;  z-index: 9;background-color: #EFEAE6; border-bottom: 1px solid #977842;}
.header{  width: 100%; display: grid; grid-template-columns: 250px 1fr 250px;  text-align: center;   }
.header nav{ position: fixed; left: -100%; width: 100%; height: 100%;  top: 0;padding:0 50px; background-color: #EFEAE6; text-align: left;}
.header nav ul{ }
.header nav ul li{ display: block; margin: 20px auto; font-size: 70px; font-family: "scotch-display", sans-serif;color: #977842;}
.header nav ul li a{ display: block; text-decoration:none; color: #977842;}
.rag-soc-menu{position: absolute; bottom: 20%; right: 5%;font-size: 24px; font-family: "scotch-display", sans-serif;color: #535353; font-weight: 300;}
.rag-soc-menu img{display: block; margin-bottom: 40px;}

.menu{font-family: 'Roboto Mono', monospace; font-size: 18px; padding:30px 20px 30px 40px; color: #977842; cursor: pointer; text-align: left;}
.box-logo{ display:block;margin: auto;}
.social-header{ padding-top: 23px; font-size: 0; text-align: center;}
.social-header a{ display: inline-block; margin-left: 50px;}
.social-header img{  margin: auto; width: 27px;}
.close-menu{font-family: 'Roboto Mono', monospace; font-size: 18px; padding:30px 20px; color: #977842; cursor: pointer; text-decoration: underline;}

.cont-lightbox-fixed{ position: fixed;bottom: 0;top: 0; left: 0;right: 0; z-index: 9999; background: rgba(0,0,0,0.7); display: none;}
.cont-lightbox-fixed > img{ width: 100%; height: 100%; }
.cont-lightbox-fixed .close-lightbox{ cursor: pointer;}
.box-relative{position: relative;}
.close-lightbox{ position: absolute; right: 15px;top: 15px;height: 20px;width: 20px; z-index: 1; cursor: pointer;}

.box-reg-ok{width: 90%; max-width: 600px; position: absolute; top: 10%; left: 0; right: 0; margin: auto; background-color: #FFF; font-size: 0; padding: 0; max-height: 89vh; overflow: auto; border-radius: 20px; }
.logo-lightbox{ padding: 5% 0; width: 50%; margin: auto; text-align: center;}
.logo-lightbox img{ max-width: 64%;}
.descr-reg-ok{width: 90%;
    margin: auto;
    max-width: 300px;}

header.trasp{background: transparent; border-bottom: 0; }
.n-tr{ display: none;}
.trasp .n-tr{ display: block;}
.trasp .tr{ display: none;}
.trasp .menu{color: #FFF; }

header.no-trasp{background:#EFEAE6; -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; border-bottom: 1px solid #977842;}
/* transition CSS menu mobile*/
.header .menu_open{ left:0;-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; height: 100%; overflow: auto;}
.header .menu_close{ left:-100%;-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;}
/* transition CSS menu mobile*/


/* HEADER fine */


/* ALL SITE inizio */
.scotch{font-family: "scotch-display", sans-serif;}
.kazimir{font-family: "kazimirtext", sans-serif;}
.rob-mono{font-family: 'Roboto Mono', monospace;}
.roman{ font-style: normal;}
.italic{ font-style: italic;}
.f144{ font-size: 144px; line-height: 100%;}
.f120{ font-size: 120px; line-height: 100%;}
.f70{ font-size: 70px; line-height: 100%;}
.f44{ font-size: 44px; line-height: 150%;}
.f34{ font-size: 34px; line-height: 150%;}
.f28{ font-size: 28px; line-height: 150%;}
.f24{ font-size: 24px; line-height: 150%;}
.f20{ font-size: 20px; line-height: 150%;}
.f18{ font-size: 18px; line-height: 150%;}
.f16{ font-size: 16px; line-height: 150%;}
.f12{ font-size: 12px; line-height: 150%;}
.f0{ font-size: 0; line-height: 0;}
/*.f144{ font-size: 96px; line-height: 100%;}
.f120{ font-size: 80px; line-height: 100%;}
.f70{ font-size: 46px; line-height: 100%;}
.f44{ font-size: 29px; line-height: 150%;}
.f34{ font-size: 22px; line-height: 150%;}
.f28{ font-size: 19px; line-height: 150%;}
.f24{ font-size: 16px; line-height: 150%;}
.f20{ font-size: 15px; line-height: 150%;}
.f18{ font-size: 14px; line-height: 150%;}
.f16{ font-size: 12px; line-height: 150%;}
.f12{ font-size: 10px; line-height: 150%;}
.f0{ font-size: 0; line-height: 0;}*/
.txt-center{  text-align: center;}
.txt-right{  text-align: right;}
.mauto{  margin: auto;}
.d-inline{ display: inline-block; vertical-align: middle;}
.light{ font-weight: 300;}
.reg{ font-weight: 400;}
.semib{ font-weight: 600;}
.midb{font-weight: 500;}
.pd2{ padding: 2% 0;}
.pd4{ padding: 4% 0;}
.pd5{ padding: 5% 0;}
.pd6{ padding: 6% 0;}
.pd8{ padding: 8% 0;}
.pd10{ padding: 10% 0;}
.pdbt0{ padding-bottom: 0;}
.pdbt2{ padding-bottom: 2%;}
.pdbt4{ padding-bottom: 4%;}
.pdbt6{ padding-bottom: 6%;}
.pdbt8{ padding-bottom: 8%;}
.pdbt10{ padding-bottom: 10%;}
.pdbt20{ padding-bottom: 20%;}
.pdbt30{ padding-bottom: 30%;}
.pdtp0{ padding-top: 0;}
.pdtp2{ padding-top: 2%;}
.pdtp4{ padding-top: 4%;}
.pdtp6{ padding-top: 6%;}
.pdtp8{ padding-top: 8%;}
.pdtp10{ padding-top: 10%;}
.pdlf2{ padding-left: 2%;}
.pdlf5{ padding-left: 5%;}
.pdlf10{ padding-left: 10%;}
.pdlf20{ padding-left: 20%;}
.pdlf30{ padding-left: 30%;}
.pdrt2{ padding-right: 2%;}
.pdrt5{ padding-right: 5%;}
.pdrt10{ padding-right: 10%;}
.mgtpneg10{ margin-top: -10%;}
.mgtp1em{ margin-top: 1em;}
.mgtp5{ margin-top: 5%;}
.mgtp10{ margin-top: 10%;}
.mgtp20{ margin-top: 20%;}
.line100{ line-height: 100%;}
.line120{ line-height: 120%;}
.line150{ line-height: 150%;}
.line200{ line-height: 200%;}
.grid-50{ display: grid; grid-template-columns: 1fr 1fr;}
.grid-50.gap-small{grid-gap:10%;}
.grid-50.gap-mid{grid-gap:25%;}
.grid-50-perc{ display: grid; grid-template-columns: 50% 50%;}
.al-items-center{ align-items: center;}
.al-items-bottom{ align-items: end;}
.relative{ position: relative;}

.grid-10-90{ display: grid; grid-template-columns: 10% 1fr 18%; grid-gap:5%;}
.grid-60-10-30{ display: grid; grid-template-columns: 1fr 30%; grid-gap:10%;}
.grid-70-10-20{ display: grid; grid-template-columns: 1fr 20%; grid-gap:10%;}
.grid-40-10-50{display: grid; grid-template-columns: 40% 1fr; grid-gap:10%;}
.grid-25-5-70{display: grid; grid-template-columns: 25% 1fr; grid-gap:5%;}
.grid-20-3-77{display: grid; grid-template-columns: 20% 1fr; grid-gap:3%;}
.grid-45-10-45{display: grid; grid-template-columns: 45% 1fr; grid-gap:5%;}
.grid-50-10-40{display: grid; grid-template-columns: 50% 1fr; grid-gap:9%;}
.grid-30{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap:10%;}
.uppercase{ text-transform: uppercase;}
.bg-black{ background-color: #000;}
.bg-white{ background-color: #FFF !important;}
.bg-brown{ background-color: #EFEAE6;}
.gold{ color: #977842;}
.gray{color:#707070;}
.txt-left{ text-align: left;}

.btn {
	background-color: #EFEAE6;
	border: 1px solid #000;
	border-radius: 20px;
	color: #000;
	font-size: 18px;font-family: 'Roboto Mono', monospace;
	height: 70px;
	line-height: 70px;
	text-align: center;
	text-decoration: none;
}

.btn.large{ width: 100%;}

.btn.small{
	display: inline-block;
	width: 290px;
}

.btn.cart {
	cursor: pointer;
	font-size: 14px;
	height: 1.7em;
	line-height: 1;
	margin: .5em;
	padding: .25em 1em;
}

.btn.shop {
	cursor: pointer;
	height: 2.5em;
	line-height: 1;
	margin: 1em 0;
}

.btn a{ display: block; text-decoration: none; color: #000;}
.btn.white{ background-color: transparent; border:1px solid #FFF; color: #FFF; display: block; margin: 8% auto 0;}
.btn.white a{ color: #FFF;}
.cont-1500{ width: 90%; max-width: 1500px; margin: auto; position: relative;}
.cont-1100{ width: 90%; max-width: 1100px; margin: auto; position: relative;}
.cont-1100.fix{ width: 57.2%; }
.cont-100{ width: 100%; margin: auto; position: relative;}
.cont-90{ width: 90%; margin: auto; position: relative;}
.max-1100{ max-width: 1100px;}
.max-800{ max-width: 800px;}
.max-500{ max-width: 500px;}
.border{ border-top: 1px solid #977842; border-bottom: 1px solid #977842;}
.border-top{ border-top: 1px solid #977842; }
.border-bottom{ border-bottom: 1px solid #977842; }
.border-top0{ border-top: 0 !important;}
.border-bottom0{ border-bottom: 0 !important;}
.underline{ text-decoration: underline;}
.nounderline{ text-decoration: none;}
.block{ display: block;}
.order-1{ order: 1;}
.order-2{ order: 2;}
.pointer{ cursor: pointer;}


.bollo-left-all{ width:55%; max-width: 230px; position: relative;}
.bollo-left-all .rotate{ width:100%;}
.bollo-left-all .icon{ max-width: 43%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.rotate{-webkit-animation:spin 16s linear infinite;
							-moz-animation:spin 16s linear infinite;
							animation:spin 16s linear infinite;}

@-moz-keyframes spin {
	100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform:rotate(360deg);
	}
}


/* ALL SITE fine */


/* HOMEPAGE inizio */
.main-home{ width: 100%; position: relative;}
.main-home img{ width: 100%;}
.title-main{ font-size: 70px; position: absolute; font-family: "scotch-display", sans-serif;font-weight: 500;font-style: normal; color: #FFF; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: flex; align-items: center; justify-content: center; text-align: center;}
.tonno-right{ position: absolute; right: -5%; top: 3%; width: 100%; text-align: right;}
.tonno-left{ position: absolute; left: -5%; bottom: 7%; width: 100%; text-align: left;}
.tonno-right img{  width: 14%;}
.tonno-left img{  width: 16.7%;}
.ico-consorcio-abs{ position: absolute; right: 17%; bottom: 13%; width: 21%;}
.bruschetta-acciughe-abs{ position: absolute; left: -30%; top: 6%; max-width: 50%;}
.bruschetta-tonno-abs{ position: absolute; right: -34%; bottom: 18%; max-width: 42%;}
.slider-full-product{}
.single-slide-full-product{ position: relative;}
.video-slider-full-product{ position: absolute; right: 5%; bottom: 5%; width: 60%; max-width: 680px;}
.slider-full-product .slick-prev{background: url("/images/arrow-left-slider-prod.svg") no-repeat center center; background-size: 98%;width: 5%; height: 95px; left: 10%; bottom: 2%; z-index: 2; top: auto; max-width: 95px;}
.slider-full-product .slick-next{background: url("/images/arrow-right-slider-prod.svg") no-repeat center center; background-size: 98%;width: 5%; height: 95px; left: 19%; bottom: 2%; z-index: 2; top: auto;  max-width: 95px;}
.slider-full-product .slick-next:before, .slider-full-product .slick-prev:before{ font-size: 0; }
.txt-top-slider-full-product{ max-width: 600px; position: absolute; top: 5%; left: 5%; color: #FFF;}
.name-prod-slider-full-product{ position: absolute; top: 73%; left: 12%; color: #FFF;}
.ico-sost-home{ width: 15%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.txt-sost-home{padding:20% 15% 7% 20%;display: flex;flex-direction: column; justify-content: space-between;}
.cont-slider-prod-double{ padding: 8% 5%; border-top: 1px solid #977842;}
.slider-right-prod img{ max-width: 60%; margin: auto;}
.slider-left-prod{ max-width: 500px;}
.slider-left-prod .slick-dots{ bottom: -20%; text-align: left;}
.slider-left-prod .slick-dots li button:before{ content: ""; border-radius: 50px; border: 1px solid #977842; width: 12px; height: 12px;}
.slider-left-prod .slick-dots li.slick-active button:before{ background-color: #977842;}
.cont-slider-prod-bottom{ width: 100%; margin: auto;}
.slider-prod-bottom{ padding-bottom: 5%;}
.slider-prod-bottom .slick-prev{background: url("/images/arrow-left-slider-prod-gold.svg") no-repeat center center; background-size: 98%;width: 5%; height: 95px;  z-index: 2;  max-width: 95px; left: 1%;}
.slider-prod-bottom .slick-next{background: url("/images/arrow-right-slider-prod-gold.svg") no-repeat center center; background-size: 98%;width: 5%; height: 95px;  z-index: 2;  max-width: 95px; right: 1%;}
.slider-prod-bottom .slick-next:before, .slider-prod-bottom .slick-prev:before{ font-size: 0; }
.slider-prod-bottom img{ width: 90%; margin: auto; overflow: hidden; border-radius: 16px;}
.txt-prod-home{ position: absolute; bottom: 5%; left: 5%; right: 5%; text-align: center;}
.slider-prod-bottom a{ text-decoration: none; display: block;}
.slider-prod-bottom a .black{ color: #000;}
.slider-prod-bottom a .gray{ color: #7F8184;}

/* HOMEPAGE fine */

.determinati-img-abs{ position: absolute; bottom: -47%; left: -70%; width: 78%;}


.flex{display: flex;flex-direction: column; justify-content: space-between;}
.flex-row{display: flex;flex-direction: row; justify-content: space-between;}
.ico-sost-tonno{ max-width: 60%;}
.grid-title-table-sost{ display: grid; grid-template-columns: 10% 1fr; grid-gap:5%; border-top: 1px solid #977842;border-bottom: 1px solid #977842; align-items: center;}
.ico-left-table-sost{ padding: 16%; font-size: 0; border-right: 1px solid #977842;}
.empty-right{border-right: 1px solid #977842; height: 100%;}


.img-main-consorcio{ text-align: center; position: relative; z-index: -1; width: 43.64%; margin:-6% auto 5%}
.abs-club{ position: fixed; bottom: 5%; left: 0; right: 0; margin: auto; z-index: 9; }
.abs-club.right-pos{ left: auto; right:5%; }
.bg-tratteggio{ background: url("/images/tratteggio.svg") no-repeat center bottom 5%; background-size: 72%;}


/* PRODOTTI inizio */
.row-sel-prod{ display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid #977842; text-align: center; cursor: pointer;}
.row-sel-prod.ricette{  grid-template-columns: 1fr 1fr 1fr; }
.single-box{ padding: 3%;}
.single-box:first-child{ border-right: 1px solid #977842;}
.ricette .single-box:last-child{ border-left: 1px solid #977842;}
.single-box div, .single-box img{ display:inline-block; margin: 0 10px;}
.radio-focus{ width: 15px; height: 15px; border-radius: 20px; border:1px solid #707070;}
.radio-focus.sel, .single-box:hover .radio-focus{ background-color:  #707070;}

.box-grid-product{ display: none;}
.box-grid-product.show{ display: grid; grid-template-columns: 1fr 1fr 1fr;}

.box-grid-product.shop {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.box-single-product{ border-bottom: 1px solid #977842; border-right: 1px solid #977842;}

.box-single-product:nth-child(3n){ border-right: 0;}

	.shop .box-single-product:nth-child(3n) {
		border-right: 1px solid #977842;
	}
	.shop .box-single-product:nth-child(4n) {
		border-right: 0;
	}


.box-single-product a{ display: block;  text-decoration: none;}
.box-single-product a .gray{  color:  #707070;}
.box-single-product a .black{  color:  #000;}

.box-single-product img {
	display: block;
	margin: auto;
	max-width: 21vw;
}

.box-single-product.ricette img{ width: 100%;}

.btn-black {
	background-color: #000000;
	color: #ffffff;
}

.shop .box-single-product img {
	max-height: 21vw;
}

.descr-prod{ width: 90%; margin: auto; border-top: 1px solid #977842; padding: 2% 5%;}
.descr-prod.ricette{  border-top: 0; }
.mg1pxneg{ margin-top: -1px; z-index: 1; position: relative;border-top: 1px solid #977842;}

.cont-table-nutrizionale {
	display: none;
	padding-bottom: 1em;
}

.cart-section {
	border-bottom: 1px solid #707070;
}

.cart-prdocut {
	border-bottom: 1px solid #707070;
	padding: 1em 0;
}

.cart-prdocut:last-of-type {
	border-bottom: none;
}

.cursor-pointer {
	cursor: pointer;
}

.nulled-price {
	margin-left: 2em;
	text-decoration: line-through;
}

.product-qty-spinner {
	border: 1px solid #707070;
	display: inline-flex;
	/* margin-top: 1em; */
	padding: 0;
}

	input.product-qty-field::-webkit-outer-spin-button,
	input.product-qty-field::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

	input.product-qty-field[type=number] {
		-moz-appearance: textfield;
	}

.product-qty-spinner button {
	padding: .5em 1em;
	text-align: center;
}

.product-qty-spinner button:hover {
	background-color: #EFEAE6;
}

.product-qty-spinner input {
	text-align: center;
	width: 2em;
}

.w-100 {
	width: 100%;
}

#consorcioWaitBox {
	background-color: rgba(239, 234, 230, .75);
	bottom: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 0;
	transition: .15s all;
	z-index: 999999;
}

#consorcioWaitBox.show {
	opacity: 1;
	pointer-events: all;
}


#asideCartDisplay {
	--width: 100%;
	background-color: #ffffff;
	border: 1px solid #977842;
	border-right: none;
	bottom: 0;
	/* height: calc(95vh - 150px); */
	line-height: 1;
	padding: 1em 0;
	position: fixed;
	right: calc(var(--width) * -1);
	top: 0;
	transition: .5s all;
	width: var(--width);
	z-index: 99;
}

@media(min-width: 768px) {
	#asideCartDisplay {
		--width: 510px;
	}
}

#asideCartDisplayBackdrop {
	background-color: rgba(0, 0, 0, .55);
	backdrop-filter: blur(3px);
	bottom: 0;
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	transition: .5s all;
	z-index: 98;
}

#asideCartDisplay.show {
	right: 0;
}

#asideCartDisplayBackdrop.hidden {
	display: none;
}
#asideCartDisplayBackdrop.show {
	opacity: 1;
}

#cartContent ul {
	height: calc(95vh - 200px);
	overflow: auto;
	padding-right: 1em;
}

#cartContent li {
	display: flex;
	margin-bottom: 1.2em;
}

#cartContent li div.imageBox {
	padding-right: .5em;
}

#cartContent li img {
	max-width: 4em;
	width: 4em;
}
/* PRODOTTI fine */


/* LOGIN inizio */
input[type="checkbox"].checkbox-custom{ width: 27px; height: 27px; margin-right: 20px; display: inline-block; border: 1px solid #000; cursor: pointer; vertical-align: middle;}
input[type="checkbox"].checkbox-custom:checked{ background: url("/images/checkbox-flag.svg") no-repeat center center; background-size: 75%;}
.cont-form{ width: 100%; max-width: 600px; margin:70px  auto 0;}
.box-single-input{ margin-bottom: 20px;}
.box-single-input.left{ text-align: left;}
.box-login{ width: 90%; max-width: 600px; margin: auto;}
.input-custom{ width: 100%; border: 1px solid #707070; border-radius: 0;font-family: 'Roboto Mono', monospace;font-size: 18px; color: #707070; padding: 0 5%; background-color: #FFF; height: 70px; margin: 3% 0; }
.error-input{font-family: 'Roboto Mono', monospace; font-size: 16px; font-weight: 400; color: red;text-align: left; display: none;}
.checkbox-privacy-txt{ width: calc(100%- 50px); display: inline-block; vertical-align: middle;font-family: 'Roboto Mono', monospace; font-size: 18px; font-weight: 300; color: #535353;}
.checkbox-privacy-txt a{  color: #535353;}
/* LOGIN fine */

/* FOOTER inizio */
footer{ border-top:1px solid #977842; background-color: #EFEAE6;}
.footer-int{ width: 95%; margin: auto;}
.box-link-footer{ display: grid; grid-template-columns: 1fr 1fr 1fr; font-family: 'Roboto Mono', monospace; font-size: 16px; color: #000000; text-transform: uppercase; padding: 100px 0 50px;}
.box-link-footer a{ display: block; text-decoration: none; color: #000000; margin-bottom: 40px;}
.box-link-footer .txt-right a{ display: inline-block; margin: 0 10px; }
.copy-privacy{ display: grid; grid-template-columns: 1fr 1fr; border-top:1px solid #977842; font-size: 18px; color: #000; font-family: 'Roboto Mono', monospace; padding: 25px 0;}
.copy-privacy a{ text-decoration: none; color: #000; }
/* FOOTER fine */


@media(max-width: 1919px) {
	.f144.vw{ font-size: 8.22vw; }
	.f120.vw{ font-size: 6.857vw;}
	.f70.vw, .header nav ul li{ font-size: 4vw;}
	.f44.vw{ font-size: 2.514vw;}
	.f34.vw{ font-size: 1.942vw;}
	.f28.vw{ font-size: 1.6vw;}
	.f24.vw{ font-size: 1.371vw;}
	.f20.vw{ font-size: 1.142vw;}
	.f18.vw, .btn{ font-size: 1.028vw;}
	.f16.vw{ font-size: 0.914vw;}
	.f12.vw{ font-size: 0.685vw;}

	/*.f144.vw{ font-size: 5.42vw; }
	.f120.vw{ font-size: 4.52vw;}
	.f70.vw, .header nav ul li{ font-size: 2.64vw;}
	.f44.vw{ font-size: 1.66vw;}
	.f34.vw{ font-size: 1.28vw;}
	.f28.vw{ font-size: 1.05vw;}
	.f24.vw{ font-size: 0.9vw;}
	.f20.vw{ font-size: 0.8vw;}
	.f18.vw, .btn{ font-size: 0.75vw;}
	.f16.vw{ font-size: 0.7vw;}
	.f12.vw{ font-size: 0.63vw;}*/
}

@media(max-width: 1660px) {

}


@media(max-width: 1450px) {

}

@media(max-width: 1350px) {

	.name-prod-slider-full-product{ top: 65%; left: 9%; }
	.btn.small{ display: inline-block; width: 200px; line-height: 55px; height: 55px;}

}



@media(max-width: 1023px) {
	/* FONT SIZE inizio */
	.f144, .f144.vw{ font-size: 105px; }
	.f120, .f120.vw{ font-size: 90px; }
	.f70, .f70.vw, .header nav ul li{ font-size: 36px; }
	.f44, .f44.vw{ font-size: 26px; }
	.f34, .f34.vw{ font-size: 22px; }
	.f28, .f28.vw{ font-size: 21px; }
	.f24, .f24.vw{ font-size: 20px; }
	.f20, .f20.vw{ font-size: 14px; }
	.f18, .f18.vw, .btn{ font-size: 15px; }
	.f16, .f16.vw{ font-size: 14px; }
	.f12, .f12.vw{ font-size: 12px; }

	/* FONT SIZE fine */

	.determinati-img-abs{ position: static; margin-top: 4%; width: 100%;}
	.pdbtmod-tablet{ padding-bottom: 5%;}

}

@media(max-width: 767px) {

	/* FONT SIZE inizio */
	.f144, .f144.vw{ font-size: 50px; }
	.f120, .f120.vw{ font-size: 46px; }
	.f70, .f70.vw{ font-size: 30px; }
	.f44, .f44.vw{ font-size: 25px; }
	.f34, .f34.vw{ font-size: 20px; }
	.f28, .f28.vw{ font-size: 15px; }
	.f24, .f24.vw{ font-size: 13px; }
	.f20, .f20.vw{ font-size: 13px; }
	.f18, .f18.vw, .btn{ font-size: 13px; }
	.f16, .f16.vw{ font-size: 12px; }
	.f12, .f12.vw{ font-size: 11px; }

	/* FONT SIZE fine */

	/* HEADER inizio */
	.header{  width: 100%; display: grid; grid-template-columns: 100px 1fr 100px;  text-align: center;   }
	.social-header a{ margin-left: 17px;}

	.header nav{ padding: 0 20px;}
	.header nav ul{ /*bottom: auto; top: 8%;*/ position: static;}
	.header nav ul li{ font-size: 40px;}
	.header .menu_open{height: 100vh;
		overflow: auto;
		padding-bottom: 50px;}
	.rag-soc-menu{ font-size: 18px; position: static; margin-top: 30px;}
	.close-menu, .menu{ padding: 15px 0; font-size: 16px;}
	.menu{ padding-left: 15px;}
	.rag-soc-menu img{ width: 150px; margin-bottom: 20px;}
	.box-logo img{ width: 140px;}
	.social-header{ padding-top: 9px;}
	.social-header a:first-child{ margin-left: 0;}
	.social-header img{ width:22px;}

	.header nav ul li{ margin: 10px auto;}
	/* HEADER fine */

	/* ALL SITE inizio */
	main{ padding-top: 75px; }
	.pdbt2{ padding-bottom: 20px;}
	.pdlf0-mob{ padding-left: 0;}
	.pdlf5-mob{ padding-left: 5%;}
	.pdrt5-mob{ padding-right: 5%;}
	.pdbt5-mob{ padding-bottom: 5%;}
	.pdtp0mob{ padding-top: 0;}
	.cont-1100.fix{ width: 90%;}
	.grid-50, .grid-50-perc, .grid-25-5-70, .grid-60-10-30{display: block;}
	.btn.small{ display: inline-block; width: 220px; height: 50px; line-height: 50px; border-radius: 15px;}
	.order-1{ order:1;}
	.order-2{ order:2;}
	.btn{ height: 50px; line-height: 50px; margin: 3% 0; }

	/* ALL SITE fine */

	/* HOMEPAGE inizio */
	.main-home{ max-height: 100vh; overflow: hidden;}

	.title-main{ font-size: 30px;}
	.tonno-right{ position: static; text-align: right; padding-bottom: 20px; }
	.tonno-left{ position: static; text-align: left; padding-top: 20px; }
	.tonno-right img{  width: 100px;}
	.tonno-left img{  width: 120px;}
	.name-prod-slider-full-product{ top: 57%; }
	.slider-full-product .main-img{ width: 100%; max-width: none;}
	.slider-full-product .slick-prev, .slider-full-product .slick-next{ width: 12%; bottom: auto; top: 35%;}
	.slider-prod-bottom .slick-prev, .slider-prod-bottom .slick-next{ width: 12%; }
	.slider-full-product .slick-prev{ left: 3%;}
	.name-prod-slider-full-product{ top: 25%; left: 5%;}
	.txt-sost-home{ padding: 10% 5%;}
	.txt-sost-home > div:first-child{ padding: 0 0 10%;}
	.video-slider-full-product{ width: 90%;}
	/* HOMEPAGE fine */

	.ico-sost-tonno{ max-width: 35%; margin-top: 30px;}

	.flex-row{ display: block;}
	.flex-row img{ width: 50%; margin: 20px 0;}
	.flex-row .max-800{  padding-right: 5%; padding-top: 5%;}
	.grid-title-table-sost{ grid-template-columns: 17% 1fr;}

	.img-main-consorcio{ width: 80%;}
	.bg-tratteggio{ background-size: 180%; background-position: right 128% bottom 5%;}
.ico-club-consorcio{ width: 30%;}


	.box-grid-product.show{ display: grid; grid-template-columns: 1fr 1fr;}
	.box-single-product:nth-child(3n){ border-right: 1px solid #977842; }
	.box-single-product:nth-child(2n){ border-right: 0; }
	.single-box{ padding: 6% 0;}
	.box-single-product img{ max-width: 100%;}

	.row-sel-prod.ricette{  grid-template-columns: 1fr 1fr 1fr; border-bottom: 0; }
	.row-sel-prod.ricette .sec{   grid-column: 1 / span 3; border-bottom: 1px solid #977842; border-left: 0; }
	.row-sel-prod.ricette .first{   grid-column: 1 / span 3; border-bottom: 1px solid #977842; border-right: 0;}
	.row-sel-prod.ricette .second{   grid-column: 1 / span 3; border-bottom: 1px solid #977842;}
	.row-sel-prod.ricette .third{   grid-column: 1 / span 3; }


	.input-custom{font-size: 13px; height: 50px; margin: 3% 0; }

	.club-ico{ width: 100px; display: block; margin-left: 5%;}
	.ico-consorcio-abs{ right: 0;}
	.ico-sost-home{ width: 38%;}

	/* FOOTER inizio */
	.box-link-footer{ display: block; font-size: 13px; padding: 50px 0;}
	.box-link-footer a{ margin-bottom: 20px;}
	.copy-privacy{ display: block; text-align: center; font-size: 12px;}
	.copy-privacy .txt-right, .box-link-footer .txt-right{  text-align: center; margin-top: 15px;}
	/* FOOTER fine */



}

@media screen and (min-width: 768px) and (max-width: 1023px)
{

	.flex-row img{ width: 100%;}
	.flex-row .max-800{ width: 121%;
		padding-left: 0; padding-right: 12%;}
	.grid-title-table-sost .pdlf30{ padding-left: 10%;}

}




@media screen and (min-width:1024px)
{
	.hide-on-desktop{ display: none !important;}
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
	.hide-on-tablet{ display: none !important;}


}
@media screen and (min-width: 0px) and (max-width: 767px)
{
	.hide-on-mobile{ display: none !important;}
}


.image {
	width: 250px;
	margin: 20px;
}


.performance-facts {
	border: 1px solid #977842;
	margin: 20px;
	width: 68%;

	padding: 0.5rem;
}
.performance-facts table {
	border-collapse: collapse;
}

.performance-facts__title {
	font-weight: bold;
	font-size: 2vw;
	margin: 0 0 0.25rem 0;
}

.performance-facts__header {
	border-bottom: 10px solid #977842;
	padding: 0 0 0.25rem 0;
	margin: 0 0 0.5rem 0;
}
.performance-facts__header p {
	margin: 0;
}

.performance-facts__table, 
.performance-facts__table--grid, 
.performance-facts__table--small {
	width: 100%;
}
.performance-facts__table thead tr th, 
.performance-facts__table--grid thead tr th, 
.performance-facts__table--small thead tr th,
.performance-facts__table thead tr td,
.performance-facts__table--grid thead tr td,
.performance-facts__table--small thead tr td {
	border: 0;
}
.performance-facts__table th, 
.performance-facts__table--grid th, 
.performance-facts__table--small th,
.performance-facts__table td,
.performance-facts__table--grid td,
.performance-facts__table--small td {
	font-weight: normal;
	text-align: left;
	padding-bottom: .8rem;
	padding-top: .8rem;
	/* border-bottom: 1px solid #977842; */
	white-space: nowrap;
}
/* .performance-facts__table td:last-child, 
.performance-facts__table--grid td:last-child, 
.performance-facts__table--small td:last-child {
	text-align: right;
} */
.performance-facts__table .blank-cell, .performance-facts__table--grid .blank-cell, .performance-facts__table--small .blank-cell {
	width: 1rem;
	border-top: 0;
}
.performance-facts__table .thick-row th, .performance-facts__table--grid .thick-row th, .performance-facts__table--small .thick-row th,
.performance-facts__table .thick-row td,
.performance-facts__table--grid .thick-row td,
.performance-facts__table--small .thick-row td {
	border-top-width: 5px;
}

.small-info {
	font-size: 0.7vw;
}

.performance-facts__table--small {
	border-bottom: 1px solid #999;
	margin: 0 0 0.5rem 0;
}
.performance-facts__table--small thead tr {
	border-bottom: 1px solid #977842;
}
.performance-facts__table--small td:last-child {
	text-align: left;
}
.performance-facts__table--small th,
.performance-facts__table--small td {
	border: 0;
	padding: 0;
}

.performance-facts__table--grid {
	margin: 0 0 0.5rem 0;
}
.performance-facts__table--grid td:last-child {
	text-align: left;
}
.performance-facts__table--grid td:last-child::before {
	content: "•";
	font-weight: bold;
	margin: 0 0.25rem 0 0;
}
.performance-facts__table, 
.performance-facts__table--grid {
	font-size: 1vw;
}

.performance-facts__table--border {
	border-bottom: 2px solid #707070;
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left !important;
}

.text-wrap {
	white-space: normal !important;
}

.thick-end {
	border-bottom: 10px solid #977842;
}

.thin-end {
	border-bottom: 1px solid #977842;
}


@media(max-width: 767px){
	.performance-facts {
		width: 93%;
		margin:auto;
		font-size: 11px;
	}
	.performance-facts__table, .performance-facts__table--grid{ font-size: 12px;}

	.small-info{ font-size: 11px;}
	.performance-facts__title{ font-size: 24px;}

}