/* ------------------------- VARIABLES ------------------------- */
:root {

	/* --- font family --- */
	--primary-font: "Cormorant Garamond", serif;
	--secondary-font: "Inter", sans-serif;

	/* --- font size generico --- */
	--font-size-generic: 16px;

	/* --- line height --- */
	--line-height: calc(1em + 8px);

	/*
	--- testi ---
	Valori dai Text styles di Figma, gruppo "Desktop" (nei commenti: size - line-height in px).
	Qui in rem su base 16px. Il line-height non puo' scendere sotto 1em + 8px:
	dove il valore di Figma e' inferiore a quella soglia si usa var(--line-height).
	*/

	/* display 1 --- 72 - 82 --- Cormorant Garamond Bold */
	--display1-size: 4.5rem;
	--display1-line-height: 5.125rem;
	--display1-weight: 700;
	--display1-letter-spacing: normal;

	/* display 2 --- 60 - 70 --- Cormorant Garamond Medium */
	--display2-size: 3.75rem;
	--display2-line-height: 4.375rem;
	--display2-weight: 500;
	--display2-letter-spacing: normal;

	/* display 3 --- 40 - 48 --- Cormorant Garamond Medium */
	--display3-size: 2.5rem;
	--display3-line-height: 3rem;
	--display3-weight: 500;
	--display3-letter-spacing: normal;

	/* h1 --- 56 - 64 --- Cormorant Garamond Bold */
	--h1-size: 3.5rem;
	--h1-line-height: 4rem;
	--h1-weight: 700;
	--h1-letter-spacing: normal;

	/* h2 --- 48 - 56 --- Cormorant Garamond Bold */
	--h2-size: 3rem;
	--h2-line-height: 3.5rem;
	--h2-weight: 700;
	--h2-letter-spacing: normal;

	/* h3 --- 32 - 40 --- Inter Bold */
	--h3-size: 2rem;
	--h3-line-height: 2.5rem;
	--h3-weight: 700;
	--h3-letter-spacing: normal;

	/* h4 --- 26 - 34 --- Cormorant Garamond Bold */
	--h4-size: 1.625rem;
	--h4-line-height: 2.125rem;
	--h4-weight: 700;
	--h4-letter-spacing: normal;

	/* h5 --- 21 - 30 --- Inter Semi Bold, letter-spacing 12.98% */
	--h5-size: 1.3125rem;
	--h5-line-height: 1.875rem;
	--h5-weight: 600;
	--h5-letter-spacing: 0.13em;

	/* h6 --- 18 - 26 --- Inter Regular --- anche submenu-title */
	--h6-size: 1.125rem;
	--h6-line-height: 1.625rem;
	--h6-weight: 400;
	--h6-letter-spacing: normal;

	/* p --- 18 - 26 --- Inter Regular --- anche link */
	--text-size: 1.125rem;
	--text-line-height: 1.625rem;
	--text-weight: 400;
	--text-letter-spacing: normal;

	/* p-big --- 20 - 32 --- Inter Regular */
	--text-big-size: 1.25rem;
	--text-big-line-height: 2rem;
	--text-big-weight: 400;
	--text-big-letter-spacing: normal;

	/* p-small --- 14 - 22 --- Inter Regular --- anche submenu-p */
	--text-small-size: 0.875rem;
	--text-small-line-height: 1.375rem;
	--text-small-weight: 400;
	--text-small-letter-spacing: normal;

	/* button --- 16 - 24 --- Inter Regular */
	--text-btn-size: 1rem;
	--text-btn-line-height: 1.5rem;
	--text-btn-weight: 400;
	--text-btn-letter-spacing: normal;

	/* menu-item --- 14 - 22 --- Inter Regular --- anche submenu-item */
	--text-header-size: 0.875rem;
	--text-header-line-height: 1.375rem;
	--text-header-weight: 400;
	--text-header-letter-spacing: normal;

	/* action-button (btn-header) --- 15 - 22 (< 1em + 8px) --- Inter Regular */
	--text-btn-header-size: 0.9375rem;
	--text-btn-header-line-height: var(--line-height);
	--text-btn-header-weight: 400;
	--text-btn-header-letter-spacing: normal;

	/* breadcrumb --- 13 - 18 (< 1em + 8px) --- Inter Regular */
	--text-breadcrumb-size: 0.8125rem;
	--text-breadcrumb-line-height: var(--line-height);
	--text-breadcrumb-weight: 400;
	--text-breadcrumb-letter-spacing: normal;

	/* copyright --- 14 - 22 --- Inter Regular */
	--text-footer-copyright-size: 0.875rem;
	--text-footer-copyright-line-height: 1.375rem;
	--text-footer-copyright-weight: 400;
	--text-footer-copyright-letter-spacing: normal;

	/* --- font size - alias retrocompatibili --- */
	--font-size-h1: var(--h1-size);
	--font-size-h2: var(--h2-size);
	--font-size-h3: var(--h3-size);
	--font-size-h4: var(--h4-size);
	--font-size-h5: var(--h5-size);
	--font-size-h6: var(--h6-size);
	
	/* --- colori --- */
	--primario-50: #ffe8e5;
	--primario-100: #ffd0cc;
	--primario-200: #ffa299;
	--primario-300: #ff7366;
	--primario-400: #ff4433;
	--primario-500: #ff1500;
	--primario: #cb1200;
	--primario-700: #990d00;
	--primario-800: #660900;
	--primario-900: #330400;
	--primario-950: #240300;

	--bianco: #ffffff;
	--neutrale-50: #f2f2f2;
	--neutrale-100: #e6e6e6;
	--neutrale-200: #cccccc;
	--neutrale-300: #b3b3b3;
	--neutrale-400: #999999;
	--neutrale-500: #808080;
	--neutrale-600: #666666;
	--neutrale-700: #4d4d4d;
	--neutrale-800: #333333;
	--neutrale-900: #1a1a1a;
	--neutrale-950: #121212;
	--nero: #000000;

	/* --- colori - extra --- */
	--green-success: #b8dab8;
	--yellow-alert: #fed4a2;
	--whatsapp-green: #26c13f;

	/* --- colori - landing --- */
	--yellow: #ffe358;
	--violet: #744e75;

	/* --- other --- */
	--width-nav: 1155px;

	--border-radius: 0;
	--topbar2-h: 80px;
	--header-h: 30px;
	--subheader-h: 415px;

}


/* ------------------------- TEXT ------------------------- */

/* ----- text - font-family ----- */
.text-display1, .text-display2, h1, .h1, h2, .h2, h4, .h4 {
	font-family: var(--primary-font) !important;
}
body, footer, h3, .h3, h5, .h5, h6, .h6, p, span, li, a, [class*="btn"], label, input, select, textarea {
	font-family: var(--secondary-font) !important;
}

/* ----- text - font-weight ----- */
.bold {
	font-weight: 700;
}
#topbar, .semibold {
	font-weight: 600;
}
h5.medium, .medium {
	font-weight: 500 !important;
}

/* ----- text - font-size ----- */
html {
	font-size: var(--font-size-generic);
}
.text-display1 {
	font-size: var(--display1-size) !important;
	line-height: var(--display1-line-height) !important;
	font-weight: var(--display1-weight);
	letter-spacing: var(--display1-letter-spacing);
}
.text-display2 {
	font-size: var(--display2-size) !important;
	line-height: var(--display2-line-height) !important;
	font-weight: var(--display2-weight);
	letter-spacing: var(--display2-letter-spacing);
}
h1, .h1 {
	font-size: var(--h1-size) !important;
	line-height: var(--h1-line-height) !important;
	font-weight: var(--h1-weight);
	letter-spacing: var(--h1-letter-spacing);
}
h2, .h2 {
	font-size: var(--h2-size);
	line-height: var(--h2-line-height) !important;
	font-weight: var(--h2-weight);
	letter-spacing: var(--h2-letter-spacing);
}
h3, .h3 {
	font-size: var(--h3-size) !important;
	line-height: var(--h3-line-height) !important;
	font-weight: var(--h3-weight) !important;
	letter-spacing: var(--h3-letter-spacing);
}
h4, .h4 {
	font-size: var(--h4-size);
	line-height: var(--h4-line-height) !important;
	font-weight: var(--h4-weight);
	letter-spacing: var(--h4-letter-spacing);
}
h5, .h5 {
	font-size: var(--h5-size);
	line-height: var(--h5-line-height) !important;
	font-weight: var(--h5-weight);
	letter-spacing: var(--h5-letter-spacing);
}
h6, .h6 {
	font-size: var(--h6-size) !important;
	line-height: var(--h6-line-height) !important;
	font-weight: var(--h6-weight) !important;
	letter-spacing: var(--h6-letter-spacing);
}
p, span, li, a, label {
	font-size: var(--text-size) !important;
	line-height: var(--text-line-height) !important;
	font-weight: var(--text-weight);
	letter-spacing: var(--text-letter-spacing);
}
p.big, blockquote {
	font-size: var(--text-big-size) !important;
	line-height: var(--text-big-line-height) !important;
	font-weight: var(--text-big-weight);
	letter-spacing: var(--text-big-letter-spacing);
}
p.small, span.small, *.small > a, input {
	font-size: var(--text-small-size) !important;
	line-height: var(--text-small-line-height) !important;
	font-weight: var(--text-small-weight);
	letter-spacing: var(--text-small-letter-spacing);
}
[class*="btn"] {
	font-size: var(--text-btn-size) !important;
	line-height: var(--text-btn-line-height) !important;
	font-weight: var(--text-btn-weight);
	letter-spacing: var(--text-btn-letter-spacing);
}
#mainMenu a {
	font-size: var(--text-header-size) !important;
	line-height: var(--text-header-line-height) !important;
}
#mainMenu.menu-lines nav > ul > li > a {
	font-weight: var(--text-header-weight) !important;
	letter-spacing: var(--text-header-letter-spacing);
}
#mainMenu [class*="btn-"],
#mainMenu nav > ul > li > a[class*="btn-"] {
	font-size: var(--text-btn-header-size) !important;
	line-height: var(--text-btn-header-line-height) !important;
	font-weight: var(--text-btn-header-weight) !important;
	letter-spacing: var(--text-btn-header-letter-spacing) !important;
	max-height: var(--header-h);
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}
#page-title .breadcrumb,
#page-title .breadcrumb li,
#page-title .breadcrumb li:before,
#page-title .breadcrumb a,
#page-title .breadcrumb span {
	font-size: var(--text-breadcrumb-size) !important;
	line-height: var(--text-breadcrumb-line-height) !important;
	font-weight: var(--text-breadcrumb-weight);
	letter-spacing: var(--text-breadcrumb-letter-spacing);
}
.copyright-content .text-copyright,
.copyright-content .text-copyright a {
	font-size: var(--text-footer-copyright-size) !important;
	line-height: var(--text-footer-copyright-line-height) !important;
	font-weight: var(--text-footer-copyright-weight) !important;
	letter-spacing: var(--text-footer-copyright-letter-spacing);
}

/* ----- text - color ----- */
body, p, span, li, .table {
	color: var(--bianco) !important;
}
h1, h2, h3, h4, h5, h6 {
	color: var(--bianco) !important;
}
#page-title .breadcrumb.text-white span,
#page-title .breadcrumb.text-white :before {
  color: var(--bianco) !important;
}
.color-primario,
#footer .copyright-content span a:hover {
	color: var(--primario) !important;
}
.color-bianco, .color-bianco > a { color: var(--bianco) !important; }
.color-neutrale-50 { color: var(--neutrale-50) !important; }
.color-neutrale-100 { color: var(--neutrale-100) !important; }
.color-neutrale-200 { color: var(--neutrale-200) !important; }
.color-neutrale-300 { color: var(--neutrale-300) !important; }
.color-neutrale-400 { color: var(--neutrale-400) !important; }
.color-neutrale-500 { color: var(--neutrale-500) !important; }
.color-neutrale-600 { color: var(--neutrale-600) !important; }
.color-neutrale-700 { color: var(--neutrale-700) !important; }
.color-neutrale-800 { color: var(--neutrale-800) !important; }
.color-neutrale-900 { color: var(--neutrale-900) !important; }
.color-neutrale-950 { color: var(--neutrale-950) !important; }
.color-nero { color: var(--nero) !important; }
a, .color-nero > a {
	color: var(--nero);
}
a:hover,
a:active,
a:focus {
	color: var(--primario) !important;
}
.lazy {
	transition: opacity 0.6s ease-in;
}
.mousehand {
  cursor: pointer;
}

/* ------------------------- BACKGROUND ------------------------- */
.bg-norepeat { background-repeat: no-repeat; }
.bg-contain { background-size: contain; }
.bg-cover { background-size: cover; }
.bg-10 { background-size: 10%; }
.bg-20 { background-size: 20%; }
.bg-30 { background-size: 30%; }
.bg-35 { background-size: 35%; }
.bg-40 { background-size: 40%; }
.bg-50 { background-size: 50%; }
.bg-60 { background-size: 60%; }
.bg-70 { background-size: 70%; }
.bg-80 { background-size: 80%; }
.bg-90 { background-size: 90%; }
.bg-center { background-position: center; }
.bg-center-top { background-position: center top; }
.bg-center-bottom { background-position: center bottom; }
.bg-left-center { background-position: left center; }
.bg-left-top { background-position: left top; }
.bg-left-bottom { background-position: left bottom; }
.bg-right-center { background-position: right center; }
.bg-right-top { background-position: right top; }
.bg-right-bottom { background-position: right bottom; }
.bg-primary { background-color: var(--primario) !important; }
.bg-primary-half-top { background: linear-gradient(to top, transparent 50%, var(--primario) 50%); }
.bg-primary-half-right { background: linear-gradient(to right, transparent 50%, var(--primario) 50%); }
.bg-primary-half-bottom { background: linear-gradient(to bottom, transparent 50%, var(--primario) 50%); }
.bg-primary-half-left { background: linear-gradient(to left, transparent 50%, var(--primario) 50%); }
.bg-secondary { background-color: white !important; }
.bg-secondary-half-top { background: linear-gradient(to top, transparent 50%, white 50%); }
.bg-secondary-half-right { background: linear-gradient(to right, transparent 50%, white 50%); }
.bg-secondary-half-bottom { background: linear-gradient(to bottom, transparent 50%, white 50%); }
.bg-secondary-half-left { background: linear-gradient(to left, transparent 50%, white 50%); }

.bg-primario-50 { background-color: var(--primario-50); }
.bg-primario-100 { background-color: var(--primario-100); }
.bg-primario-200 { background-color: var(--primario-200); }
.bg-primario-300 { background-color: var(--primario-300); }
.bg-primario-400 { background-color: var(--primario-400); }
.bg-primario-500 { background-color: var(--primario-500); }
.bg-primario { background-color: var(--primario); }
.bg-primario-700 { background-color: var(--primario-700); }
.bg-primario-800 { background-color: var(--primario-800); }
.bg-primario-900 { background-color: var(--primario-900); }
.bg-primario-950 { background-color: var(--primario-950); }

.bg-neutrale-50 { background-color: var(--neutrale-50); }
.bg-neutrale-100 { background-color: var(--neutrale-100); }
.bg-neutrale-200 { background-color: var(--neutrale-200); }
.bg-neutrale-300 { background-color: var(--neutrale-300); }
.bg-neutrale-400 { background-color: var(--neutrale-400); }
.bg-neutrale-500 { background-color: var(--neutrale-500); }
.bg-neutrale-600 { background-color: var(--neutrale-600); }
.bg-neutrale-700 { background-color: var(--neutrale-700); }
.bg-neutrale-800 { background-color: var(--neutrale-800); }
.bg-neutrale-900 { background-color: var(--neutrale-900); }
.bg-neutrale-950 { background-color: var(--neutrale-950) !important; }

.bg-yellow { background-color: var(--yellow) !important; }
.bg-white { background-color: var(--bianco) !important; }
.bg-black { background-color: var(--nero) !important; }
body.webp-support .bg-area-utente { background-image: url(/pages/_assets/nice/images/areautente/bg-area-utente-furney.webp); }
body:not(.webp-support) .bg-area-utente { background-image: url(/pages/_assets/nice/images/areautente/bg-area-utente-furney.jpg); }


/* ------------------------- DIVIDER ------------------------- */

/* ----- divider - general ----- */
[class*="divider-"] {
	position: relative;
}
[class*="divider-"]:before {
	content: '';
	position: absolute;
	display: block;
	background-color: var(--primario);
}
.divider-primary-color:before {
	background-color: var(--primario);
}
.divider-secondary-color:before {
	background-color: white;
}
.divider-white:before {
	background-color: var(--bianco);
}

/* ----- divider - vertical ----- */
[class*="divider-vertical"]:before {
	width: 1px;
	height: 100%;
}
/* ----- divider - vertical - x = center ----- */
.divider-vertical-center:before { left: calc(50% - 0.5px); }

/* ----- divider - horizontal ----- */
[class*="divider-horizontal"]:before {
	width: 100%;
	height: 1px;
}
/* ----- divider - horizontal - width ----- */
[class*="divider-horizontal"][class*="divider-10"]:before { width: 10%; }
[class*="divider-horizontal"][class*="divider-20"]:before { width: 20%; }
[class*="divider-horizontal"][class*="divider-30"]:before { width: 30%; }
[class*="divider-horizontal"][class*="divider-40"]:before { width: 40%; }
[class*="divider-horizontal"][class*="divider-50"]:before { width: 50%; }
[class*="divider-horizontal"][class*="divider-60"]:before { width: 60%; }
[class*="divider-horizontal"][class*="divider-70"]:before { width: 70%; }
[class*="divider-horizontal"][class*="divider-80"]:before { width: 80%; }
[class*="divider-horizontal"][class*="divider-90"]:before { width: 90%; }
/* ----- divider - horizontal - fullwidth - width ----- */
[class*="divider-horizontal"][class*="divider-fullwidth-50"]:before { width: 50vw; }
[class*="divider-horizontal"][class*="divider-fullwidth-75"]:before { width: 75vw; }
/* ----- divider - horizontal - y = unset ----- */
.divider-horizontal:before { top: unset; }
/* ----- divider - horizontal - y = top ----- */
.divider-horizontal-top:before { top: -0.5px; }
/* ----- divider - horizontal - y = center ----- */
.divider-horizontal-center:before { top: calc(50% - 0.5px); }
/* ----- divider - horizontal - y = bottom ----- */
.divider-horizontal-bottom:before { top: calc(100% - 0.5px); }
/* ----- divider - horizontal - y = top/center/bottom, x = center ----- */
[class*="divider-horizontal"].divider-10-center:before { left: 45%; }
[class*="divider-horizontal"].divider-20-center:before { left: 40%; }
[class*="divider-horizontal"].divider-30-center:before { left: 35%; }
[class*="divider-horizontal"].divider-40-center:before { left: 30%; }
[class*="divider-horizontal"].divider-50-center:before { left: 25%; }
/* ----- divider - horizontal - fullwidth - y = unset, x = right ----- */
.divider-horizontal.divider-fullwidth-50-right:before,
.divider-horizontal.divider-fullwidth-75-right:before { right: calc(((100vw - 100%) / 2) * -1); }
/* ----- divider - horizontal - fullwidth - y = unset, x = center ----- */
.divider-horizontal.divider-fullwidth-50-center:before { left: calc(((100vw - 100%) / 2) * -1 + 25vw); }
.divider-horizontal.divider-fullwidth-75-center:before { left: calc(((100vw - 100%) / 2) * -1 + 12.5vw); }
/* ----- divider - horizontal - fullwidth - y = unset, x = left ----- */
.divider-horizontal.divider-fullwidth-50-left:before,
.divider-horizontal.divider-fullwidth-75-left:before { left: calc(((100vw - 100%) / 2) * -1); }
/* ----- divider - horizontal - fullwidth - y = top, x = right ----- */
.divider-horizontal-top.divider-fullwidth-50-right:before,
.divider-horizontal-top.divider-fullwidth-75-right:before { right: calc(((100vw - 100%) / 2) * -1); }
/* ----- divider - horizontal - fullwidth - y = top, x = center ----- */
.divider-horizontal-top.divider-fullwidth-50-center:before { left: calc(((100vw - 100%) / 2) * -1 + 25vw); }
.divider-horizontal-top.divider-fullwidth-75-center:before { left: calc(((100vw - 100%) / 2) * -1 + 12.5vw); }
/* ----- divider - horizontal - fullwidth - y = top, x = left ----- */
.divider-horizontal-top.divider-fullwidth-50-left:before,
.divider-horizontal-top.divider-fullwidth-75-left:before { left: calc(((100vw - 100%) / 2) * -1); }
/* ----- divider - horizontal - fullwidth - y = center, x = right ----- */
.divider-horizontal-center.divider-fullwidth-50-right:before,
.divider-horizontal-center.divider-fullwidth-75-right:before { right: calc(((100vw - 100%) / 2) * -1); }
/* ----- divider - horizontal - fullwidth - y = center, x = center ----- */
.divider-horizontal-center.divider-fullwidth-50-center:before { left: calc(((100vw - 100%) / 2) * -1 + 25vw); }
.divider-horizontal-center.divider-fullwidth-75-center:before { left: calc(((100vw - 100%) / 2) * -1 + 12.5vw); }
/* ----- divider - horizontal - fullwidth - y = center, x = left ----- */
.divider-horizontal-center.divider-fullwidth-50-left:before,
.divider-horizontal-center.divider-fullwidth-75-left:before { left: calc(((100vw - 100%) / 2) * -1); }
/* ----- divider - horizontal - fullwidth - y = bottom, x = right ----- */
.divider-horizontal-bottom.divider-fullwidth-50-right:before,
.divider-horizontal-bottom.divider-fullwidth-75-right:before { right: calc(((100vw - 100%) / 2) * -1); }
/* ----- divider - horizontal - fullwidth - y = bottom, x = center ----- */
.divider-horizontal-bottom.divider-fullwidth-50-center:before { left: calc(((100vw - 100%) / 2) * -1 + 25vw); }
.divider-horizontal-bottom.divider-fullwidth-75-center:before { left: calc(((100vw - 100%) / 2) * -1 + 12.5vw); }
/* ----- divider - horizontal - fullwidth - y = bottom, x = left ----- */
.divider-horizontal-bottom.divider-fullwidth-50-left:before,
.divider-horizontal-bottom.divider-fullwidth-75-left:before { left: calc(((100vw - 100%) / 2) * -1); }


/* ------------------------- BTN ------------------------- */

/* ----- btn - general ----- */
[class*="btn"] {
	--b-btn: 1px;
	--r-btn: 0;
	display: inline-block;
	text-decoration: none;
	border-radius: var(--r-btn);
	padding: 7px 13px;
	transition: all 0.3s ease-in-out;
}
[class*="btn"] span {
	transition: all 0.3s ease-in-out;
}
[class*="btn"]:focus {
	box-shadow: none !important;
}
[class*="btn"][class*="-br"] {
	border-width: var(--b-btn);
	border-style: solid;
	border-color: transparent;
}
[class*="btn"][class*="-bw-2"] { --b-btn: 2px; }
[class*="btn"][class*="-bw-3"] { --b-btn: 3px; }

/* ----- btn - generici ----- */
.btn-primario {
	color: var(--bianco) !important;
	border: var(--b-btn) solid var(--primario);
	background-color: var(--primario) !important;
}
.btn-primario > i, .btn-primario > span { color: var(--bianco) !important; }
.btn-primario:hover { background-color: transparent !important; }

.btn-slide1 {
	color: var(--bianco) !important;
	background-color: var(--primario) !important;
}
.btn-slide1:hover {
	color: var(--bianco) !important;
	background-color: var(--nero) !important;
}

.btn-slide2 {
	color: var(--bianco) !important;
	background-color: var(--nero) !important;
}
.btn-slide2:hover {
	color: var(--bianco) !important;
	background-color: var(--primario) !important;
}

/* ----- btn - base ----- */

/* ----- btn - base - bg ----- */
[class*="btn"][class*="-bg-primario"] { background-color: var(--primario) !important; }
[class*="btn"][class*="-bg-bianco"] { background-color: var(--bianco) !important; }
[class*="btn"][class*="-bg-nero"] { background-color: var(--nero) !important; }
[class*="btn"][class*="-bg-primario-50"] { background-color: var(--primario-50) !important; }
[class*="btn"][class*="-bg-primario-100"] { background-color: var(--primario-100) !important; }
[class*="btn"][class*="-bg-primario-200"] { background-color: var(--primario-200) !important; }
[class*="btn"][class*="-bg-primario-300"] { background-color: var(--primario-300) !important; }
[class*="btn"][class*="-bg-primario-400"] { background-color: var(--primario-400) !important; }
[class*="btn"][class*="-bg-primario-500"] { background-color: var(--primario-500) !important; }
[class*="btn"][class*="-bg-primario-700"] { background-color: var(--primario-700) !important; }
[class*="btn"][class*="-bg-primario-800"] { background-color: var(--primario-800) !important; }
[class*="btn"][class*="-bg-primario-900"] { background-color: var(--primario-900) !important; }
[class*="btn"][class*="-bg-primario-950"] { background-color: var(--primario-950) !important; }
[class*="btn"][class*="-bg-neutrale-50"] { background-color: var(--neutrale-50) !important; }
[class*="btn"][class*="-bg-neutrale-100"] { background-color: var(--neutrale-100) !important; }
[class*="btn"][class*="-bg-neutrale-200"] { background-color: var(--neutrale-200) !important; }
[class*="btn"][class*="-bg-neutrale-300"] { background-color: var(--neutrale-300) !important; }
[class*="btn"][class*="-bg-neutrale-400"] { background-color: var(--neutrale-400) !important; }
[class*="btn"][class*="-bg-neutrale-500"] { background-color: var(--neutrale-500) !important; }
[class*="btn"][class*="-bg-neutrale-600"] { background-color: var(--neutrale-600) !important; }
[class*="btn"][class*="-bg-neutrale-700"] { background-color: var(--neutrale-700) !important; }
[class*="btn"][class*="-bg-neutrale-800"] { background-color: var(--neutrale-800) !important; }
[class*="btn"][class*="-bg-neutrale-900"] { background-color: var(--neutrale-900) !important; }
[class*="btn"][class*="-bg-neutrale-950"] { background-color: var(--neutrale-950) !important; }
[class*="btn"][class*="-bg-transparent"] { background-color: transparent !important; }
[class*="btn"][class*="-bg-blur"] { background-color: rgba(255, 255, 255, .35) !important; backdrop-filter: blur(5px); }

/* ----- btn - base - color ----- */
[class*="btn"][class*="-cl-primario"], [class*="btn"][class*="-cl-primario"] > i, [class*="btn"][class*="-cl-primario"] > span { color: var(--primario) !important; }
[class*="btn"][class*="-cl-bianco"], [class*="btn"][class*="-cl-bianco"] > i, [class*="btn"][class*="-cl-bianco"] > span { color: var(--bianco) !important; }
[class*="btn"][class*="-cl-nero"], [class*="btn"][class*="-cl-nero"] > i, [class*="btn"][class*="-cl-nero"] > span { color: var(--nero) !important; }
[class*="btn"][class*="-cl-primario-50"], [class*="btn"][class*="-cl-primario-50"] > i, [class*="btn"][class*="-cl-primario-50"] > span { color: var(--primario-50) !important; }
[class*="btn"][class*="-cl-primario-100"], [class*="btn"][class*="-cl-primario-100"] > i, [class*="btn"][class*="-cl-primario-100"] > span { color: var(--primario-100) !important; }
[class*="btn"][class*="-cl-primario-200"], [class*="btn"][class*="-cl-primario-200"] > i, [class*="btn"][class*="-cl-primario-200"] > span { color: var(--primario-200) !important; }
[class*="btn"][class*="-cl-primario-300"], [class*="btn"][class*="-cl-primario-300"] > i, [class*="btn"][class*="-cl-primario-300"] > span { color: var(--primario-300) !important; }
[class*="btn"][class*="-cl-primario-400"], [class*="btn"][class*="-cl-primario-400"] > i, [class*="btn"][class*="-cl-primario-400"] > span { color: var(--primario-400) !important; }
[class*="btn"][class*="-cl-primario-500"], [class*="btn"][class*="-cl-primario-500"] > i, [class*="btn"][class*="-cl-primario-500"] > span { color: var(--primario-500) !important; }
[class*="btn"][class*="-cl-primario-700"], [class*="btn"][class*="-cl-primario-700"] > i, [class*="btn"][class*="-cl-primario-700"] > span { color: var(--primario-700) !important; }
[class*="btn"][class*="-cl-primario-800"], [class*="btn"][class*="-cl-primario-800"] > i, [class*="btn"][class*="-cl-primario-800"] > span { color: var(--primario-800) !important; }
[class*="btn"][class*="-cl-primario-900"], [class*="btn"][class*="-cl-primario-900"] > i, [class*="btn"][class*="-cl-primario-900"] > span { color: var(--primario-900) !important; }
[class*="btn"][class*="-cl-primario-950"], [class*="btn"][class*="-cl-primario-950"] > i, [class*="btn"][class*="-cl-primario-950"] > span { color: var(--primario-950) !important; }
[class*="btn"][class*="-cl-neutrale-50"], [class*="btn"][class*="-cl-neutrale-50"] > i, [class*="btn"][class*="-cl-neutrale-50"] > span { color: var(--neutrale-50) !important; }
[class*="btn"][class*="-cl-neutrale-100"], [class*="btn"][class*="-cl-neutrale-100"] > i, [class*="btn"][class*="-cl-neutrale-100"] > span { color: var(--neutrale-100) !important; }
[class*="btn"][class*="-cl-neutrale-200"], [class*="btn"][class*="-cl-neutrale-200"] > i, [class*="btn"][class*="-cl-neutrale-200"] > span { color: var(--neutrale-200) !important; }
[class*="btn"][class*="-cl-neutrale-300"], [class*="btn"][class*="-cl-neutrale-300"] > i, [class*="btn"][class*="-cl-neutrale-300"] > span { color: var(--neutrale-300) !important; }
[class*="btn"][class*="-cl-neutrale-400"], [class*="btn"][class*="-cl-neutrale-400"] > i, [class*="btn"][class*="-cl-neutrale-400"] > span { color: var(--neutrale-400) !important; }
[class*="btn"][class*="-cl-neutrale-500"], [class*="btn"][class*="-cl-neutrale-500"] > i, [class*="btn"][class*="-cl-neutrale-500"] > span { color: var(--neutrale-500) !important; }
[class*="btn"][class*="-cl-neutrale-600"], [class*="btn"][class*="-cl-neutrale-600"] > i, [class*="btn"][class*="-cl-neutrale-600"] > span { color: var(--neutrale-600) !important; }
[class*="btn"][class*="-cl-neutrale-700"], [class*="btn"][class*="-cl-neutrale-700"] > i, [class*="btn"][class*="-cl-neutrale-700"] > span { color: var(--neutrale-700) !important; }
[class*="btn"][class*="-cl-neutrale-800"], [class*="btn"][class*="-cl-neutrale-800"] > i, [class*="btn"][class*="-cl-neutrale-800"] > span { color: var(--neutrale-800) !important; }
[class*="btn"][class*="-cl-neutrale-900"], [class*="btn"][class*="-cl-neutrale-900"] > i, [class*="btn"][class*="-cl-neutrale-900"] > span { color: var(--neutrale-900) !important; }
[class*="btn"][class*="-cl-neutrale-950"], [class*="btn"][class*="-cl-neutrale-950"] > i, [class*="btn"][class*="-cl-neutrale-950"] > span { color: var(--neutrale-950) !important; }
[class*="btn"][class*="-cl-transparent"], [class*="btn"][class*="-cl-transparent"] > i, [class*="btn"][class*="-cl-transparent"] > span { color: transparent !important; }

/* ----- btn - base - border ----- */
[class*="btn"][class*="-br-primario"] { border-color: var(--primario) !important; }
[class*="btn"][class*="-br-bianco"] { border-color: var(--bianco) !important; }
[class*="btn"][class*="-br-nero"] { border-color: var(--nero) !important; }
[class*="btn"][class*="-br-primario-50"] { border-color: var(--primario-50) !important; }
[class*="btn"][class*="-br-primario-100"] { border-color: var(--primario-100) !important; }
[class*="btn"][class*="-br-primario-200"] { border-color: var(--primario-200) !important; }
[class*="btn"][class*="-br-primario-300"] { border-color: var(--primario-300) !important; }
[class*="btn"][class*="-br-primario-400"] { border-color: var(--primario-400) !important; }
[class*="btn"][class*="-br-primario-500"] { border-color: var(--primario-500) !important; }
[class*="btn"][class*="-br-primario-700"] { border-color: var(--primario-700) !important; }
[class*="btn"][class*="-br-primario-800"] { border-color: var(--primario-800) !important; }
[class*="btn"][class*="-br-primario-900"] { border-color: var(--primario-900) !important; }
[class*="btn"][class*="-br-primario-950"] { border-color: var(--primario-950) !important; }
[class*="btn"][class*="-br-neutrale-50"] { border-color: var(--neutrale-50) !important; }
[class*="btn"][class*="-br-neutrale-100"] { border-color: var(--neutrale-100) !important; }
[class*="btn"][class*="-br-neutrale-200"] { border-color: var(--neutrale-200) !important; }
[class*="btn"][class*="-br-neutrale-300"] { border-color: var(--neutrale-300) !important; }
[class*="btn"][class*="-br-neutrale-400"] { border-color: var(--neutrale-400) !important; }
[class*="btn"][class*="-br-neutrale-500"] { border-color: var(--neutrale-500) !important; }
[class*="btn"][class*="-br-neutrale-600"] { border-color: var(--neutrale-600) !important; }
[class*="btn"][class*="-br-neutrale-700"] { border-color: var(--neutrale-700) !important; }
[class*="btn"][class*="-br-neutrale-800"] { border-color: var(--neutrale-800) !important; }
[class*="btn"][class*="-br-neutrale-900"] { border-color: var(--neutrale-900) !important; }
[class*="btn"][class*="-br-neutrale-950"] { border-color: var(--neutrale-950) !important; }
[class*="btn"][class*="-br-transparent"] { border-color: transparent !important; }

/* ----- btn - hover ----- */

/* ----- btn - hover - bg ----- */
[class*="btn"][class*="-bg-h-primario"]:hover { background-color: var(--primario) !important; }
[class*="btn"][class*="-bg-h-bianco"]:hover { background-color: var(--bianco) !important; }
[class*="btn"][class*="-bg-h-nero"]:hover { background-color: var(--nero) !important; }
[class*="btn"][class*="-bg-h-primario-50"]:hover { background-color: var(--primario-50) !important; }
[class*="btn"][class*="-bg-h-primario-100"]:hover { background-color: var(--primario-100) !important; }
[class*="btn"][class*="-bg-h-primario-200"]:hover { background-color: var(--primario-200) !important; }
[class*="btn"][class*="-bg-h-primario-300"]:hover { background-color: var(--primario-300) !important; }
[class*="btn"][class*="-bg-h-primario-400"]:hover { background-color: var(--primario-400) !important; }
[class*="btn"][class*="-bg-h-primario-500"]:hover { background-color: var(--primario-500) !important; }
[class*="btn"][class*="-bg-h-primario-700"]:hover { background-color: var(--primario-700) !important; }
[class*="btn"][class*="-bg-h-primario-800"]:hover { background-color: var(--primario-800) !important; }
[class*="btn"][class*="-bg-h-primario-900"]:hover { background-color: var(--primario-900) !important; }
[class*="btn"][class*="-bg-h-primario-950"]:hover { background-color: var(--primario-950) !important; }
[class*="btn"][class*="-bg-h-neutrale-50"]:hover { background-color: var(--neutrale-50) !important; }
[class*="btn"][class*="-bg-h-neutrale-100"]:hover { background-color: var(--neutrale-100) !important; }
[class*="btn"][class*="-bg-h-neutrale-200"]:hover { background-color: var(--neutrale-200) !important; }
[class*="btn"][class*="-bg-h-neutrale-300"]:hover { background-color: var(--neutrale-300) !important; }
[class*="btn"][class*="-bg-h-neutrale-400"]:hover { background-color: var(--neutrale-400) !important; }
[class*="btn"][class*="-bg-h-neutrale-500"]:hover { background-color: var(--neutrale-500) !important; }
[class*="btn"][class*="-bg-h-neutrale-600"]:hover { background-color: var(--neutrale-600) !important; }
[class*="btn"][class*="-bg-h-neutrale-700"]:hover { background-color: var(--neutrale-700) !important; }
[class*="btn"][class*="-bg-h-neutrale-800"]:hover { background-color: var(--neutrale-800) !important; }
[class*="btn"][class*="-bg-h-neutrale-900"]:hover { background-color: var(--neutrale-900) !important; }
[class*="btn"][class*="-bg-h-neutrale-950"]:hover { background-color: var(--neutrale-950) !important; }
[class*="btn"][class*="-bg-h-transparent"]:hover { background-color: transparent !important; }
[class*="btn"][class*="-bg-h-blur"]:hover { background-color: rgba(255, 255, 255, .35) !important; backdrop-filter: blur(5px); }

/* ----- btn - hover - color ----- */
[class*="btn"][class*="-cl-h-primario"]:hover, [class*="btn"][class*="-cl-h-primario"]:hover > i, [class*="btn"][class*="-cl-h-primario"]:hover > span { color: var(--primario) !important; }
[class*="btn"][class*="-cl-h-bianco"]:hover, [class*="btn"][class*="-cl-h-bianco"]:hover > i, [class*="btn"][class*="-cl-h-bianco"]:hover > span { color: var(--bianco) !important; }
[class*="btn"][class*="-cl-h-nero"]:hover, [class*="btn"][class*="-cl-h-nero"]:hover > i, [class*="btn"][class*="-cl-h-nero"]:hover > span { color: var(--nero) !important; }
[class*="btn"][class*="-cl-h-primario-50"]:hover, [class*="btn"][class*="-cl-h-primario-50"]:hover > i, [class*="btn"][class*="-cl-h-primario-50"]:hover > span { color: var(--primario-50) !important; }
[class*="btn"][class*="-cl-h-primario-100"]:hover, [class*="btn"][class*="-cl-h-primario-100"]:hover > i, [class*="btn"][class*="-cl-h-primario-100"]:hover > span { color: var(--primario-100) !important; }
[class*="btn"][class*="-cl-h-primario-200"]:hover, [class*="btn"][class*="-cl-h-primario-200"]:hover > i, [class*="btn"][class*="-cl-h-primario-200"]:hover > span { color: var(--primario-200) !important; }
[class*="btn"][class*="-cl-h-primario-300"]:hover, [class*="btn"][class*="-cl-h-primario-300"]:hover > i, [class*="btn"][class*="-cl-h-primario-300"]:hover > span { color: var(--primario-300) !important; }
[class*="btn"][class*="-cl-h-primario-400"]:hover, [class*="btn"][class*="-cl-h-primario-400"]:hover > i, [class*="btn"][class*="-cl-h-primario-400"]:hover > span { color: var(--primario-400) !important; }
[class*="btn"][class*="-cl-h-primario-500"]:hover, [class*="btn"][class*="-cl-h-primario-500"]:hover > i, [class*="btn"][class*="-cl-h-primario-500"]:hover > span { color: var(--primario-500) !important; }
[class*="btn"][class*="-cl-h-primario-700"]:hover, [class*="btn"][class*="-cl-h-primario-700"]:hover > i, [class*="btn"][class*="-cl-h-primario-700"]:hover > span { color: var(--primario-700) !important; }
[class*="btn"][class*="-cl-h-primario-800"]:hover, [class*="btn"][class*="-cl-h-primario-800"]:hover > i, [class*="btn"][class*="-cl-h-primario-800"]:hover > span { color: var(--primario-800) !important; }
[class*="btn"][class*="-cl-h-primario-900"]:hover, [class*="btn"][class*="-cl-h-primario-900"]:hover > i, [class*="btn"][class*="-cl-h-primario-900"]:hover > span { color: var(--primario-900) !important; }
[class*="btn"][class*="-cl-h-primario-950"]:hover, [class*="btn"][class*="-cl-h-primario-950"]:hover > i, [class*="btn"][class*="-cl-h-primario-950"]:hover > span { color: var(--primario-950) !important; }
[class*="btn"][class*="-cl-h-neutrale-50"]:hover, [class*="btn"][class*="-cl-h-neutrale-50"]:hover > i, [class*="btn"][class*="-cl-h-neutrale-50"]:hover > span { color: var(--neutrale-50) !important; }
[class*="btn"][class*="-cl-h-neutrale-100"]:hover, [class*="btn"][class*="-cl-h-neutrale-100"]:hover > i, [class*="btn"][class*="-cl-h-neutrale-100"]:hover > span { color: var(--neutrale-100) !important; }
[class*="btn"][class*="-cl-h-neutrale-200"]:hover, [class*="btn"][class*="-cl-h-neutrale-200"]:hover > i, [class*="btn"][class*="-cl-h-neutrale-200"]:hover > span { color: var(--neutrale-200) !important; }
[class*="btn"][class*="-cl-h-neutrale-300"]:hover, [class*="btn"][class*="-cl-h-neutrale-300"]:hover > i, [class*="btn"][class*="-cl-h-neutrale-300"]:hover > span { color: var(--neutrale-300) !important; }
[class*="btn"][class*="-cl-h-neutrale-400"]:hover, [class*="btn"][class*="-cl-h-neutrale-400"]:hover > i, [class*="btn"][class*="-cl-h-neutrale-400"]:hover > span { color: var(--neutrale-400) !important; }
[class*="btn"][class*="-cl-h-neutrale-500"]:hover, [class*="btn"][class*="-cl-h-neutrale-500"]:hover > i, [class*="btn"][class*="-cl-h-neutrale-500"]:hover > span { color: var(--neutrale-500) !important; }
[class*="btn"][class*="-cl-h-neutrale-600"]:hover, [class*="btn"][class*="-cl-h-neutrale-600"]:hover > i, [class*="btn"][class*="-cl-h-neutrale-600"]:hover > span { color: var(--neutrale-600) !important; }
[class*="btn"][class*="-cl-h-neutrale-700"]:hover, [class*="btn"][class*="-cl-h-neutrale-700"]:hover > i, [class*="btn"][class*="-cl-h-neutrale-700"]:hover > span { color: var(--neutrale-700) !important; }
[class*="btn"][class*="-cl-h-neutrale-800"]:hover, [class*="btn"][class*="-cl-h-neutrale-800"]:hover > i, [class*="btn"][class*="-cl-h-neutrale-800"]:hover > span { color: var(--neutrale-800) !important; }
[class*="btn"][class*="-cl-h-neutrale-900"]:hover, [class*="btn"][class*="-cl-h-neutrale-900"]:hover > i, [class*="btn"][class*="-cl-h-neutrale-900"]:hover > span { color: var(--neutrale-900) !important; }
[class*="btn"][class*="-cl-h-neutrale-950"]:hover, [class*="btn"][class*="-cl-h-neutrale-950"]:hover > i, [class*="btn"][class*="-cl-h-neutrale-950"]:hover > span { color: var(--neutrale-950) !important; }
[class*="btn"][class*="-cl-h-transparent"]:hover, [class*="btn"][class*="-cl-h-transparent"]:hover > i, [class*="btn"][class*="-cl-h-transparent"]:hover > span { color: transparent !important; }

/* ----- btn - hover - border ----- */
[class*="btn"][class*="-br-h-primario"]:hover { border-color: var(--primario) !important; }
[class*="btn"][class*="-br-h-bianco"]:hover { border-color: var(--bianco) !important; }
[class*="btn"][class*="-br-h-nero"]:hover { border-color: var(--nero) !important; }
[class*="btn"][class*="-br-h-primario-50"]:hover { border-color: var(--primario-50) !important; }
[class*="btn"][class*="-br-h-primario-100"]:hover { border-color: var(--primario-100) !important; }
[class*="btn"][class*="-br-h-primario-200"]:hover { border-color: var(--primario-200) !important; }
[class*="btn"][class*="-br-h-primario-300"]:hover { border-color: var(--primario-300) !important; }
[class*="btn"][class*="-br-h-primario-400"]:hover { border-color: var(--primario-400) !important; }
[class*="btn"][class*="-br-h-primario-500"]:hover { border-color: var(--primario-500) !important; }
[class*="btn"][class*="-br-h-primario-700"]:hover { border-color: var(--primario-700) !important; }
[class*="btn"][class*="-br-h-primario-800"]:hover { border-color: var(--primario-800) !important; }
[class*="btn"][class*="-br-h-primario-900"]:hover { border-color: var(--primario-900) !important; }
[class*="btn"][class*="-br-h-primario-950"]:hover { border-color: var(--primario-950) !important; }
[class*="btn"][class*="-br-h-neutrale-50"]:hover { border-color: var(--neutrale-50) !important; }
[class*="btn"][class*="-br-h-neutrale-100"]:hover { border-color: var(--neutrale-100) !important; }
[class*="btn"][class*="-br-h-neutrale-200"]:hover { border-color: var(--neutrale-200) !important; }
[class*="btn"][class*="-br-h-neutrale-300"]:hover { border-color: var(--neutrale-300) !important; }
[class*="btn"][class*="-br-h-neutrale-400"]:hover { border-color: var(--neutrale-400) !important; }
[class*="btn"][class*="-br-h-neutrale-500"]:hover { border-color: var(--neutrale-500) !important; }
[class*="btn"][class*="-br-h-neutrale-600"]:hover { border-color: var(--neutrale-600) !important; }
[class*="btn"][class*="-br-h-neutrale-700"]:hover { border-color: var(--neutrale-700) !important; }
[class*="btn"][class*="-br-h-neutrale-800"]:hover { border-color: var(--neutrale-800) !important; }
[class*="btn"][class*="-br-h-neutrale-900"]:hover { border-color: var(--neutrale-900) !important; }
[class*="btn"][class*="-br-h-neutrale-950"]:hover { border-color: var(--neutrale-950) !important; }
[class*="btn"][class*="-br-h-transparent"]:hover { border-color: transparent !important; }


/* ------------------------- OBJECT ------------------------- */

.text-white-modal-stripe p {
	color: #ffffff !important;
}

/* ----- object - general ----- */
body, section {
	background-color: var(--primario-950) !important;
}
.border-round {
	border-radius: var(--border-radius);
}
.min-w-170 {
	min-width: 170px;
}
ul:not(.submenu-areautente) {
	padding-left: 40px;
}
.list-style-none {
	list-style: none;
}
.img-prod-bg-secondary {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: white;
	border-radius: var(--border-radius);
}
.img-prod-bg-secondary img {
	width: auto;
	max-height: 300px;
}

/* ----- object - recaptcha ----- */
.grecaptcha-badge { 
    visibility: hidden;
}

/* ----- object - scroll top ----- */
#scrollTop {
  bottom: 80px !important;
  right: 20px !important;
}
#scrollTop:after {
  background-color: white !important;
}

/* ----- object - whatsapp contact ----- */
.include-wa-icon {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99999;
}
.include-wa-icon a:before {
	content: '';
  position: absolute;
  top: -7.5px;
  left: -7.5px;
  display: block;
  width: 55px;
  height: 55px;
  z-index: -1;
  border-radius: 50%;
	background-color: var(--whatsapp-green);
	transform-origin: center;
	transform: scale(0);
	transition: transform 0.2s ease-in-out;
}
.include-wa-icon a:hover:before {
	transform: scale(1);
}
.include-wa-icon a > img {
	max-width: 40px;
	max-height: 40px;
	transform: scale(1);
	transition: transform 0.3s ease-in-out;
}
.include-wa-icon a:hover > img {
	transform: scale(0.8);
}

/* ----- object - news filter ----- */
.news-filter {
	position: relative;
	display: flex;
  align-items: center;
  justify-content: center;
}
.news-filter ul {
	position: relative;
	height: auto;
	list-style: none;
	padding: 0;
	margin: 0;
}
.news-filter li {
	position: relative;
	display: inline-block;
	border: 0;
	margin-bottom: 0;
}
.news-filter li:not(:last-child) {
	margin-right: 10px;
}
.news-filter li a {
	display: block;
	position: relative;
	color: var(--bianco) !important;
	background-color: transparent;
	padding: 7px 13px;
	border-radius: var(--border-radius);
	border: 1px solid transparent;
	transition: all .3s ease;
}
.news-filter li.active a,
.news-filter li:hover a {
	color: var(--primario) !important;
	border-color: var(--primario);
}

/* ----- object - accordion ----- */
.accordion .ac-item {
  min-height: 32px;
  background-color: var(--nero);
  padding: 10px 15px;
  border: none;
  border-radius: 0;
  margin-bottom: 15px;
}
.accordion .ac-item:last-child {
  margin-bottom: 0;
}
.accordion .ac-item .ac-title {
  display: flex;
  align-items: center;
}
.accordion .ac-item .ac-title:before {
  content: '\f078' !important;
  font-family: 'Font Awesome 6 Pro';
  font-size: 12px;
  font-weight: 100;
  transition: all 0.3s ease-out;
}
.accordion .ac-item.ac-active .ac-title:before {
  transform: rotate(180deg);
}
.accordion .ac-item .ac-title i {
  line-height: 22px;
}

/* ----- shape ----- */
.shape.shape-right {
	--rotate-y: 180deg;
}
#cta.shape.shape-right {
	--cx: 80%;
	--rotate-y: 180deg;
	--rotate-z: 30deg;
	--scale: 1.3;
}
.shape:after {
	content: '';
	position: absolute;
	top: 0;
	display: block;
	width: auto;
	height: 100%;
	background-image: radial-gradient(ellipse closest-side at center, var(--primario-700), transparent 65%), radial-gradient(circle closest-side at var(--cx, 65%) var(--cy, 30%), var(--primario-700), transparent 80%);
	filter: blur(60px);
	background-blend-mode: multiply;
	aspect-ratio: 3 / 4;
	transform: rotateY(var(--rotate-y, 0deg)) rotateZ(var(--rotate-z, 0deg)) scale(var(--scale, 1));
	z-index: 0;
}
.shape.shape-right:after { right: 0; }
#cta.shape.shape-right:after { right: 50px; }
.shape > * {
	position: relative;
	z-index: 10;
}


/* ------------------------- FORM ------------------------- */

/* ----- form-floating ----- */
.form-floating {
	position: relative;
}
.form-floating > textarea,
.form-floating > input {
	height: 44px;
	padding: 20px 20px 10px !important;
	border-radius: var(--border-radius) !important;
	font-size: 14px !important;
}
#formDati .form-floating > textarea,
#formDati .form-floating > input {
	border: none;
	border-bottom: 1px solid white;
	color: var(--bianco) !important;
	background-color: transparent;
}
#formDati .form-floating > textarea:active,
#formDati .form-floating > textarea:focus,
#formDati .form-floating > textarea:hover,
#formDati .form-floating > input:active,
#formDati .form-floating > input:focus,
#formDati .form-floating > input:hover {
	box-shadow: none !important;
}
.form-floating > textarea::placeholder,
.form-floating > input::placeholder {
	color: transparent !important;
}
.form-floating > label {
	position: absolute;
	top: 15px;
	left: 20px;
	line-height: 12px;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 0px;
	z-index: 100;
	transition: 0.3s;
}
#formDati .form-floating > label {
	color: var(--neutrale-400) !important;
}
.form-floating > textarea:focus ~ label,
.form-floating > textarea:not(:placeholder-shown) ~ label,
.form-floating > input:focus ~ label,
.form-floating > input:not(:placeholder-shown) ~ label {
	font-size: 10px !important;
	top: 0;
	transition: 0.3s;
}

/* ----- object - group input ----- */
#topbar2 .input-group .form-control:focus,
#topbar2 .input-group .form-control:focus-visible {
  outline: none !important;
  border-color: var(--primario) !important;
	box-shadow: none !important;
}

/* ----- object - group input submit ----- */
.group-input-submit {
  display: flex;
}
.group-input-submit .input-group {
  border: 1px solid var(--bianco);
  border-radius: var(--border-radius);
}
.bg-secondary .group-input-submit .input-group,
/*#cta .input-cta .form-control,*/
#popup .input-cta .form-control {
  border: 1px solid white;
}
.group-input-submit .input-group:focus-visible,
#cta .input-cta .form-control:focus,
#cta .input-cta .form-control:focus-visible,
#popup .input-cta .form-control:focus,
#popup .input-cta .form-control:focus-visible {
  outline: none !important;
  border-color: var(--primario) !important;
	box-shadow: none !important;
}
.group-input-submit .input-group {
	border-right: none !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.group-input-submit [class*="btn"] {
	border-width: 1px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
	margin-bottom: 0 !important;
}
.bg-secondary .group-input-submit [class*="btn"]:hover {
	background-color: white !important;
}

/* ----- object - checkbox privacy ----- */
.checkbox-form {
  display: flex;
  position: relative;
}
.checkbox-form > input {
	position: relative;
	z-index: 10;
	opacity: 0 !important;
	margin-right: 10px;
}
.checkbox-form .privacyContatti {
	display: block;
	position: absolute;
	z-index: 5;
	top: 4px;
	width: 16px;
	height: 16px;
	background-color: transparent;
	border: 1px solid var(--bianco);
	border-radius: var(--border-radius);
}
#formCondizioni .checkbox-form .privacyContatti {
	top: 6px;
}
.checkbox-form.privacy-contatti .privacyContatti,
.checkbox-form.privacy-contatti .privacyContatti:after {
	border-color: var(--nero);
}
.checkbox-form .privacyContatti:after {
	content: ' ';
	display: none;
	position: relative;
	top: 2px;
	left: 5px;
	width: 4px;
	height: 8px;
	border: solid var(--bianco);
	border-width: 0 1.5px 1.5px 0;
	transform: rotate(45deg);
}
.checkbox-form > input:checked ~ .privacyContatti {
	background-color: transparent;
}
.checkbox-form > input:checked ~ .privacyContatti:after {
	display: block;
}
.checkbox-form label,
.checkbox-form label > a {
  font-size: 12px !important;
	line-height: var(--line-height);
	color: var(--white);
}
.checkbox-form.privacy-contatti label,
.checkbox-form.privacy-contatti label > a,
.checkbox-form label.color-nero > a {
	color: var(--nero);
}
.checkbox-form label > a:hover {
	color: var(--primario) !important;
	text-decoration: underline !important;
}
.checkbox-form.checkbox-center {
  justify-content: center;
  align-items: center;
}
.checkbox-form.checkbox-center > input {
  position: relative;
  margin-right: 0;
  right: -14px;
}
.checkbox-form.checkbox-center .privacyContatti {
  position: relative;
  top: -1px;
  margin-right: 8px;
}

/* ----- object - box collection ----- */
.box-collection .box-collection-container {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 650px;
  overflow: hidden;
}
.box-collection .box-collection-container:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.05);
	z-index: 20;
}
.box-collection .box-collection-container > * {
	z-index: 30;
}
.box-collection .box-collection-container .collection-img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  transition: transform 1.5s ease-in-out;
	z-index: 10;
}
.box-collection .box-collection-container:hover .collection-img {
	transform: scale(1.15);
	transform-origin: center;
}
.box-collection .collection-divider {
	width: 50px;
	height: 3px;
	background-color: var(--primario);
}

/* ----- object - carousel ----- */
.carousel {
	--carousel-arrow-d: 70px;
	--carousel-arrow-icon-d: 30px;
}
.carousel.carousel-famiglie-home .img-prod-bg-secondary {
  height: 300px;
}
.carousel.carousel-famiglie-home .img-prod-bg-secondary img {
  height: 100%;
  width: auto;
}

/* ----- object - carousel - prev next button ----- */
.carousel .flickity-prev-next-button {
	top: 225px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: var(--carousel-arrow-d);
	height: var(--carousel-arrow-d);
  color: white;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  margin-top: calc(var(--carousel-arrow-d) / -2) !important;
	opacity: 1 !important;
	transition: all 0.5s ease-in-out;
}
.carousel.carousel-look .flickity-prev-next-button {
	top: 50%;
}
.carousel .flickity-prev-next-button:hover {
  background-color: rgba(0, 0, 0, 1);
}
.carousel .flickity-prev-next-button svg {
	width: var(--carousel-arrow-icon-d);
	height: var(--carousel-arrow-icon-d);
}
.carousel .flickity-prev-next-button.previous {
	left: 15px !important;
}
.carousel .flickity-prev-next-button.next {
	left: auto !important;
	right: 30px !important;
}

/* ----- object - include el testo - collezione ----- */
.carousel-single-arrow .carousel .flickity-prev-next-button {
	top: 200px;
}
.carousel-single-arrow .carousel .flickity-prev-next-button.previous {
  display: none !important;
}

/* ----- object - include el testo - collezione ----- */
.text-collezione {
  margin-bottom: 60px;
}
.text-collezione p {
  margin-bottom: 20px;
}
.text-collezione ul {
  margin-bottom: 20px;
	margin-left: 15px;
}


/* ------------------------- TOPBAR ------------------------- */
#topbar {
	display: flex !important;
	align-items: center;
	height: 40px;
	background-color: var(--nero) !important;
	border-bottom: none;
}
#topbar a {
	color: var(--bianco) !important;
}
#topbar a:hover {
	text-decoration: underline;
}

/* ------------------------- HEADER ------------------------- */
.logo-svg-container {
	--p-v: 10px;
	max-height: var(--topbar2-h);
}
#logoSticky .logo-svg-container,
.header-cart .logo-svg-container {
	padding-top: var(--p-v);
	padding-bottom: var(--p-v);
}
#topbar2 .logo-svg-container {
	padding-top: calc(var(--p-v) * 1.5);
}
.logo-svg-container > svg {
	width: auto;
	height: calc(var(--topbar2-h) - var(--p-v) * 2);
}
#topbar2 .logo-svg-container > svg {
	height: calc(var(--topbar2-h) - var(--p-v) * 1.5);
}

.overlay-menu {
	background: linear-gradient(to top, rgba(0,0,0,0) 0, rgba(0,0,0,.3) 35%, rgba(0,0,0,.65) 60%, #000 100%);
	position: absolute;
	top: 0;
	height: 190px;
	width: 100%;
	z-index: 3;
}
#topbar2 {
	position: relative;
	display: flex;
	align-items: center;
	height: var(--topbar2-h);
	z-index: 210;
}
#header {
	height: var(--header-h);
	line-height: var(--header-h);
  z-index: 200 !important;
}
#topbar2 #logo {
	height: var(--topbar2-h);
}
#topbar2 #logo img {
	height: 100%;
}
#topbar2 #searchHeader {
	background-color: transparent;
	color: var(--bianco);
	border-radius: var(--border-radius);
}
#topbar2 #searchHeader::placeholder {
  color: var(--bianco);
  opacity: 1; /* Firefox */
}
#topbar2 .input-group .input-group-btn {
	padding: 0;
	position: absolute;
  right: 0;
}
#topbar2 .btn-search-header {
	background-color: transparent;
	border: 0;
	color: var(--bianco);
	width: 50px;
  height: 38px;
}
#formSearchHeaderMobile {
	width: 100%;
}
#formSearchHeaderMobile .input-group #searchHeaderMobile {
  background-color: var(--neutrale-50) !important;
	padding-left: 13px;
  border: none;
}
#formSearchHeaderMobile .input-group #searchHeaderMobile::placeholder {
  color: var(--neutrale-600) !important;
}
#formSearchHeaderMobile .input-group #searchHeaderMobile:focus {
  box-shadow: none !important;
}
#formSearchHeaderMobile .input-group .input-group-btn {
  display: flex;
  align-items: center;
  background-color: var(--neutrale-50) !important;
  border: none;
  border-radius: 0 5px 5px 0;
  margin: 0;
}
#formSearchHeaderMobile .input-group .input-group-btn .btn-search-header {
	color: var(--neutrale-600) !important;
  background-color: transparent!important;
  padding: 0 !important;
  border: none !important;
  margin-bottom: 0;
}
#formSearchHeaderMobile .input-group .input-group-btn:hover .btn-search-header {
  color: var(--primario) !important;
}
#topbar2 .p-dropdown {
  display: inline-block;
	float: none;
}
.icon-account i,
.icon-preferiti i,
.icon-carrello i {
	font-size: 20px;
	color: var(--bianco);
}
.badge-cart-header {
  color: var(--primario) !important;
  background-color: var(--bianco) !important;
  border-radius: 50%;
  position: absolute;
  top: -9px;
  left: 16px;
  font-size: 12px !important;
  line-height: 10px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  padding: 0;
}
.sticky-active .badge-cart-header,
.header-dark .badge-cart-header {
  color: var(--bianco) !important;
  background-color: var(--primario) !important;
}
.dark:not(.submenu-light) #mainMenu.menu-lines nav > ul > li:hover > a {
	color: var(--bianco);
}
.dark:not(.submenu-light) #mainMenu.menu-lines nav > ul > li:hover > a:after {
	background-color: var(--primario);
}
#header .header-inner {
  position: relative;
}
#header .header-icon-mobile {
  display: none;
}
#logo #logo,
.header-inner #logoSticky.d-none #logo,
.header-inner #logoMobile.d-none #logo {
  max-width: 200px !important;
}
.logo-furney-svg {
  height: 80px;
  padding: 10px 0;
}
#mainMenu [class*="btn-"] {
  padding: 5px 10px !important;
	border-radius: var(--border-radius) !important;
}
#mainMenu .icon-account,
#mainMenu .icon-preferiti,
#mainMenu .menu-cart {
	display: none;
}
#mainMenu [class*="btn-"]:after {
	content: none !important;
}
#mainMenu nav > ul {
	display: flex;
	align-items: center;
	margin-right: 20px !important;
}
#header:not(.sticky-active):not(.dark) #mainMenu.menu-lines nav > ul > li > a:not([class*="btn-"]):hover,
#header:not(.sticky-active):not(.dark) #mainMenu.menu-lines nav > ul > li > a:not([class*="btn-"]):focus,
#header:not(.sticky-active):not(.dark) #mainMenu.menu-lines nav > ul > li > a:not([class*="btn-"]).active {
	color: var(--bianco) !important;
}
#mainMenu.menu-lines nav > ul > li.active > a:after {
	width: 100% !important;
	left: 0 !important;
	background-color: var(--primario);
}

/* ----- header - sticky ----- */
.sticky-active .header-inner {
  background-color: var(--primario-950) !important;
}
.sticky-active .header-inner #logoSticky.d-none {
  position: absolute;
  display: block !important;
}
.sticky-active .header-inner #mainMenu nav > ul > li,
.sticky-active .header-inner #mainMenu .icon-account,
.sticky-active .header-inner #mainMenu .icon-preferiti,
.sticky-active .header-inner #mainMenu .icon-carrello {
  line-height: 80px !important;
}
.sticky-active .header-inner #mainMenu nav > ul > li > a:not([class*="btn-"]) {
  color: var(--bianco) !important;
}
.sticky-active .header-inner #mainMenu nav > ul > li.border-r-1-white,
.sticky-active .header-inner #mainMenu nav > ul > li.border-l-1-white {
  border-color: var(--bianco) !important;
	margin: 24px 0px;
  line-height: 32px !important;
}
.sticky-active .header-inner .searchHeaderMobile {
	line-height: 32px !important;
	padding-left: 30px;
	border-left: 1px solid var(--bianco) !important;
	margin: 24px 0 24px 30px;
}
.sticky-active .header-inner .searchHeaderMobile i {
	font-size: 20px !important;
}
.sticky-active #mainMenu .icon-account,
.sticky-active #mainMenu .icon-preferiti,
.sticky-active #mainMenu .menu-cart,
.sticky-active #mainMenu .searchHeaderMobile {
	display: block !important;
}
.sticky-active .icon-account i,
.sticky-active .icon-preferiti i,
.sticky-active .icon-carrello i {
	color: var(--bianco) !important;
	position: relative;
}
.sticky-active .p-dropdown.p-dropdown-invert .p-dropdown-content {
  left: auto !important;
  right: 0 !important;
}
.sticky-active #mainMenu nav {
  display: flex;
}

/* ----- header - dark ----- */
.header-dark .overlay-menu {
  display: none;
}
.header-dark #topbar2 #searchHeader,
.header-dark .border-r-1-white,
.header-dark .border-l-1-white {
  border-color: var(--nero) !important;
}
.header-dark #topbar .border-r-1-white {
  border-color: var(--bianco) !important;
}
.header-dark #topbar2 #searchHeader,
.header-dark #topbar2 #searchHeader::placeholder,
.header-dark #topbar2 .btn-search-header,
.header-dark .icon-account i,
.header-dark .icon-preferiti i,
.header-dark .icon-carrello i,
.header-dark .dark #mainMenu nav > ul > li > a,
.header-dark #mainMenu.dark nav > ul > li > a,
.header-dark #mainMenu.menu-lines nav > ul > li > a:hover {
  color: var(--nero) !important;
}

/* ----- header - submenu ----- */
#mainMenu nav > ul > li > a:after {
  bottom: 4px !important;
}
#mainMenu nav > ul > li ul.dropdown-menu {
  background: linear-gradient(to bottom, transparent 30px, var(--nero) 30px);
  background-color: transparent !important;
  border: none;
  border-radius: 0;
  padding: 30px 0 0 0;
	width: var(--width-nav) !important;
  right: -15px !important;
}
.sticky-active #mainMenu nav > ul > li ul.dropdown-menu {
  background: linear-gradient(to bottom, transparent 0, var(--nero) 0);
  padding-top: 0;
}
.sticky-active #mainMenu nav > ul > li.mega-menu-item > .dropdown-menu {
  width: 1300px;
}
#mainMenu nav > ul > li ul.dropdown-menu > li {
  background: linear-gradient(to right, transparent 30%, var(--bianco) 30%);
}
#mainMenu nav > ul > li ul.dropdown-menu .row-tipo .link-menu-cat.active {
	background-color: var(--bianco);
}
#mainMenu nav > ul > li ul.dropdown-menu .row-tipo .link-menu-cat:not(.active) {
	color: var(--bianco);
}
#mainMenu nav > ul > li ul.dropdown-menu .row-tipo .link-menu-cat:hover {
  color: var(--nero) !important;
}
#mainMenu nav > ul > li ul.dropdown-menu .row-tipo .link-menu-cat,
#mainMenu nav > ul > li ul.dropdown-menu .row-tipo .link-menu-prod {
  display: block;
  padding: 10px 0;
}
.col-text-prodCat {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.row-prodCat .col-img-prodCat [class*="img-prodCat"] img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#mainMenu nav > ul > li ul.dropdown-menu .row-tipo .link-menu-prod.active {
	color: var(--primario);
}
#mainMenu nav > ul > li ul.dropdown-menu .img-prod-menu {
	max-width: 350px;
}

/* ----- header - menu user ----- */
.p-dropdown-user ul {
	padding: 15px 20px !important;
	border-radius: var(--border-radius);
}
.p-dropdown-user ul > li:not(:last-child) {
	margin-bottom: 10px;
}
.p-dropdown-user ul > li.dropdown-user-intro {
	padding-bottom: 10px !important;
	padding-left: 10px !important;
	border-bottom: 1px solid var(--neutrale-100);
}
.p-dropdown-user ul > li > a {
  display: grid !important;
  grid-template-columns: 20px auto;
  grid-column-gap: 10px;
  align-items: center;
}
.p-dropdown-user ul > li > a > i {
	text-align: center;
	margin-right: 0 !important;
}

/* ----- header - cart ----- */
.menu-cart {
	display: inline;
}
.menu-cart .icon-carrello {
	position: relative;
}
.menu-cart-container {
  position: absolute;
  z-index: 1000;
	transition: all 0.3s ease-in-out;
}
.menu-cart-container.hide-menu {
	opacity: 0;
	visibility: hidden;
}
.menu-cart-container.show-menu {
	opacity: 1;
	visibility: visible;
}
.menu-cart-container .menu-cart-close {
  content: '';
  position: fixed;
  top: 0;
  right: 0;
	display: block;
  width: 100vw;
  height: 100vh;
  background-color: var(--nero);
	opacity: 0.5;
  z-index: 0;
}
.menu-cart-container .menu-cart-content {
  position: fixed;
  top: 0;
  right: 0;
	display: block;
  width: 30vw;
  height: 100vh;
	text-align: left;
  background-color: white;
	padding: 0 15px 20px 15px;
  overflow-y: scroll;
  z-index: 100;
	transition: all 0.3s ease-in-out;
}
.menu-cart-container.hide-menu .menu-cart-content {
  transform: translateX(30vw);
	opacity: 0;
}
.menu-cart-container.show-menu .menu-cart-content {
  transform: translateX(0);
	opacity: 1;
}
.menu-cart-container .menu-cart-content .menu-cart-header {
  position: sticky;
  top: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
  background-color: white;
	padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--primario);
  margin-bottom: 30px;
	z-index: 150;
}
.menu-cart-container .menu-cart-content .menu-cart-header a i {
  transform: rotate(0deg);
  transition: all 0.25s ease-in-out;
}
.menu-cart-container .menu-cart-content .menu-cart-header a:hover i {
  transform: rotate(90deg);
}
.menu-cart-container .menu-cart-content .menu-cart-body {
	display: flex;
  flex-direction: column-reverse;
}
.menu-cart-container .menu-cart-content .menu-cart-body .menu-cart-spedizione {
  position: sticky;
  top: calc(var(--h4-size) + 49px);
  background-color: white;
	padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--primario);
  margin-top: -30px;
  margin-bottom: 30px;
	z-index: 150;
}
.menu-cart-container .menu-cart-content .menu-cart-body .menu-cart-total {
	display: flex;
	justify-content: space-between;
	align-items: center;
  padding-top: 20px;
  border-top: 1px solid var(--primario);
  margin-top: -20px;
  margin-bottom: 20px;
}
.menu-cart-container .menu-cart-content h4,
.menu-cart-container .menu-cart-content h5,
.menu-cart-container .menu-cart-content p,
.menu-cart-container .menu-cart-content input {
	color: var(--nero) !important;
}
#brand .grid-menu-brand {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
}
#brand .grid-menu-brand img {
	border-radius: var(--border-radius);
}


/* ------------------------- SUBHEADER ------------------------- */
#page-title:not(.subheader-only-breadcrumb) {
	top: calc(-1 * (var(--topbar2-h) + var(--header-h))) !important;
	display: flex;
	align-items: center;
	height: var(--subheader-h, auto);
	padding: calc(var(--topbar2-h) + var(--header-h) + 30px) 0 !important;
	margin-bottom: calc(-1 * (var(--topbar2-h) + var(--header-h))) !important;
}
#page-title:not(.subheader-only-breadcrumb):before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
	background: linear-gradient(100deg, rgba(0, 0, 0, 0.90) 23.65%, transparent 94.37%);
  z-index: -1;
}
#page-title.subheader-only-breadcrumb {
  top: 0 !important;
  padding-top: 40px !important;
  padding-bottom: 0 !important;
  border-top: 1px solid var(--neutrale-100);
  margin-top: 40px;
  margin-bottom: 0 !important;
  background-color: var(--bianco) !important;
}

/* ----- subheader - breadcrumb ----- */
#page-title:not(.subheader-only-breadcrumb) .breadcrumb {
  position: absolute;
  bottom: 15px;
  left: 15px;
}
#page-title.subheader-only-breadcrumb .breadcrumb {
  text-align: left !important;
}
#page-title .breadcrumb ul .breadcrumb-item + li:before,
#page-title .breadcrumb ul li + li:before {
  content: '\2f';
  font-family: 'Font Awesome 6 Pro';
}
#page-title.subheader-only-breadcrumb .breadcrumb ul > li:last-child a {
	font-weight: 700;
}


/* ------------------------- SUBMENU ------------------------- */
#pageSubmenuAreaUtente ul {
	list-style: none;
	display: flex;
	justify-content: center;
	align-items: center;
}
#pageSubmenuAreaUtente ul li {
	position: relative;
	padding: 0 15px;
}
#pageSubmenuAreaUtente ul li a {
	font-size: var(--text-btn-size) !important;
	display: block;
	color: var(--primario) !important;
	border: 1px solid var(--primario);
	border-radius: 0;
	padding: 7px 13px;
	transition: .3s all ease-in-out;
}
#pageSubmenuAreaUtente ul li a:hover,
#pageSubmenuAreaUtente ul li.active a {
	color: white !important;
	background-color: var(--primario) !important;
}

/* ------------------------- FOOTER ------------------------- */

/* --- footer - general --- */
#footer {
	border-top: 2px solid var(--neutrale-700);
}
#footer .footer-content {
	padding: 80px 80px 30px;
}
#footer .divisore-footer {
	position: relative;
	display: block;
	width: calc(100% - 160px);
	height: 1px;
	background-color: var(--neutrale-700);
	margin: auto;
}
#footer .divisore-footer:before,
#footer .divisore-footer:after {
	--d: 4px;
	content: '';
	position: absolute;
	top: calc(50% - var(--d) / 2);
	display: block;
	width: var(--d);
	height: var(--d);
	background-color: var(--neutrale-700);
	transform-origin: center;
	transform: rotate(45deg);
}
#footer .divisore-footer:before {
	left: 0;
}
#footer .divisore-footer:after {
	right: 0;
}
#footer a {
	color: var(--neutrale-500) !important;
	transition: .3s color ease-in-out;
}
#footer a:hover,
#footer a:active,
#footer a:focus {
	color: var(--bianco) !important;
}

/* ----- footer - logo ----- */
#footer .logo-svg-container {
	max-height: unset;
}
#footer .logo-svg-container > svg {
	width: 290px;
	height: auto;
}

/* --- footer - other --- */
#footer .social-footer {
  display: flex;
  align-items: center;
}
#footer .social-footer a {
	color: var(--bianco) !important;
}
#footer .social-footer a:hover {
	opacity: 0.75;
}
#footer .sez-pagamento-footer-container {
  display: grid;
  grid-template-columns: repeat(7, auto);
  grid-gap: 20px;
  justify-content: space-between;
  justify-items: center;
  align-items: center;
}
#footer .sez-pagamento-footer-container  .sez-pagamento-footer-gruppo-bonifico span {
	font-size: 0.8rem !important;
	line-height: 1rem !important;
  width: 70px;
}



/* ------------------------- SLIDER ------------------------- */
#slider {
	min-height: 850px;
	top: calc(-1 * (var(--topbar2-h) + var(--header-h))) !important;
	margin-bottom: calc(-1 * (var(--topbar2-h) + var(--header-h))) !important;
}
#slider .slide.overlay-sfondo:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.75));
}
#slider .container,
#slider .container-fluid {
	align-self: center !important;
	max-width: 1200px;
	padding: 90px 0 70px 0;
}
#slider .container-immagine-aggiuntiva {
	--gap: 25px;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--gap);
}
#slider .container-immagine-aggiuntiva > div {
	width: calc(50% - var(--gap) / 2);
}
/*
#slider .container .slide-captions h1 {
	opacity: 1 !important;
	animation: none !important;
}
*/
#slider.inspiro-slider .flickity-prev-next-button {
  line-height: 20px;
  width: 20px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 15px;
	border-radius: 50%;
  opacity: 1;
}
#slider.inspiro-slider .flickity-prev-next-button:hover {
  background-color: black;
}
#slider.inspiro-slider .flickity-prev-next-button.previous {
	left: 10px;
}
#slider.inspiro-slider .flickity-prev-next-button.next {
	right: 10px;
}


/* ------------------------- CTA ------------------------- */
#cta {
	display: flex;
	align-items: center;
	min-height: 500px;
}
#cta:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 58%;
  height: 100%;
	background: linear-gradient(270deg, #000 0.22%, transparent 15.67%, transparent 82.07%, #000 99.17%), var(--bg-cta-img);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 0;
}
#cta .input-cta .form-control,
#cta .group-input-submit .input-group {
	color: var(--bianco) !important;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid var(--bianco);
	border-radius: 0;
}
#cta .input-cta .form-control::placeholder,
#cta .group-input-submit .input-group::placeholder {
	color: var(--neutrale-400) !important;
}

/* ------------------------- MODAL ------------------------- */
#modalOk h2,
#modalErr h2 {
	font-size: 34px !important;
}
#popup {
	max-width: 1140px;
}
#popup .modal-close {
	position: absolute;
	top: 20px;
	right: 20px;
}
#popup .modal-close i {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
	transition: 0.5s all ease-in-out;
}
#popup .modal-close:hover i {
	transform: rotate(90deg);
}
#popup button.mfp-close {
	display: none !important;
}


/* ------------------------- HOME ------------------------- */
#lookNovita .bg-look {
	min-height: 400px;
	border-radius: var(--border-radius);
}
#lookNovita .product-box {
	margin-bottom: 0;
}
#lookNovita .product-box .product-desc {
	padding: 15px;
}


/* ------------------------- CHI SIAMO ------------------------- */
.accordion.elenco-valori .ac-item {
	background-color: transparent;
	padding: 20px 0;
}
.accordion.elenco-valori .ac-item .ac-title:before {
	--d: 20px;
	content: '' !important;
	left: 0;
	right: unset;
	width: var(--d);
	height: var(--d);
	background-color: var(--primario-400);
	transition: .3s background-color ease-in-out, .3s transform ease-in-out;
}
.accordion.elenco-valori .ac-item.ac-active .ac-title:before {
	background-color: var(--bianco);
	transform: rotate(135deg);
}
.accordion.elenco-valori .ac-item .ac-title,
.accordion.elenco-valori .ac-item .ac-content {
	padding-right: 0;
	padding-left: 100px;
}


/* ------------------------- BRAND ------------------------- */
.grid-brand-nav ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.grid-brand-nav ul li a {
	color: var(--nero) !important;
	background-color: transparent !important;
	transition: .2s all ease-in-out;
}
.grid-brand-nav ul li.active a,
.grid-brand-nav ul li a:hover {
	color: var(--primario) !important;
	text-decoration: underline !important;
}
.grid-brand-elenco .grid-brand-logo .portfolio-item-brand {
	border-radius: var(--border-radius);
	overflow: hidden;
}

/* ------------------------- PRODOTTI ------------------------- */

/* ----- prodotti - famiglie ----- */

/* ----- prodotti - look ----- */
.look-group-dettaglio {
	position: relative;
}
.look-group-dettaglio .over-el-container {
	position: absolute;
	top: calc(var(--look-prod-pos-y) - 30px);
  left: calc(var(--look-prod-pos-x) - 30px);
  padding: 10px;
}
.look-group-dettaglio .over-el-container .over-el-hover {
	--el-hover-d: 40px;
	position: relative;
  display: block;
  width: var(--el-hover-d);
  height: var(--el-hover-d);
  background-color: transparent;
  border-radius: 50%;
	transition: background-color 0.25s ease-in-out;
	z-index: 10;
}
.look-group-dettaglio .over-el-container:hover .over-el-hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.look-group-dettaglio .over-el-container .over-el-hover:before {
	content: '';
	position: absolute;
	top: 30%;
	left: 30%;
  display: block;
  width: 40%;
  height: 40%;
  border-radius: 50%;
  background-color: white;
	animation: pulse-look 3.5s infinite ease-out;
}
.look-group-dettaglio .over-el-container:hover .over-el-hover:before {
	box-shadow: none !important;
}
@keyframes pulse-look {
	0% {
		box-shadow: 0 0 0 0 rgba(200, 200, 200, 0.5);
	}
	100% {
		box-shadow: 0 0 0 calc((var(--el-hover-d) - (var(--el-hover-d) * 0.4)) / 2) rgba(0, 0, 0, 0);
	}
}
.look-group-dettaglio .over-el-container .over-el-content {
  position: absolute;
  top: -50%;
  display: block;
  width: 200px;
  height: auto;
  background-color: var(--bianco);
  border-radius: var(--border-radius);
  padding: 20px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.15s ease-in-out;
	z-index: 20;
}
.look-group-dettaglio .over-el-container .over-el-content.over-el-content-right {
  left: 100%;
}
.look-group-dettaglio .over-el-container .over-el-content.over-el-content-left {
  right: 100%;
}
.look-group-dettaglio .over-el-container:hover .over-el-content {
	visibility: visible;
	opacity: 1;
}
.look-group-dettaglio .over-el-container .over-el-content a > * {
	color: var(--nero) !important;
}
.look-group-dettaglio .over-el-container .over-el-content a:hover > i {
	color: var(--primario) !important;
}

/* ----- prodotti - sidebar ----- */
.sidebar {
  padding-left: 15px;
}
.switch-filter {
  display: flex;
}
.switch-label {
  position: relative;
  display: inline-block;
  width: 40px;
  min-width: 40px;
  height: 22px;
}
.switch-text {
	vertical-align: top;
	display: inline-block;
	margin-left: 10px;
}
.switch-input {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--neutrale-100);
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .switch-input {
  background-color: var(--primario);
}
.switch-input:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 2px;
  bottom: 2px;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
}
input:disabled + .switch-input {
  background-color: #e6e6e6;
}
input:focus + .switch-input {
  box-shadow: 0 0 1px #0073b2;
}
input:checked + .switch-input:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}
.sidebar .input-slider {
	padding: 0 10px 30px 10px;
}
.sidebar .input-slider .slider {
  height: 20px;
}
.sidebar .input-slider .slider .slider-track {
  left: 0;
  height: 2px;
  margin-top: -1px;
}
.sidebar .input-slider .slider .slider-track .slider-selection,
.sidebar .input-slider .slider .slider-track .slider-track-high,
.sidebar .input-slider .slider .slider-track .slider-track-low {
  height: 0px;
  top: 0;
  bottom: unset;
}
.sidebar .input-slider .slider .slider-track .slider-selection {
  height: 2px;
  background-color: var(--nero);
}
.sidebar .input-slider .slider .tooltip {
	opacity: 1;
  margin-top: 25px;
}
.sidebar .input-slider .slider .tooltip .tooltip-inner {
	color: var(--nero);
	border: 1px solid var(--nero);
  border-radius: var(--border-radius);
  background-color: var(--bianco);
}
.sidebar .input-slider .slider .slider-handle {
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--nero);
}

/* ----- prodotti - griglia ----- */
.carousel .product-box {
	margin-bottom: 0 !important;
}
.product-box {
  position: relative;
	margin-bottom: 40px;
	background-color: var(--neutrale-900);
	border: 1px solid var(--neutrale-800);
}
.product-box .product-title {
  position: absolute;
  top: 20px;
  left: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 40px);
  padding: 0;
  z-index: 100;
}
.badge-prodotti,
.product-box .product-title .badge-prodotti {
  font-size: 0.9rem !important;
  text-transform: uppercase;
  color: var(--bianco) !important;
  background-color: var(--primario);
  border-radius: var(--border-radius);
  padding: 2px 10px;
}
.product-box .product-title .product-fav a i {
	--d: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: var(--d);
	height: var(--d);
	color: var(--nero) !important;
	background-color: var(--neutrale-50);
	border-radius: 50%;
}
.product-box .product-content .product-img {
  position: relative;
  overflow: hidden;
}
.product-box .product-content .product-img .link-cart {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 0;
  color: var(--bianco) !important;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
	transition: all 0.5s;
}
.product-box .product-content:hover .product-img .link-cart {
  height: 50px;
  opacity: 1;
}
.product-box .product-content:hover .product-img .link-cart:hover {
  background-color: var(--nero);
}
.product-box .product-content .product-desc {
	padding: 20px;
}
.product-box .product-content .product-desc h4 {
	min-height: calc(var(--h4-line-height) * 2);
}
.product-box .product-content .product-desc p {
	min-height: calc(var(--text-small-line-height) * 3);
}
.product-box .product-content .product-desc .brand-material-empty {
	display: none;
}

/* ----- prodotti - prezzo ----- */
.product-prezzo {
  position: relative;
  display: flex;
  align-items: center;
	margin-top: 20px;
}
.product-prezzo .prezzo-barrato {
  font-size: 0.8rem !important;
  text-decoration: line-through;
	margin-left: 15px;
}
.product-prezzo .prezzo-sconto {
  position: absolute;
  right: 0;
  font-size: 0.8rem !important;
  color: var(--nero) !important;
  background-color: var(--neutrale-50);
  border-radius: var(--border-radius);
  padding: 0 8px;
}
.product-prezzo .prezzo-definitivo {
}
.product-page .product-prezzo .prezzo-definitivo {
	font-size: var(--display3-size) !important;
	line-height: var(--display3-line-height) !important;
	color: var(--bianco) !important;
}
.product-page .product-prezzo .prezzo-barrato,
.product-page .product-prezzo .prezzo-sconto {
	font-size: var(--text-size) !important;
	line-height: var(--text-line-height) !important;
}
[id^="lookProd"] .product-prezzo {
  display: grid !important;
	grid-template-areas: "b s"
											 "d i";
  grid-template-columns: repeat(2, auto);
  grid-row-gap: 10px;
}
[id^="lookProd"] .product-prezzo .prezzo-definitivo {
	grid-area: d;
  font-size: 20px !important;
}
[id^="lookProd"] .product-prezzo .prezzo-barrato {
	grid-area: b;
  margin-left: 0;
}
[id^="lookProd"] .product-prezzo .prezzo-sconto {
	grid-area: s;
  position: relative;
  font-size: 11px !important;
}
[id^="lookProd"] .product-prezzo i {
	grid-area: i;
  text-align: right;
}

/* ----- prodotti - dettaglio ----- */
.product-title h1 {
	font-size: var(--h4-size);
}
#prodDettaglio .product-page {
	overflow: visible;
}
#prodDettaglio .product-page .product-desc {
	position: relative;
}
#prodDettaglio .product-page .product-desc .product-desc-col-info {
  position: sticky;
  top: 100px;
  display: block;
  height: 100%;
}
#prodDettaglio .product-page .product-desc .product-desc-col-info .product-desc-col-info-intro .product-sku {
  opacity: 0.4;
}
#prodDettaglio .product-page .product-desc .product-desc-col-info .product-desc-col-info-intro #productShare.active,
#prodDettaglio .product-page .product-desc .product-desc-col-info .product-desc-col-info-intro #productShare:hover {
	color: var(--primario);
	cursor: pointer;
}
#prodDettaglio .product-page .product-desc .product-desc-col-info .product-desc-col-info-intro #productShare .group-icon-condividi {
  position: absolute;
  top: 35px;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: auto;
  padding: 5px 10px;
  background-color: white;
	z-index: 100;
}
#prodDettaglio .product-page .product-desc .product-desc-col-info .product-desc-col-info-intro #productShare .group-icon-condividi:before {
	content: '';
  position: absolute;
	top: -11px;
	right: calc(50% - 4.5px);
	display: block;
	width: 9px;
	height: 12px;
  background-color: white;
	clip-path: polygon(0 100%, 50% 0, 100% 100%);
}
#prodDettaglio .product-page .product-desc .product-desc-col-info .product-desc-col-info-intro #productShare .group-icon-condividi > a {
	line-height: 1rem !important;
	margin-top: 5px;
	margin-bottom: 5px;
}
#prodDettaglio .product-page .product-desc .product-desc-col-info .dimensioni-prod-grid {
	display: grid;
  grid-template-columns: repeat(4, 1fr);
}
#prodDettaglio .product-page .product-desc .product-desc-col-info .dimensioni-prod-grid [class*="dim-prod"] {
  display: grid;
  grid-template-columns: 40px auto;
  grid-column-gap: 20px;
  align-items: center;
}
#prodDettaglio .product-page .product-desc .product-desc-col-info .dimensioni-prod-grid [class*="dim-prod"] i {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40;
	height: 40px;
	background-color: var(--neutrale-100);
	border-radius: 50%;
}
#prodDettaglio .product-page .product-desc .row-descrizione-prodotto ul {
	list-style: none;
}
#prodDettaglio .product-page .product-desc .product-desc-col-info .cart-product-quantity {
  display: flex;
  align-items: center;
	gap: 40px;
}
#prodDettaglio .product-page .product-desc .product-desc-col-info .cart-product-quantity .quantity {
  background-color: var(--neutrale-100);
}
#prodDettaglio .product-page .product-desc .product-desc-col-info .cart-product-quantity .price {
	display: flex;
  justify-content: center;
  align-items: center;
	width: 100px;
  height: 40px;
  background-color: var(--neutrale-100);
}
#prodDettaglio .product-page .product-desc .product-desc-col-info .cart-product-quantity .price span {
	color: var(--nero) !important;
}
#prodDettaglio .product-page .product-desc .product-desc-col-info .cart-product-quantity .quantity input {
	width: 40px;
  background-color: var(--neutrale-100);
	padding: 10px 5px;
  border: none;
	margin: 0;
}
#prodDettaglio .product-page .product-desc .product-desc-col-info .cart-product-quantity .quantity input[type="button"] {
	color: var(--bianco);
	background-color: var(--neutrale-600);
}
#prodDettaglio .product-page .product-desc .product-desc-col-info .cart-product-quantity .quantity input:focus-visible {
  outline: var(--nero) solid 1px;
}
#prodDettaglio .product-page .product-desc .product-desc-col-info i[class*="icon-instock"] {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 5px;
}
#prodDettaglio .product-page .product-desc .product-desc-col-info i.icon-instock-yes {
	background-color: var(--green-success);
}
#prodDettaglio .product-page .product-desc .product-desc-col-info i.icon-instock-no {
	background-color: var(--yellow-alert);
}
#prodDettaglio .product-page .product-desc .product-desc-col-foto .product-image {
  position: sticky;
  top: 0;
}
#prodDettaglio .product-page .product-desc .product-desc-col-foto .product-image .single-image img {
	width: 100%
}
#prodDettaglio .row-dettagli-prodotti .tabs-folder .tab-content {
  border: none;
  border-top: solid 3px var(--neutrale-100);
  border-radius: 0;
  margin-top: -3px;
}
#prodDettaglio .row-dettagli-prodotti .tabs-folder ul.nav-tabs li.nav-item a.nav-link {
	max-height: 100%;
	padding: 2px 10px;
  border: none;
  border-bottom: solid 3px var(--neutrale-100);
  border-radius: 0;
}
#prodDettaglio .row-dettagli-prodotti .tabs-folder ul.nav-tabs li.nav-item a.nav-link.active {
  color: var(--primario) !important;
  border-color: var(--primario) !important;
}
.brand-material-container .brand-material-content {
	display: flex;
	align-items: center;
}
.brand-material-container .brand-material-content .brand-material {
	position: relative;
  display: flex;
  justify-content: center;
	width: 40px;
	height: 40px;
	background-image: var(--material-img);
	background-color: var(--material-color);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
	border-radius: 50%;
	margin: 10px;
  box-shadow: 0 0 6px -3px var(--nero);
	z-index: 100;
	transition: all 0.25s ease-in-out;
	cursor: pointer;
}
.brand-material-container .brand-material-content .brand-material.no-hover {
	width: 30px;
	height: 30px;
}
.brand-material-container .brand-material-content .brand-material.no-hover:first-child {
	margin-left: 0;
}
.brand-material-container .brand-material-content .brand-material:not(.no-hover):hover,
.brand-material-container .brand-material-content .brand-material.selected {
  transform: scale(0.8);
}
.brand-material-container .brand-material-content .brand-material:not(.no-hover):before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	border: 1px solid var(--material-color);
	border-radius: 50%;
  box-shadow: 0 0 6px -3px var(--nero);
	opacity: 0;
	z-index: 0;
  transform: scale(0);
	transition: transform 0.25s ease-in-out, opacity 0.1s ease-in-out;
}
.brand-material-container .brand-material-content .brand-material:not(.no-hover):hover:before,
.brand-material-container .brand-material-content .brand-material.selected:before {
	opacity: 1;
  transform: scale(1.25);
}
.brand-material-container .brand-material-content .brand-material .brand-material-label {
	position: absolute;
	bottom: -35px;
	font-size: 1rem;
	line-height: var(--line-height);
	background-color: var(--bianco);
	padding: 0 5px;
	border-radius: var(--border-radius);
  box-shadow: 0 0 6px -3px var(--nero);
	opacity: 0;
	z-index: 150;
	transform: translateY(10px) scale(0.8);
	transition: all 0.25s ease-in-out;
}
.brand-material-container .brand-material-content .brand-material.selected .brand-material-label {
	transform: translateY(25px) scale(1);
}
.brand-material-container .brand-material-content .brand-material:hover .brand-material-label {
	opacity: 1;
	transform: translateY(0) scale(1);
}


/* ------------------------- NEWS ------------------------- */
.news-card {
	background-color: var(--neutrale-900);
	border: 1px solid var(--neutrale-800);
}
.news-card .news-content {
	padding: 20px;
}
.news-img {
	aspect-ratio: 4/3;
}
.news-img img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.news-data p,
.news-categoria p {
  font-size: 0.9rem !important;
}
.news-categoria a[class*="btn"] {
	padding: 5px 10px !important;
	font-size: .875em !important;
	line-height: calc(1em + 4px) !important;
}
.news-data p {
	min-height: 22px !important;
}
.news-title > * {
  min-height: calc(1em + 16px);
}
.news-text p {
  min-height: calc(4em + 32px);
}
.news-link a,
.news-icon a {
	color: var(--primario) !important;
	transition: all 0.15s ease-in-out;
}
.news-icon a:hover,
.news-link a:hover {
	color: white !important;
}
.news-badge {
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: var(--primario);
	color: var(--bianco) !important;
	padding: 3px 10px;
	border-radius: var(--border-radius);
}
.news-badge a {
	color: var(--bianco) !important;
	font-size: 14px !important;
}


/* ------------------------- NEWS - DETTAGLIO ------------------------- */

/* ----- news - dettaglio - content ----- */
.post-item .post-item-wrap {
	background-color: transparent !important;
}
.badge-categoria {
	color: var(--primario) !important;
}
.social-share-blog .icon-social {
  padding-right: 10px;
  padding-left: 10px;
}

/* ----- news - dettaglio - sidebar ----- */
.sidebarBlog [class*="sidebar-el"] .sidebar-title-el {
	color: var(--primario) !important;
}
.sidebarBlog .sidebar-el-correlati .sidebar-title-news {
	color: var(--primario) !important;
}
.sidebarBlog .sidebar-el-correlati .sidebar-link-news {
	color: var(--primario) !important;
}
.sidebarBlog .sidebar-el-correlati .sidebar-link-news:hover {
	color: white !important;
}
.sidebarBlog .sidebar-el-cerca .input-group input {
  border: 2px solid var(--neutrale-100);
}
.sidebarBlog .sidebar-el-cerca .input-group .input-group-append {
	margin-left: 0 !important;
}
.sidebarBlog .sidebar-el-cerca .input-group .input-group-append button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sidebarBlog .sidebar-el-cerca .input-group button:hover {
  color: var(--primario) !important;
}

/* ----- news - dettaglio - elenchi ----- */
[id^="blogRow"] ul,
[id^="blogRow"] ol {
  padding-left: 20px;
}

/* ----- news - dettaglio - img ----- */
[id^="blogRow"] img {
	border-radius: var(--border-radius);
}

/* ----- news - dettaglio - cta ----- */
[id^="blogRow"].row-cta {
	border-radius: var(--border-radius);
}

/* ----- news - dettaglio - icon-box ----- */
[id^="blogRow"] .icon-box-blog {
	display: flex;
	align-items: center;
  background-color: white;
  border-radius: var(--border-radius);
  padding: 20px;
}
[id^="blogRow"] .icon-box-blog:before {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 100%;
	color: black !important;
  font-size: 32px;
  margin-right: 20px;
}
[id^="blogRow"] .icon-box-blog > p {
	color: black !important;
	margin-bottom: 0;
}


/* ------------------------- CONTATTI ------------------------- */

.product-page .form-control,
#contact-form .input-group .form-control,
#formPass .input-group .form-control {
	color: var(--bianco) !important;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid var(--bianco);
	border-radius: 0;
	box-shadow: none !important;
}
.product-page .form-control::placeholder,
#contact-form .input-group .form-control::placeholder,
#formPass .input-group .form-control::placeholder {
	color: var(--neutrale-400) !important;
}


/* ------------------------- FAQ ------------------------- */
.faq-container .faq-list .accordion .ac-item {
	background-color: transparent;
	padding: 15px 0;
	margin-bottom: 0 !important;
}
.faq-container .faq-list .accordion .ac-item .ac-title:before {
	--d: 10px;
	content: '' !important;
	left: 0;
	right: unset;
	width: var(--d);
	height: var(--d);
	background-color: var(--primario-400);
	transition: .3s background-color ease-in-out, .3s transform ease-in-out;
}
.faq-container .faq-list .accordion .ac-item.ac-active .ac-title:before {
	background-color: var(--bianco);
	transform: rotate(135deg);
}
.faq-container .faq-list .accordion .ac-item .ac-title,
.faq-container .faq-list .accordion .ac-item .ac-content {
	padding-right: 0;
	padding-left: 40px;
}


/* ------------------------- AREA UTENTE ------------------------- */

/* ----- area utente - general ----- */
.fullscreen.bg-area-utente:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.form-area-utente #pswd_info {
  position: absolute;
  top: 0;
  right: -310px;
  max-width: 300px;
  background-color: var(--bianco);
  padding: 15px;
}
.form-area-utente #pswd_info.pswd_info_absolute_change {
  right: -325px;
}
.form-area-utente #pswd_info ul {
	list-style: none;
}
#pswd_info .invalid {
	background: url(../images/icons-password/invalid.png) 0 50% no-repeat;
	padding-left: 22px;
	line-height: 24px;
	color: #ec3f41;
}

#pswd_info .valid {
	background: url(../images/icons-password/valid.png) 0 50% no-repeat;
	padding-left: 22px;
	line-height: 24px;
	color: #3a7d34;
}

/* ----- area utente - login ----- */
.form-area-utente .input-group input {
  border: 1px solid var(--neutrale-100);
}
.form-area-utente .input-group .input-group-append {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  border: 1px solid var(--neutrale-100);
  border-left: none;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
  margin-left: 0;
}

/* --- form check verification code --- */
#formLogin2,
#formLostPass .codeContainer {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 10px;
}
#formLostPass {
	justify-content: center;
}
#formLostPass .codeContainer {
	margin-bottom: 20px;
}
#formLogin2 .form-group input[id^="code"],
#formLostPass .form-group input[id^="code"] {
  padding-top: 40px;
  padding-bottom: 40px;
  height: auto;
}
#formLostPass .codeContainer .form-group input[id^="code"] {
  width: 100% !important;
  padding: 30px 10px !important;
}
#formLogin2 div:last-child,
#formLostPass .input-full-col {
  grid-column: 1 / 7;
}
/* Chrome, Safari, Edge, Opera */
input[id^="code"]::-webkit-outer-spin-button,
input[id^="code"]::-webkit-inner-spin-button {
	display: none;
}
/* Firefox */
input[id^="code"][type=number] {
	appearance: textfield;
}


/* ----- area utente - index ----- */
svg.img-circle {
  fill: var(--primario);
}

/* ----- area utente - index - griglia ----- */
.grid-tab-ac-intro {
	display: grid;
	grid-template-areas:
		'dati newsletter newsletter'
		/*'dati prescrizioni prescrizioni'*/
		'ordini preferiti indirizzi';
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px;
}
.grid-tab-ac-intro > .tab-ac-dati { grid-area: dati; }
.grid-tab-ac-intro > .tab-ac-newsletter { grid-area: newsletter; }
.grid-tab-ac-intro > .tab-ac-prescrizioni { grid-area: prescrizioni; }
.grid-tab-ac-intro > .tab-ac-ordini { grid-area: ordini; }
.grid-tab-ac-intro > .tab-ac-preferiti { grid-area: preferiti; }
.grid-tab-ac-intro > .tab-ac-indirizzi { grid-area: indirizzi; }

/* ----- area utente - index - style el generico ----- */
.grid-tab-ac-intro > [class*="tab-ac"] {
	position: relative;
	background-color: var(--primario-900);
	padding: 30px;
	border-radius: 0;
}
.grid-tab-ac-intro > [class*="tab-ac"] > * {
	z-index: 10;
}

/* ----- area utente - index - style el link ----- */
.tab-link {
	position: relative;
	display: block;
	overflow: hidden;
}
:not(.link-faq-contatti) .tab-link:hover,
.link-faq-contatti:hover .tab-link {

}
.tab-link:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--primario);
	clip-path: circle(0% at calc(100% - 42.5px) 42.5px);
	z-index: 0;
	transition: 0.4s all ease-in-out !important;
}
/*
.tab-link:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
*/
:not(.link-faq-contatti) .tab-link:hover:before,
.link-faq-contatti:hover .tab-link:before {
	clip-path: circle(150% at calc(100% - 42.5px) 42.5px);
}
.tab-link h3,
.tab-link h4,
.tab-link p,
.tab-link i,
.tab-link img {
	z-index: 10;
	transition: 0.2s all ease-in-out 0.15s !important;
}
:not(.link-faq-contatti) .tab-link:hover h3,
:not(.link-faq-contatti) .tab-link:hover h4,
:not(.link-faq-contatti) .tab-link:hover p,
:not(.link-faq-contatti) .tab-link:hover i,
.link-faq-contatti:hover .tab-link h3,
.link-faq-contatti:hover .tab-link h4,
.link-faq-contatti:hover .tab-link p,
.link-faq-contatti:hover .tab-link i {
	color: var(--white) !important;
}
:not(.link-faq-contatti) .tab-link:hover img,
.link-faq-contatti:hover .tab-link img {
	filter: brightness(0) invert(1);
}

/* ----- area utente - index - style el titolo ----- */
.grid-tab-ac-intro > [class*="tab-ac"] .tab-ac-title-big {
	font-size: 60px !important;
	line-height: calc(1em + 10px) !important;
	position: relative;
}

/* ----- area utente - index - style el icona ----- */
.grid-tab-ac-intro > [class*="tab-ac"] .tab-link-dettaglio,
.grid-tab-ac-intro > [class*="tab-ac"] .tab-icon {
	position: absolute;
	top: 30px;
	right: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	color: var(--bianco);
	border-radius: 50%;
	z-index: 10;
	transition: 0.3s all ease-in-out;
}
.grid-tab-ac-intro > [class*="tab-ac"]:not(.tab-link) .tab-link-dettaglio:hover {
	color: var(--bianco) !important;
	background-color: var(--primario);
}

/* ----- area utente - modifica dati ----- */
#formDati select.form-control {
	color: var(--bianco) !important;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid var(--bianco);
	border-radius: 0;
	box-shadow: none !important;
}
#formDati select.form-control::placeholder {
	color: var(--neutrale-400) !important;
}

/* ----- area utente - indirizzi ----- */
.indirizzi-sped-square {
	display: flex;
	justify-content: center;
	align-items: center;
  height: 100%;
	min-height: 200px;
  background-color: var(--bianco);
  padding: 20px;
  border-radius: var(--border-radius);
}
#badgeDefault {
  position: absolute;
  top: -3px;
  right: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 38px;
  color: var(--bianco);
  background-color: var(--primario);
  z-index: 99;
}
#badgeDefault:before,
#badgeDefault:after {
  content: '';
  position: absolute;
  bottom: -4.9px;
  display: block;
  width: 12px;
  height: 5px;
  background-color: var(--primario);
}
#badgeDefault:before {
  left: 0;
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
#badgeDefault:after {
  right: 0;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}

/* ----- area utente - carrello ----- */
.header-cart {
	height: var(--topbar2-h);
  border-bottom: 1px solid var(--bianco);
}
.shop-cart .indirizzi-spezidione-elenco {
	border-bottom: 1px solid var(--neutrale-100);
  margin-bottom: 10px;
}
.shop-cart .indirizzi-spezidione-elenco .indirizzo-spezidione {
  padding-top: 10px;
  padding-bottom: 10px;
	border-top: 1px solid var(--neutrale-100);
}
.shop-cart .indirizzi-spezidione-elenco .indirizzo-spezidione > label {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.shop-cart .indirizzi-spezidione-elenco .indirizzo-spezidione > label > input {
  margin-right: 10px;
}
.cart-img-prod {
	position: relative;
}
.cart-img-prod > a.cart-img-prod-del {
	position: absolute;
  top: -10px;
  right: -10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  color: var(--bianco);
  background-color: var(--primario);
	border-radius: 50%;
	transition: all 0.2s ease-in-out;
}
.cart-img-prod > a.cart-img-prod-del:hover {
  color: var(--primario);
  background-color: var(--bianco);
}
.quantity-cart-checkout {
  display: flex;
  align-items: center;
  justify-content: end;
}
.quantity-cart-checkout input,
.quantity-cart-checkout .quantity-totale {
  min-height: unset !important;
  background-color: var(--bianco);
  padding: 5px 15px !important;
  border: 1px solid var(--bianco);
	margin: 0;
}
.quantity-cart-checkout input:focus-visible {
  outline: none;
  border: 1px solid var(--nero);
}
.quantity-cart-checkout input.qty {
  text-align: center;
	max-width: 50px;
}
.text-data-spedizione-carrello {
	background-color: var(--primario);
	padding-top: 10px;
	padding-bottom: 10px;
  border-radius: var(--border-radius);
	/*border-top: 1px solid var(--primario);
	border-bottom: 1px solid var(--primario);*/
}
.table-cart-new-style {
  border: 1px solid var(--neutrale-100);
  border-radius: var(--border-radius);
  border-spacing: 0;
  border-collapse: separate;
}
.table-cart-new-style tr {
	height: 50px;
	min-height: 50px;
}
.table-cart-new-style tr.tr-active {
  background-color: var(--primario-800);
}
.table-cart-new-style tr td {
  border: 0;
}
.table-cart-new-style tr:not(:first-child) td {
  border-top: 1px solid var(--neutrale-100) !important;
}
.cart-logo-paypal {
	width: 80px;
}
.cart-icon-bonifico {
	font-size: 20px;
}

/* ----- area utente - riepilogo ordine ----- */
#dettaglioOrdine .table th {
	border-bottom-width: 1px !important;
}
#dettaglioOrdine .table tr.row-totale-ordine {
	background-color: transparent !important;
}
#dettaglioOrdine .table tr td {
  vertical-align: middle;
}
#dettaglioOrdine .table tr.row-totale-ordine td {
	padding-top: 15px;
	padding-bottom: 15px;
}
#dettaglioOrdine .table tr.row-totale-ordine td.no-border {
	border: none !important;
}


/* ------------------------- PAGINE DINAMICHE ------------------------- */
#pagineDinamiche .col-sidebar-pag-dinamiche a i {
	position: relative;
	top: 4px;
}
#pagineDinamiche .col-sidebar-pag-dinamiche a:hover i {
  color: var(--nero) !important;
}
#pagineDinamiche .col-sidebar-pag-dinamiche a.link-pag-dinamiche-inactive {
  opacity: 0.5;
}


/* ------------------------- BORDER ------------------------- */
.border-r-1-white {
	border-right: 1px solid var(--bianco) !important;
}
.border-r-1-black {
  border-right: 1px solid var(--nero) !important;
}

.border-l-1-white {
	border-left: 1px solid var(--bianco) !important;
}
.border-l-1-black {
  border-left: 1px solid var(--nero) !important;
}