/*
Theme Name: DILLOSTUDIO X NGLABTEC
Theme URI: https://dillo.studio/
Author: DilloStudio
Author URI: https://dillo.studio/
Description: Tema di NGLABTEC
*/


@font-face {
	font-family: "BDOGrotesk-Regular";
	font-style: normal;
	font-stretch: normal;
	font-weight: normal;
	font-display: swap;
	src: url('fonts/BDOGrotesk-Regular.woff2') format('woff2');
}


@font-face {
	font-family: "BDOGrotesk-Medium";
	font-style: normal;
	font-stretch: normal;
	font-weight: normal;
	font-display: swap;
	src: url('fonts/BDOGrotesk-Medium.woff2') format('woff2');
}

@font-face {
	font-family: "BDOGrotesk-DemiBold";
	font-style: normal;
	font-stretch: normal;
	font-weight: normal;
	font-display: swap;
	src: url('fonts/BDOGrotesk-DemiBold.woff2') format('woff2');
}



* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
	font-weight: normal;
}


input:focus,
textarea:focus,
select:focus {
	outline: none;
}

body {
	font-family: "BDOGrotesk-Regular";
	font-weight: normal;
}


.grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 2.083vw;
	padding: 0 9.028vw;

	gap: 2.08vw;
	padding: 0 9.03vw;
}

/* griglia senza gap: la distanza tra gli elementi e' data dal loro margin-bottom */
.gridNoGap {
	gap: 0;
}

.innergrid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 2.083vw;
	padding: 0 7.639vw;
	gap: 2.08vw;
	padding: 0 7.64vw;

	background-color: var(--grigioChiaro);
	margin-left: 1.389vw;
	margin-right: 1.389vw;
}


:root {
	--bianco: #ffffff;
	--middleRedPurple: #130047;
	--grigioChiaro: #F7F7F7;
	--blueberry: #4D75FF;
	--grey: #6B6B6B;
}



/**********************/
/* TIPOGRAPHY */
/**********************/

h1 {
	font-size: 3.194vw;
	line-height: 1.1;
}

h2 {
	font-size: 2.569vw;
	line-height: 1.1;
}

h3 {
	font-size: 2.153vw;
	line-height: 1.1;
}

.display {
	font-size: 4.514vw;
	line-height: 1.1;
}

.copyBig {
	font-size: 1.528vw;
	line-height: 1.2;
}

.copyBig p {
	font-size: inherit;
	line-height: inherit;
}

.copyBig p+p {
	margin-top: 1.2em;
}

.schemeHeader .copyBig {
	grid-column: span 12;
}

p,
.copy {
	font-size: 1.042vw;
	line-height: 1.4;
	font-family: "BDOGrotesk-Regular";
	color: var(--grey);
}

h4 {
	font-size: 1.597vw;
	line-height: 1.1;
}

h5 {
	font-size: 1.389vw;
	line-height: 1.2;
}


.cardProdotto h3 {
	font-size: 1.667vw;
}

.breadcrumb {
	font-size: 0.903vw;
	line-height: 1.4;
}

.copyLink {
	font-size: 1.042vw;
	line-height: 1.4;
}

.copyMenu,
.lang-switch a {
	font-size: 0.903vw;
	line-height: 0.9;
}

.cta,
.cta4 {
	font-family: "BDOGrotesk-Medium";
	font-size: 0.972vw;
	line-height: 0.9;
	border-style: none;
}

.cardNewsData {
	font-size: 0.972vw;
	font-family: "BDOGrotesk-Medium";
}

.copyFooter,
.ftrClosing p,
.ftrClosing a {
	font-size: 0.903vw;
}

.ftrWrapper div span,
.ftrUpperLink {
	font-family: "BDOGrotesk-DemiBold";
	font-size: 1.042vw;
}



.inputField,
.wpcf7-form-control.wpcf7-select {
	font-size: 1.042vw;
}


.wpcf7-list-item-label,
.wpcf7-list-item-label a {
	font-size: 0.833vw;
}


.discontinued p,
.discontinued a {
	font-size: 0.833vw;
}

/**********************/
/* END TIPOGRAPHY */
/**********************/


.navLogo {
	width: 10.486vw;
	height: 1.181vw;
}

.cta {
	padding: 1.042vw 2.083vw;
	padding-top: 1.25vw;
	width: fit-content;
	background-color: var(--middleRedPurple);
	border-radius: 6.944vw;
	color: var(--bianco);
	position: relative;
	overflow: hidden;
	transition: background-color 0.25s ease, color 0.25s ease;
}

.cta:not(.cta2)::after {
	content: "";
	position: absolute;
	inset: 0;
	background-color: var(--bianco);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.25s ease;
}

.cta:not(.cta2):hover::after {
	opacity: 0.2;
}

.cta2 {
	border: 1px solid var(--middleRedPurple);
	color: var(--middleRedPurple);
	background-color: unset;
}

.cta3 {
	color: var(--bianco);
	background-color: var(--blueberry);
}

.cta2:hover {
	background-color: var(--middleRedPurple);
	color: var(--bianco);
}

.cta4 {
	color: var(--blueberry);
	padding-bottom: 0.417vw;
	border-bottom: 1px solid var(--blueberry);
	width: fit-content;
}

.cta4:hover {
	color: var(--middleRedPurple);
	border-bottom: 1px solid var(--middleRedPurple);
}


.logoFtr,
.navLogo {
	background: url('img/logo.svg');
	background-position: left;
	background-size: contain;
	background-repeat: no-repeat;
}

/*
.logoFtr{
	background: url('img/logo20.png');
	background-position: left;
	background-size: cover;
	background-repeat: no-repeat;
	height: 4.167vw;
}
*/
.navigationDesk .dropdown-icon {
	background: url('img/navbarIcon.svg');
	background-position: left;
	background-size: contain;
	background-repeat: no-repeat;
}


.menu-toggle {
	background: url('img/menuMob.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.menu-close {
	background: url('img/menuMobClose.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}


/**********************/
/* FOOTER */
/**********************/
footer {
	background: url('img/sfumaturaFooter.jpg');
	background-position: bottom;
	background-size: cover;
}

.ftrClosing p,
.ftrClosing a {
	color: var(--bianco);
}




/**********************/
/* HOMEPAGE */
/**********************/
.p1-sl1 {
	width: 100%;
	height: 100vh;
	background: url('img/sfumaturaHome.jpg');
	background-position: bottom;
	background-size: cover;

	box-sizing: border-box;
	padding-bottom: 5.972vw;
	padding-bottom: 11.467vh;

	row-gap: 0;
}

.header-sl1 {
	grid-column: span 10;
	display: flex;
	align-items: flex-end;
}

.header-sl1 h1 {
	transform: translateY(50%);
}

.header-sl2-box1 {
	grid-column: 1/7;
	display: flex;
	align-items: flex-end;
}

.header-sl2-box1 p {
	margin-bottom: 0.833vw;
}

.header-sl2-box2 {
	grid-column: 8/13;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.p1-sl2-box-link {
	display: flex;
	flex-direction: row;
	gap: 0.694vw;
	margin-top: 2.292vw;
}

.header-sl2-box1 p,
.header-sl2-box2 p {
	color: black;
}





.p1-sl2 {
	box-sizing: border-box;
	padding-top: 11.111vw;
}


.p1-sl2-title {
	grid-column: span 7;
	display: flex;
	gap: 2.222vw;
	flex-direction: column;
}

.splideHome {
	grid-column: span 12;
	margin-top: 4.167vw;
}

.splideHome:hover {
	cursor: grab;
}

.cardTecniche {
	background-color: var(--grigioChiaro);
	box-sizing: border-box;
	padding: 2.778vw;
	width: 27.778vw;
	margin-right: 2.083vw;
	border-radius: 1.389vw;
	min-height: 31.722vw;

	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.splideHome .cardTecniche:first-child {
	margin-left: 9.097vw;
}

.splideHome .splide__list .cardTecniche:last-child {
	margin-right: 9.097vw;
	visibility: hidden;
}

.cardTecniche img {
	width: 4.514vw;
	height: 4.514vw;
	border-radius: 0.694vw;
	object-fit: cover;
	object-position: center;
}

.cardTecnicheContent {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	gap: 2.083vw;
	min-height: 17.361vw;
}

.cardTecnicheContent h3 {
	font-size: 2.083vw;
	margin-bottom: 1.667vw;
	overflow-wrap: break-word;
	hyphens: auto;
}

.p1-sl3 {
	margin: 11.111vw 0;
}

.p1-sl3 p {
	grid-column: span 12;
	text-align: center;
}


.p1-sl4 {
	grid-column: span 12;
	background-color: var(--grigioChiaro);
	border-radius: 2.222vw;
	height: auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 11.111vw;
	overflow: hidden;
}

.p1-sl4 div {
	display: flex;
	flex-direction: column;
	gap: 1.667vw;
	box-sizing: border-box;
	padding: 6.25vw;
	width: 70%;
	height: auto;
}

.p1-sl4 img {
	width: 24.815vw;
	flex: none;
	margin-left: auto;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 2.222vw;
}

.p1-sl5 {
	border-radius: 2.222vw 2.222vw 0 0;
	padding-top: 11.111vw;
}

.p1-sl6 {
	padding-top: 11.111vw;
}

.p1-sl7 {
	padding-bottom: 4.167vw;
}

.p1-sl5-img {
	grid-column: span 5;
	border-radius: 1.736vw;
	width: 100%;
}

.p1-sl5-content {
	grid-column: 7/13;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
}

.p1-sl5-texts {
	display: flex;
	flex-direction: column;
	gap: 1.667vw;
	margin-bottom: 5.556vw;
}

.beneficio {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1.528vw;
	margin-bottom: 1.111vw;
}

.beneficio p {
	color: var(--blueberry);
}

.beneficiIcon {
	width: 2.778vw;
	height: 2.778vw;
	background-color: rgba(77, 117, 255, 0.15);
	border-radius: 0.556vw;
	display: flex;
	align-items: center;
	justify-content: center;
}

.beneficiIcon svg {
	width: 1.25vw;
	height: 0.903vw;
	object-fit: contain;
	object-position: center;
}

.p1-sl5-eventsText {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 2.222vw;
	grid-column: span 4;
}

.yearCardAppuntamenti {
	grid-column: span 12;
	margin-top: 2.778vw;
}

.cardAppuntamenti {
	box-sizing: border-box;
	padding: 2.778vw;
	border-radius: 1.667vw;
	grid-column: span 4;
	height: 30.625vw;
	background: url('img/bck-evento.jpg');
	background-position: bottom;
	background-size: cover;
	overflow: hidden;

	display: flex;
	flex-direction: column;
	gap: 2.222vw;
}

.cardAppuntamenti div {
	display: flex;
	flex-direction: column;
	gap: 1.111vw;
}

.cardAppuntamenti div div {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.cardNews {
	background-color: var(--grigioChiaro);
	grid-column: span 4;
	box-sizing: border-box;
	padding: 2.778vw;
	border-radius: 1.389vw;

	display: flex;
	flex-direction: column;
	justify-content: space-between;

	height: 20vw;
}

.cardNews div {
	display: flex;
	flex-direction: column;
	gap: 1.042vw;
}

.cardNewsData {
	color: var(--blueberry);
}

.p1-partners {
	grid-column: 3/11;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 2.222vw;
	margin-top: 20.833vw;
	align-items: center;
}

.p1-partners h1,
.p1-partners p {
	width: 90%;
}


.p1-sl9 {
	grid-column: span 12;
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
}


.contactSection {
	width: 100%;
	height: 50vh;
	height: 40.278vw;

	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 2.222vw;
	text-align: center;
}

.contactSection h1 {
	width: 50%;
}

/**********************/
/* END HOMEPAGE */
/**********************/


/**********************/
/* CHI SIAMO */
/**********************/

.p2-sl1 {
	width: 100%;
	height: 100vh;
	background: url('img/sfumaturaChisiamo.jpg');
	background-position: bottom;
	background-size: cover;

	box-sizing: border-box;
	padding-bottom: 5.972vw;
	padding-bottom: 11.467vh;

	row-gap: 8.792vw;
	grid-template-rows: 1fr auto;
}

.p2-sl1 h1 {
	grid-column: span 12;
	display: flex;
	align-items: flex-end;
	width: 70%;
}

.p2-sl1 div {
	grid-column: span 4;
	display: flex;
	justify-content: flex-start;
	gap: 1.111vw;
	flex-direction: column;
}

.p2-sl1 p {
	color: black;
}


.p2-sl2 {
	margin-top: 10vw;
}

.p2-sl2 h3 {
	grid-column: 5/12;
	margin-bottom: 2.083vw;
}

.p2-sl3 {
	margin-top: 9.931vw;
	margin-bottom: 11.944vw;
}

.p2-sl3 img {
	width: 100%;
	height: 45.139vw;
	grid-column: span 12;
	object-position: center;
	object-fit: cover;
	border-radius: 1.667vw;
}

.p2-sl4 {
	box-sizing: border-box;
	padding-top: 7.917vw;
	padding-bottom: 8.819vw;
	border-radius: 1.667vw 1.667vw 0 0;
}

.p2-sl4 h2 {
	grid-column: span 5;
}

.p2-sl4 p {
	grid-column: 6/13;
}

.p2-sl5 {
	margin-left: 1.389vw;
	margin-right: 1.389vw;
}

.splideChisiamo {
	background-color: var(--grigioChiaro);
}

.splideChisiamo::before,
.splideChisiamo::after {
	background: linear-gradient(to right, rgba(247, 247, 247, 1) 0%, rgba(255, 255, 255, 0) 100%);
	content: "";
	height: 100%;
	position: absolute;
	width: 15.972vw;
	z-index: 2;
}

.splideChisiamo::before {
	left: 0;
	top: 0;
}

.splideChisiamo::after {
	right: 0;
	top: 0;
	transform: rotateZ(180deg);
}

.splideChisiamo .splide__list .splide__slide {
	background-color: var(--bianco);
	;
	border-radius: 1.389vw;
	width: 18.889vw;
	height: 22.431vw;

	display: flex;
	justify-content: space-between;
	flex-direction: column;

	box-sizing: border-box;
	padding: 2.222vw;
	margin-right: 2.083vw;
}

.p2-sl7 {
	background-color: var(--grigioChiaro);
	height: 12.847vw;
	border-radius: 0 0 1.667vw 1.667vw;
	margin-left: 1.389vw;
	margin-right: 1.389vw;
}

/**********************/
/* END CHI SIAMO */
/**********************/


/**********************/
/*  TECNICHE */
/**********************/
.p3-sl1 {
	padding-top: 13.194vw;
	padding-bottom: 6.25vw;
	row-gap: 1.944vw;
}

.p3-sl1 h1 {
	grid-column: span 7;
}

.p3-sl1 p {
	grid-column: span 7;
}

.p3-sl2 .cardTecniche {
	grid-column: span 4;
}

.cardTecniche:first-child {
	margin-left: 0;
}

.p3-sl2 .cardTecniche {
	margin-right: 0;
	width: 100%;
}

/**********************/
/* END TECNICHE */
/**********************/



/**********************/
/* GRUPPO TECNICHE */
/**********************/

.schemeHeader {
	row-gap: 1.944vw;
	padding-top: 13.194vw;
	padding-top: 13.194vw;
	padding-bottom: 6.4583vw;
}

.schemeHeader h1 {
	grid-column: span 12;
}

.schemeHeader p {
	grid-column: span 12;
}

.schemeHeader .heroDesc {
	color: #888;
}

/* Eventi, News, Partner: descrizione su 7 colonne (solo desktop) */
.schemeHeader .heroDescNarrow,
.schemeHeader .heroTitleNarrow {
	grid-column: span 7;
}

.breadcrumb {
	color: var(--blueberry);
	grid-column: span 12;
}

.breadcrumb a {
	color: var(--blueberry);
	text-decoration: none;
}

.breadcrumb a:hover {
	color: var(--middleRedPurple);
}


.listTecniche {
	background-color: var(--grigioChiaro);
	padding: 4.167vw;
	border-radius: 1.389vw;
	margin-bottom: 1.667vw;
	grid-column: span 12;

	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.listTecniche div {
	width: 80%;
	display: flex;
	flex-direction: column;
	gap: 1.667vw;
}

/**********************/
/* END GRUPPO TECNICHE */
/**********************/

/**********************/
/* GRUPPO FAMIGLIE */
/**********************/
.cardProdotto {
	grid-column: span 6;
	background-color: var(--grigioChiaro);
	border-radius: 1.389vw;
	display: flex;
	flex-direction: row;
	overflow: hidden;
}



.cardProdottoText {
	box-sizing: border-box;
	padding: 2.778vw;
	padding-right: 1.944vw;
	width: 50%;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.cardProdottoText div {
	display: flex;
	flex-direction: column;
	gap: 1.111vw;
}

.cardProdottoText .cardProdottoTextTitle {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.cardProdotto img {
	width: 50%;
	height: 100%;
	height: 24.167vw;
	object-fit: cover;
	object-position: center;

	box-sizing: border-box;
	border: 0.833vw solid var(--grigioChiaro);
	border-radius: 1.389vw;
}




/**********************/
/* END GRUPPO FAMIGLIE */
/**********************/

/**********************/
/* SINGOLA FAMIGLIA */
/**********************/

.discontinued,
.cardProdottoText div .discontinued {
	background-color: #ffc233;
	box-sizing: border-box;

	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 0.486vw;
	box-sizing: border-box;
	padding: 0.486vw 0.694vw;
	border-radius: 0.347vw;
	width: fit-content;
	flex-wrap: wrap;
}

.discontinued p,
.discontinued a {
	color: black;
	margin-top: 0.139vw;
}

.discontinuedIcon {
	width: 1.25vw;
	height: 1.25vw;
	background: url('img/allertIcon.svg');
	background-size: cover;
	background-position: center;

	align-items: center;
}

.discontinued a {
	text-decoration: underline;
}

.discontinued a:hover {
	color: var(--grey);
}


/**********************/
/* END SINGOLA FAMIGLIA */
/**********************/

/**********************/
/* SINGOLO PRODOTTO */
/**********************/

.productInfo {
	margin-top: 11.389vw;
	margin-bottom: 11.389vw;
}

.productNotes h3,
.resourceNotes h3 {
	grid-column: span 12;
}

.productNotes h3,
.resourceNotes h3 {
	margin-bottom: 1.25vw;
}

.resourceNotes {
	margin-bottom: 9.514vw;
}

.productText {
	grid-column: span 6;
	gap: 1.944vw;
	display: flex;
	justify-content: center;
	flex-direction: column;
}


.splideProdotto {
	grid-column: 8/13;
	background-color: var(--grigioChiaro);

	border: 2px solid var(--grigioChiaro);
	box-sizing: border-box;
	border-radius: 1.389vw;
	overflow: hidden;
	position: relative;

	width: 100%;
	height: fit-content;
}

.splideProdotto .splide__slide {
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.splideProdotto .splide__slide img {
	width: 100%;
	height: 33.333vw;
	object-fit: cover;
	object-position: center;
}

.splide__pagination__page.is-active {
	background-color: var(--blueberry);
}

.splide__arrow {
	background-color: #adadad;
	/*background-color: unset;*/
}


.caratteristiche {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 2.083vw;
	row-gap: 0.694vw;
}

.caratteristica {
	display: flex;
	flex-direction: row;
	width: fit-content;
	align-items: center;
}

.caratteristicaIcon {
	width: 1.667vw;
	height: 1.667vw;
	margin-right: 0.833vw;
	border-radius: 50%;
	background-color: rgba(77, 117, 255, 0.15);
	display: flex;
	align-items: center;
	justify-content: center;
}

.caratteristicaIcon img {
	width: 0.764vw;
}


.productCompany {
	color: var(--blueberry);
	border-bottom: 1px solid var(--blueberry);
	padding-bottom: 0.278vw;
	width: fit-content;
}

.productCompany:hover {
	opacity: 0.5;
}



/**********************/
/* END SINGOLO PRODOTTO */
/**********************/



/**********************/
/* SERVIZI */
/**********************/
.cardServizi {
	background-color: var(--grigioChiaro);
	border-radius: 1.389vw;
	box-sizing: border-box;
	padding: 2.778vw;

	display: flex;
	flex-direction: column;
	justify-content: space-between;

	grid-column: span 6;
	height: 21.528vw;
}

.cardServizi div {
	display: flex;
	flex-direction: column;
	gap: 1.389vw;
}

.cardServizi img {
	width: 4.514vw;
	height: 4.514vw;
	object-fit: cover;
	object-position: center;
	border-radius: 0.694vw;
}

/**********************/
/* END SERVIZI */
/**********************/


/**********************/
/* SETTORI */
/**********************/

.cardSettori {
	grid-column: span 4;
	background-color: var(--grigioChiaro);
	border-radius: 1.389vw;

	display: flex;
	flex-direction: column;
	row-gap: 0;
	height: auto;
}

.cardSettori img {
	border-radius: 1.389vw;
	width: 100%;
	height: 17.639vw;
	object-position: center;
	object-fit: cover;
}

.cardSettori div {
	box-sizing: border-box;
	padding: 2.778vw;
	padding-top: 2.083vw;
	height: 14.722vw;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/**********************/
/* END SETTORI */
/**********************/

/**********************/
/* SINGOLO SETTORI */
/**********************/

.p5-sl1 {
	padding-top: 13.889vw;
	padding-bottom: 9.236vw;

	align-items: center;

}

.p5-sl1-title {
	grid-column: span 6;
	display: flex;
	flex-direction: column;
	gap: 1.944vw;
}

.p5-sl1 img {
	grid-column: 8/13;
	height: 21.736vw;
	border-radius: 1.389vw;
}

.p5-sl2 {
	margin-bottom: 13.889vw;
}

.p5-sl2 h3,
.p5-sl3 h3 {
	grid-column: span 12;
}

.p5-sl2 h3 {
	margin-bottom: 1.25vw;
}

.applicationNotes {
	grid-column: span 12;
}

.applicationNotes ul li {
	border-top: 1px solid #ccc;
	padding: 1.389vw 0;
	grid-column: span 12;
	list-style: none;

	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.applicationNotes ul li p {
	color: black;
}

.applicationNotes ul li:last-of-type {
	border-bottom: 1px solid #ccc;
}

.applicationNotes ul li .openModalBtn {
	border: 1px solid var(--blueberry);
	color: var(--blueberry);
}

.applicationNotes ul li .openModalBtn:hover {
	border: 1px solid var(--middleRedPurple);
	color: var(--bianco);
}



.modal {
	display: none;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	align-items: center;
	justify-content: center;
}

.modal.active {
	display: flex;
}

.modal-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.modal-content {
	position: relative;
	background-color: var(--grigioChiaro);
	padding: 2.222vw;
	max-width: 34.722vw;
	z-index: 2;
	border-radius: 0.556vw;
}

.closeModalBtn {
	position: absolute;
	top: 0.694vw;
	right: 0.694vw;
	background: none;
	font-size: 1.667vw;
	border: none;
	cursor: pointer;
	border: 0;
}

.wpcf7-response-output {
	border: 0;
	font-size: 1.111vw;
}


.wpcf7 form.sent .wpcf7-response-output {
	border: 0;
	padding: 0;
	text-align: left;
	margin: 0;
	margin-top: 1.389vw;
	text-align: center;
	background-color: var(--grigioChiaro);
	color: var(--grey);
	padding: 1.042vw 2.083vw;
	border-radius: 0.556vw;
}

/**********************/
/* END SINGOLO SETTORI */
/**********************/




/**********************/
/* PARTNERS */
/**********************/
.cardPartner {
	grid-column: span 4;
	margin-bottom: 0.694vw;
}

.cardPartnerImg {
	width: 100%;
	height: 12.014vw;
	background-color: var(--grigioChiaro);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 1.111vw;
}

.cardPartnerText {
	margin-top: 1.111vw;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.cardPartnerText h5 {
	color: black;
}

.cardPartnerIcon {
	background: url('img/arrow.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 1.944vw;
	height: 1.944vw;
}

.cardPartnerImg img {
	width: 60%;
	height: 60%;
	object-fit: contain;
	object-position: center;
}

/**********************/
/* END PARTNERS */
/**********************/

/**********************/
/* SINGOLO PARTNERS */
/**********************/
.singlePartner {
	margin-top: 12.5vw;
	margin-bottom: 13.889vw;
}

.singlePartnerText {
	grid-column: span 7;
	display: flex;
	flex-direction: column;
	gap: 1.944vw;
}

.singlePartnerRef {
	grid-column: 9/13;
	display: flex;
	flex-direction: column;
	gap: 2.083vw;
}

.singlePartnerImg {
	width: 100%;
	height: 12.083vw;
	border-radius: 1.111vw;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--grigioChiaro);
}

.singlePartnerImg img {
	object-fit: cover;
	object-position: center;
	width: 6.944vw;
	height: 6.944vw;
}

.singlePartnerRef div p {
	color: black;
}

.singlePartnerRef div p:nth-child(1) {
	color: var(--blueberry);
}

.singlePartnerRef div a {
	text-decoration: none;
	color: black;
}

/**********************/
/* END SINGOLO PARTNERS */
/**********************/






/**********************/
/* NEWS */
/**********************/

.yearTitle {
	grid-column: span 12;
	margin-top: 2.778vw;
}

/**********************/
/* END NEWS */
/**********************/

/**********************/
/* SINGOLA NEWS */
/**********************/
.singleNewsCont {
	grid-column: span 8;
	display: flex;
	flex-direction: column;
	gap: 2.222vw;
	margin-top: 12.5vw;
}

.singleNewsCont h4 {
	color: var(--blueberry);
}

.singleNewsCont div {
	display: flex;
	flex-direction: column;
	gap: 0.833vw;
}

.newsImage {
	height: 22.222vw;
	width: 100%;
	border-radius: 0.833vw;
	object-position: center;
	object-fit: cover;
}

.appuntamentoImage {
	min-width: 13.889vw;
	max-width: 100%;
	height: auto;
	border-radius: 0.833vw;
	object-position: left;
}

.ctaNews {
	grid-column: span 8;
	margin-top: 11.111vw;
	margin-bottom: 11.111vw;
}

.singleNewsCont b {
	font-family: "BDOGrotesk-DemiBold";
}

/**********************/
/* END SINGOLA NEWS */
/**********************/


/**********************/
/* APPUNTAMENTI */
/**********************/

.bck2 {
	background-color: var(--grigioChiaro);
}

.bck3 {}

/*
:nth-child(3n+4)
*/

.cardAppuntamenti2:nth-child(odd) {
	background: url('img/bck-evento2.jpg');
	background-position: bottom;
	background-size: cover;
}

/**********************/
/* END APPUNTAMENTI */
/**********************/


/**********************/
/* LEGAL (privacy / cookie) */
/**********************/

.legal {
	padding-top: 12.5vw;
	padding-bottom: 13.889vw;
}

.legal h1 {
	grid-column: span 12;
	margin-bottom: 4.167vw;
}

.legalBody {
	grid-column: span 12;
}

.legalBody h4 {
	margin-top: 3.333vw;
	margin-bottom: 1.111vw;
}

.legalBody h4:first-child {
	margin-top: 0;
}

.legalBody p,
.legalBody li {
	font-size: 1.042vw;
	line-height: 1.4;
	color: var(--grey);
}

.legalBody p+p,
.legalBody ul,
.legalBody ol,
.legalBody ul+p,
.legalBody ol+p {
	margin-top: 1.111vw;
}

.legalBody ul,
.legalBody ol {
	padding-left: 1.389vw;
}

.legalBody li+li {
	margin-top: 0.833vw;
}

.legalBody li ul {
	margin: 0.833vw 0;
}

.legalBody li ul li+li {
	margin-top: 0.278vw;
}

.legalBody a {
	color: var(--grey);
	text-decoration: underline;
}

.legalBody a:hover {
	opacity: 0.5;
}

/**********************/
/* CONTATTI */
/**********************/

.p7-sl1 {
	padding-top: 12.5vw;
	padding-bottom: 13.889vw;
}

.p7-sl1 h1 {
	grid-column: span 12;
	margin-bottom: 2.778vw;
}

.p7-sl1-box1 {
	grid-column: span 8;
	display: flex;
	flex-direction: column;
}

.p7-sl1-box2 {
	grid-column: 10 / 13;
	display: flex;
	flex-direction: column;
	gap: 3.333vw;
}

.p7-sl1-box2 div {
	display: flex;
	flex-direction: column;
	gap: 0.556vw;
}

.p7-sl1-box2 span {
	font-family: "BDOGrotesk-DemiBold";
}

.p7-sl1-box2 a {
	color: var(--blueberry);
	text-decoration: underline;
}

.p7-sl1-box2 a:hover {
	opacity: 0.5;
}



.inputFieldCont {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 2.083vw;
	margin-bottom: 2.083vw;
}

.inputField {
	padding-bottom: 0.694vw;
	border-radius: 0;
	background-color: unset;
	border-style: 0;
	border: 0;
	border-bottom: 1px solid #D2D2D2;
	width: 100%;
}


textarea {
	box-sizing: border-box;
	border-style: none;
	border: 0;

	width: 100%;
	padding: 1.389vw;
}

input[type=submit] {}



.wpcf7-spinner {
	position: absolute;
	bottom: -3.472vw;
	margin: 0;
	left: 50%;
	transform: translateX(-50%);
}

.wpcf7-response-output {
	text-align: center;
	border-radius: 1.389vw;
}

.grecaptcha-badge {
	visibility: hidden;
}

.wpcf7-list-item {
	margin: 0;
}

.inputCont .wpcf7-not-valid-tip {
	width: 100%;
}

.wpcf7-list-item-label {
	width: 100%;
	margin-top: 0.208vw;
}

.wpcf7-list-item-label a {
	color: black;
}

.wpcf7-form-control {
	margin-top: 0.486vw;
}

form label {
	font-size: 0.694vw;
	width: 100%;
}

/* CF7 avvolge ogni label in un <p>: sono loro gli item flex */
.inputFieldCont > p {
	flex: 1 1 calc(50% - 2.083vw);
	min-width: 0;
}

.inputFieldCont2 > p {
	flex-basis: 100%;
}

.inputFieldCont label {
	width: 100%;

	display: flex;
	flex-direction: column;
}

.form label {
	font-size: 0.694vw;
	color: brown;
}

.wpcf7-form-control-wrap {
	width: 100%;
}

.inputFieldCont2 label {
	width: 100%;
	margin-top: 2.083vw;
}

.inputFieldCont2 label .inputField {
	padding: 0;
}


/* Nasconde la freccia di default */
.wpcf7-form-control.wpcf7-select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 0;
	padding-bottom: 0.556vw;
	border-radius: 0;
	background-color: unset;
	border: 0;
	border-bottom: 1px solid #D2D2D2;


	background-image: url("img/dropdown.svg");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 1.667vw;
	cursor: pointer;
	color: #333;
	width: 100%;
}

/* Focus e hover */
.wpcf7-form-control.wpcf7-select:focus {
	border-color: #333;
	outline: none;
}

/* Per compatibilità extra */
.wpcf7-form-control-wrap {
	position: relative;
	display: inline-block;
	width: 100%;
}


/*CHECKBOX*/

/* Nascondi la checkbox di default */
input.checkBoxCont {
	opacity: 0;
	position: absolute;
	z-index: -1;
	/* Rimuove l'interazione diretta */
}

/* Stile del contenitore della checkbox */
.wpcf7-list-item label {
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
	user-select: none;
	width: 100%;

	margin: 0;
	margin-top: 1.389vw;
}

.wpcf7-form-control-wrap {}



/* Aggiungi una checkbox personalizzata */
.wpcf7-list-item label::before {
	content: '';
	display: inline-block;
	width: 1.389vw;
	height: 1.389vw;
	margin-right: 0.833vw;
	background-color: #D2D2D2;
	transition: all 0.2s ease-in-out;
	position: relative;
}

/* Stato "checked" della checkbox */
input.checkboxcont:checked+.wpcf7-list-item-label::before {
	background-color: var(--blueberry);
}

input.checkBoxCont:checked+.wpcf7-list-item-label::after {
	content: '';
	position: absolute;
	/* il segno di spunta sta al centro della casella (larga 1.389vw) e della riga */
	left: 0.694vw;
	top: 50%;
	width: 0.278vw;
	height: 0.556vw;
	border: solid black;

	border-width: 0 2px 2px 0;
	-webkit-transform: translate(-50%, -60%) rotate(45deg);
	-ms-transform: translate(-50%, -60%) rotate(45deg);
	transform: translate(-50%, -60%) rotate(45deg);
	box-sizing: border-box;
}


/* Stato hover */
.wpcf7-list-item label:hover::before {
	/*border-color: var(--verdeBrillante);*/
}

/* Disabilita il focus nativo e crea un focus personalizzato */
/*
input.checkBoxCont:focus + .wpcf7-list-item-label::before {
	outline: 1px solid var(--verdeBrillante);;
	outline-offset: 1px;
}
*/

/* END CHECKBOX*/

.notice,
.notice a {
	margin-top: 1.389vw;
	font-size: 0.625vw;
	color: var(--grey);
}

.notice a:hover {
	color: black;
}

/* stacca il blocco notice + bottone "Invia" da quello che sta sopra (checkbox) */
.wpcf7-form .notice {
	margin-top: 2.083vw;
}

/**********************/
/* END CONTATTI */
/**********************/

/**********************/
/* 404 */
/**********************/

.header404 {
	padding-top: 17.014vw;
	padding-bottom: 13.889vw;

	grid-column: span 6;
	display: flex;
	flex-direction: column;
	gap: 2.222vw;
}

.header404 h5 {
	color: var(--blueberry);
}

/**********************/
/* END 404 */
/**********************/





/**********************/
/* MOBILE */
/**********************/
@media only screen and (max-width: 768px) {

	.grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 5.128vw;
		padding: 0 5.128vw;
	}

	.gridNoGap {
		gap: 0;
	}

	.innergrid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 5.128vw;
		padding: 0 5.128vw;

		margin-left: 0;
		margin-right: 0;
	}

	/* TIPOGRPHY */

	h1 {
		font-size: 7.179vw;
	}

	h2 {
		font-size: 7.179vw;
	}

	h3 {
		font-size: 6.154vw;
	}

	.display {
		font-size: 10.256vw;
	}

	.copyBig {
		font-size: 4.615vw;
		font-weight: normal;
	}

	p,
	.copy {
		font-size: 3.333vw;
	}

	h4 {
		font-size: 5.128vw;
	}

	h5 {
		font-size: 5.128vw;
	}

	.breadcrumb {
		font-size: 3.333vw;
	}

	.copyLink {
		font-size: 3.846vw;
	}

	.copyMenu,
	.lang-switch a {
		font-size: 3.333vw;
	}

	.cta {
		font-size: 3.59vw;
		padding: 3.59vw 7.179vw;
		padding-top: 4.615vw;
	}

	.cta4 {
		font-size: 3.8462vw;
	}

	.cardNewsData {
		font-size: 3.59vw;
	}

	.copyFooter,
	.ftrClosing p,
	.ftrClosing a {
		font-size: 3.333vw;
	}

	.ftrWrapper div span,
	.ftrUpperLink {
		font-size: 3.846vw;
	}

	.splideChisiamo .splide__list .splide__slide h1 {
		font-size: 11.795vw;
	}

	.mobile-menu-list li a {
		font-size: 7.179vw;
		line-height: 1;
	}

	.mobile-menu-list .dropdown-content li a {
		font-size: 3.333vw;
	}

	form label,
	.inputField,
	.wpcf7-form-control.wpcf7-select {
		font-size: 3.8462vw;
	}


	.wpcf7-list-item-label,
	.wpcf7-list-item-label a {
		font-size: 3.8462vw;
	}

	.wpcf7-form .notice,
	.wpcf7-form .notice a {
		font-size: 3.333vw;
	}

	.wpcf7-form .notice {
		margin-top: 6.154vw;
	}

	/* casella piu' grande su mobile (4.615vw ~ 18px), con il segno di spunta al centro */
	.wpcf7-list-item label::before {
		width: 4.615vw;
		height: 4.615vw;
		margin-right: 2.564vw;
		flex: none;
	}

	input.checkBoxCont:checked+.wpcf7-list-item-label::after {
		left: 2.308vw;
		width: 1.026vw;
		height: 2.051vw;
	}

	/* NAVBAR */
	.navMobLogo {
		background: url('img/logo.svg');
		background-position: bottom;
		background-size: cover;
	}

	.dropdown-icon {
		background: url('img/navbarIcon.svg');
		background-position: bottom;
		background-size: cover;
	}

	/* FOOTER */
	footer {
		background: url('img/sfumaturaFooterMob.jpg');
		background-position: bottom;
		background-size: contain;
		background-repeat: no-repeat;
	}

	/* HOMEPAGE M */

	.p1-sl1 {
		padding-top: 38.462vw;
		padding-bottom: 16.667vw;
		row-gap: 4.615vw;

		background: url('img/sfumaturaHomeMob.jpg');
		background-position: bottom;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.header-sl1 {
		grid-column: span 4;
	}

	.header-sl2-box1 {
		grid-column: span 4;

	}

	.header-sl2-box2 {
		grid-column: span 4;
	}

	.p1-sl2-box-link {
		flex-direction: column;
		margin-top: 7.692vw;
		gap: 3.0769vw;
	}

	.header-sl1 h1 {
		transform: translateY(0);
	}

	.header-sl2-box1 p,
	.header-sl2-box2 p {
		margin-bottom: 0;
	}

	.header-sl2-box1 {
		align-items: flex-start;
	}

	.p1-sl1 .cta {
		width: auto;
		text-align: center;
	}

	.p1-sl2 {
		padding-top: 20.513vw;
	}

	.p1-sl2-title {
		gap: 5.128vw;
	}

	.splideHome {
		margin-top: 19.487vw;
	}

	.cardTecniche {
		padding: 7.179vw;
		width: 66.667vw;
		min-height: 100.538vw;
		margin-right: 5.128vw;
		border-radius: 5.128vw;
	}

	.splideHome .splide__list .cardTecniche:first-child {
		margin-left: 5.128vw;
	}

	.splideHome .splide__list .cardTecniche:last-child {
		width: 5.128vw;
		padding: 0;
		margin-right: 0;
		min-height: 0;
	}

	.cardTecniche img {
		width: 12.821vw;
		height: 12.821vw;
	}

	.cardTecnicheContent {
		min-height: 61.538vw;
		gap: 7.179vw;
	}

	.cardTecnicheContent h3 {
		font-size: 5.8974vw;
		margin-bottom: 4.103vw;
	}


	.p1-sl3 {
		margin-top: 16.923vw;
		margin-bottom: 20.513vw;
	}

	.p1-sl4 {
		grid-column: span 4;
		flex-direction: column;
		margin-bottom: 25.641vw;
	}

	.p1-sl4 div {
		padding: 10.282vw 10.282vw 16.4103vw 10.282vw;
		width: 100%;
		gap: 6.1538vw;
	}

	.p1-sl4 div .cta {
		width: auto;
		text-align: center;
	}

	.p1-sl4 img {
		margin-left: 0;
		height: 66.667vw;
		width: 100%;
	}

	.p1-sl5 {
		border-radius: 6.154vw 6.154vw 0 0;
		padding-top: 15.385vw;
	}

	.p1-sl5-img {
		grid-column: span 3;
		border-radius: 6.154vw;
	}

	.p1-sl5-content {
		grid-column: span 4;
	}

	.p1-sl5-texts {
		gap: 6.154vw;
		margin-bottom: 15.385vw;
	}

	.beneficio {
		margin-bottom: 4.103vw;
		gap: 3.077vw;
	}

	.p1-benefici>:nth-child(1) p {
		width: 80%;
	}

	.beneficiIcon {
		width: 7.692vw;
		height: 7.692vw;
		border-radius: 1.026vw;
	}

	.beneficiIcon img {
		width: 3.333vw;
	}

	.p1-benefici {
		margin-bottom: 16.41vw;
	}

	.p1-sl5-eventsText {
		gap: 6.154vw;
		margin-bottom: 5.128vw;
	}

	.cardAppuntamenti {
		padding: 8.205vw;
		height: 84.615vw;
		gap: 6.154vw;
		border-radius: 6.154vw;
	}

	.cardAppuntamenti div {
		gap: 3.077vw;
	}

	.p1-sl7 {}

	.p1-partners {
		grid-column: span 4;
		margin-top: 22.051vw;
	}

	.p1-sl9 {
		grid-column: span 4;
	}

	.cardNews {
		padding: 7.179vw;
		height: 64.872vw;
		grid-column: span 4;
	}

	.cardNews div {
		gap: 3.846vw;
	}

	.contactSection {
		height: 94.872vw;
		gap: 6.154vw;
	}

	.contactSection h1 {
		width: calc(100% - 10.256vw);
	}


	/* CHI SIAMO M*/

	.p2-sl1 {
		padding-bottom: 17.949vw;
		gap: 6.154vw;

		background: url('img/sfumaturaChisiamoMob.jpg');
		background-position: bottom;
		background-size: cover;
		background-repeat: no-repeat;

		justify-content: space-between;
		grid-template-rows: auto;
	}

	.p2-sl1 h1 {
		align-items: flex-start;
		justify-content: flex-start;
		grid-column: span 4;
		width: 100%;
		height: fit-content;
		padding-top: 31.795vw;
		padding-bottom: 12.821vw;
	}

	.p2-sl1 div {
		grid-column: span 4;
		justify-content: flex-start;
		gap: 2.051vw;
		height: fit-content;
	}

	.p2-sl2 {
		margin-top: 15.385vw;
	}

	.p2-sl2 h3 {
		grid-column: span 4;
		margin-bottom: 25.128vw;
	}

	.p2-sl3 {
		margin-top: 20.513vw;
		margin-bottom: 20.513vw;
	}

	.p2-sl3 img {
		border-radius: 4.103vw;
		height: 51.282vw;
	}


	.p2-sl4 {
		flex-direction: column;
		padding-top: 15.385vw;
		gap: 6.154vw;
		padding-bottom: 15.385vw;
	}

	.p2-sl4 h2 {
		grid-column: span 4;
	}

	.p2-sl4 p {
		grid-column: span 4;
	}

	.p2-sl5 {
		margin: 0;
		padding-bottom: 20.513vw;
	}

	.splideChisiamo::before,
	.splideChisiamo::after {
		width: 10.256vw;
	}

	.splideChisiamo .splide__list .splide__slide {
		width: 66.667vw;
		height: 61.538vw;
		padding: 7.179vw;
		border-radius: 5.128vw;
	}

	.splideChisiamo .splide__list .splide__slide:first-child {
		margin-left: 5.128vw;
	}

	.splideChisiamo .splide__list .splide__slide:last-child {
		margin-right: 5.128vw;
	}

	.p2-sl7 {
		height: 20.513vw;
		border-radius: 0 0 6.154vw 6.154vw;
		margin-left: 0;
		margin-right: 0;
	}

	/* TECNICHE M */

	.p3-sl1 {
		padding-top: 33.333vw;
		padding-bottom: 18.718vw;
	}

	.p3-sl2 .cardTecniche {
		width: 100%;
	}

	/* SINGOLA TECNICA M */

	.schemeHeader {
		padding-top: 33.333vw;
		padding-bottom: 10vw;
	}

	.schemeHeader h1 {
		grid-column: span 12;
	}

	.schemeHeader p {
		grid-column: span 12;
	}

	.schemeHeader .heroDescNarrow,
	.schemeHeader .heroTitleNarrow {
		grid-column: span 12;
	}

	.listTecniche {
		padding: 8.205vw;
		flex-direction: column;
		margin-bottom: 5.128vw;
		align-items: flex-start;
		gap: 15.385vw;
	}

	.listTecniche div {
		width: 100%;
		gap: 4.103vw
	}

	/* FAMIGLIA PRODOTTO M */

	.cardProdotto {
		flex-direction: column;
		grid-column: span 4;
	}

	.cardProdotto h3 {
		font-size: 5.8974vw;
	}

	.cardProdottoText {
		width: 100%;
		padding: 7.179vw;
		gap: 6.154vw;
		padding-bottom: 20.513vw;
	}

	.cardProdottoText div {
		gap: 4.103vw;
	}

	.cardProdotto img {
		width: 100%;
		height: 112.821vw;
		border-radius: 5.128vw;
	}

	/* PARTENERS M */
	.cardPartner {
		margin-bottom: 5.128vw;
	}

	.cardPartnerText {
		margin-top: 2.564vw;
	}

	.cardPartnerImg {
		height: 30.9487vw;
	}

	.cardPartnerIcon {
		width: 7.179vw;
		height: 7.179vw;
	}

	/* SINGOLO PARTNERS M */
	.singlePartner {
		margin-top: 33.333vw;
		margin-bottom: 0;
		margin-bottom: 20.513vw;
	}

	.singlePartnerText {
		grid-column: span 4;
		gap: 4.103vw;
		margin-bottom: 12.821vw;
	}

	.singlePartnerRef {
		grid-column: span 4;
		gap: 6.154vw;
	}


	/* SERVIZI M */

	.cardServizi {
		padding: 7.179vw;
		height: 76.923vw;
	}

	.cardServizi div {
		gap: 5.128vw;
	}

	.cardServizi img {
		width: 12.821vw;
		height: 12.821vw;
		border-radius: 2.564vw;
	}

	/* APPUNTAMENTI M */

	.yearCardAppuntamenti {
		grid-column: span 4;
		margin-top: 7.692vw;
	}


	/* NEWS M */
	.cardNews {
		grid-column: span 4;
	}

	.yearTitle {
		grid-column: span 4;
	}

	/* SINGOLA NEWS e APPUNTAMENTI M */
	.singleNewsCont {
		margin-top: 30.769vw;
		grid-column: span 4;
		gap: 6.154vw;
	}

	.appuntamentoImage {
		border-radius: 3.077vw;
		height: auto;
	}

	.singleNewsCont div {
		gap: 0;
	}

	.ctaNews {
		margin-top: 20.513vw;
		margin-bottom: 20.513vw;
		grid-column: span 4;
	}

	.newsImage {
		height: 38.462vw;
	}

	/* SETTORI M */
	.cardSettori img {
		height: 52.564vw;
	}

	.cardSettori div {
		padding: 7.179vw;
		height: 46.154vw;
	}

	/* SINGOLO SETTORE M */

	.p5-sl1-title {
		order: 2;
		grid-column: span 4;
		gap: 4.103vw;
		margin-bottom: 20.513vw;
	}

	.p5-sl1 img {
		order: 1;
		grid-column: span 4;
		width: 100%;
		object-fit: cover;
		height: 46.154vw;
		margin-top: 28.205vw;
	}

	.p5-sl2 {
		margin-bottom: 20.513vw;
	}

	.p5-sl2 h3 {
		margin-bottom: 2.564vw;
	}

	.applicationNotes ul li {
		padding-top: 5.128vw;
		padding-bottom: 5.128vw;
		gap: 2.564vw;
		flex-direction: column;
		align-items: flex-start;
	}

	.p5-sl2 h3,
	.p5-sl3 h3 {
		grid-column: span 4;
	}

	.modal-content {
		width: 80%;
		padding: 3.846vw;
	}

	/* SINGOLO PRODOTTO */
	.productInfo {
		margin-top: 33.333vw;
		margin-bottom: 20.513vw;
	}

	.productText {
		grid-column: span 4;
		gap: 4.103vw;
		margin-bottom: 5.128vw;
	}

	.splideProdotto {
		grid-column: span 4;
	}

	.splideProdotto .splide__slide img {
		height: 92.308vw;
	}

	.resourceNotes {
		margin-bottom: 20.513vw;
	}

	.discontinued {
		padding: 2.564vw;
		gap: 2.564vw;
		row-gap: 0;
	}

	.discontinued p,
	.discontinued a {
		font-size: 3.333vw;
		margin-top: 0.513vw;
	}

	.discontinuedIcon {
		width: 4.615vw;
		height: 4.615vw;
	}

	/* 404 M */
	.header404 {
		padding-top: 49.744vw;
		padding-bottom: 49.744vw;
		gap: 4.103vw;
	}

	/* LEGAL M*/

	.legal h1,
	.legalBody {
		grid-column: span 4;
	}

	.legal h1 {
		padding-top: 33.333vw;
		margin-bottom: 7.179vw;
	}

	.legalBody h4 {
		margin-top: 8.205vw;
		margin-bottom: 3.077vw;
	}

	.legalBody p,
	.legalBody li {
		font-size: 3.59vw;
	}

	.legalBody p+p,
	.legalBody ul,
	.legalBody ol,
	.legalBody ul+p,
	.legalBody ol+p {
		margin-top: 3.077vw;
	}

	.legalBody ul,
	.legalBody ol {
		padding-left: 5.128vw;
	}

	.legalBody li+li {
		margin-top: 2.564vw;
	}

	/* CONTATTI M*/

	.p7-sl1 h1 {
		grid-column: span 4;
		padding-top: 33.333vw;
		margin-bottom: 7.179vw;
	}

	.p7-sl1-box1 {
		grid-column: span 4;
	}

	.inputFieldCont {
		gap: 6.154vw;
	}

	.inputFieldCont label {
		width: 100%;
	}

	.inputFieldCont2 label {
		margin-top: 6.154vw;
	}

	.p7-sl1-box2 {
		grid-column: span 4;
		gap: 6.154vw;
		margin: 20.513vw 0;
	}

	.p7-sl1-box2 a {
		width: 65%;
	}

}