/*

┏━━━┓ ┏┓ ┏┓ ┏━━━┓ ┏━━━━┓ ┏━━━┓ ┏━┓┏━┓   ┏━━━┓ ┏━━━┓ ┏━━━┓
┃┏━┓┃ ┃┃ ┃┃ ┃┏━┓┃ ┃┏┓┏┓┃ ┃┏━┓┃ ┃ ┗┛ ┃   ┃┏━┓┃ ┃┏━┓┃ ┃┏━┓┃
┃┃ ┗┛ ┃┃ ┃┃ ┃┗━━┓ ┗┛┃┃┗┛ ┃┃ ┃┃ ┃┏┓┏┓┃   ┃┃ ┗┛ ┃┗━━┓ ┃┗━━┓
┃┃ ┏┓ ┃┃ ┃┃ ┗━━┓┃   ┃┃   ┃┃ ┃┃ ┃┃┃┃┃┃   ┃┃ ┏┓ ┗━━┓┃ ┗━━┓┃
┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃   ┃┃   ┃┗━┛┃ ┃┃┃┃┃┃   ┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃
┗━━━┛ ┗━━━┛ ┗━━━┛   ┗┛   ┗━━━┛ ┗┛┗┛┗┛ ▀ ┗━━━┛ ┗━━━┛ ┗━━━┛ - "CUSTOM STYLESHEET"

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " VALMED "

BASE (MOBILE) SIZE

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/




/**
 *
 *  █  █  █▀▀  ▄▀▀▄  █▀▀▄  █▀▀  █▀▀▄
 *  █▀▀█  █▀▀  █▀▀█  █  █  █▀▀  █▐█▀
 *  ▀  ▀  ▀▀▀  ▀  ▀  ▀▀▀   ▀▀▀  ▀ ▀▀ - HEADER
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


header { z-index: 4; }

.head_wrapper { gap: .5em; padding: 1em; transition: .25s ease-out; will-change: padding; z-index: 2; }
header.stuck .head_wrapper { padding: .5em 1em; background-color: rgb(var(--white-rgb) / 50%); backdrop-filter: blur(30px); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LOGO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.head_logo, .head_logo_alt { display: inline-block; width: auto; height: 1.5em; }
.head_logo :where(img, svg), .head_logo_alt :where(img, svg) { width: 100%; height: 100%; object-fit: contain; }

.head_logo_alt { display: none; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HEAD CONTENT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.head_wrapper > .flex-el { gap: .5em; }

.head_link { 
	display: block; padding: .675em 1em; border-radius: 20em; 
	background-color: rgb(var(--white-rgb) / 50%); backdrop-filter: blur(30px); box-shadow: 0 .25em 1em rgb(10 10 10 / 12.5%); 
	font: 500 87.5% / 1.25 var(--main-font); color: var(--black); text-align: center; 
}
.head_link:not(.sus_link) { display: none; }


/* Lang Selector */
.wpml-ls-legacy-list-horizontal { padding: 0; border: 0; }
.wpml-ls-legacy-list-horizontal ul { display: flex; align-items: center; justify-content: center; gap: .25em; }
.wpml-ls-legacy-list-horizontal .wpml-ls-item { line-height: 1; }
.wpml-ls-legacy-list-horizontal a { 
	display: inline-block; min-width: max-content; aspect-ratio: 1 / 1; padding: .675em .5em; 
	font: 500 / 100% / 1.25 var(--main-font); color: var(--black); text-transform: uppercase; 
}
.wpml-ls-legacy-list-horizontal a:hover { color: var(--blue); }
.wpml-ls-legacy-list-horizontal .wpml-ls-item.wpml-ls-current-language a { font-weight: 700; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HAMBURGER / MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#hamburger { display: inline-block; overflow: visible; font-size: var(--rem); line-height: 0; padding: .5em 0; margin-left: .5em; cursor: pointer; transition: .25s ease; }
#hamburger .wrap { width: 3.5em; height: 2em; }
#hamburger span {
	display: block; position: absolute; left: 50%; transform: translateX(-50%);
	width: 3.5em; height: 4px; background-color: var(--black);
	transform-origin: center; will-change: transform; transition: .25s ease;
}
#hamburger:hover span { background-color: var(--blue); }
#hamburger .top_bun { top: .25em; }
#hamburger .bottom_bun { bottom: .25em; }

header.stuck #hamburger span { width: 2.5em; }

/* Tapped / Clicked animation */
#hamburger.tapped span { background-color: var(--black); transition: .25s ease; }
#hamburger.tapped .top_bun { top: 50%; transform: translate(-50%,-50%) rotate(45deg); }
#hamburger.tapped .bottom_bun { top: 50%; transform: translate(-50%,-50%) rotate(-45deg); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ NAV MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#main_nav { position: absolute; top: 0; left: 0; transform: translateY(-100%); transition: .25s ease-out; z-index: 1; }
#main_nav.active, header.stuck #main_nav.active { transform: translateY(0); }

#main_nav .menu_wrapper { 
	min-height: calc(100dvh + 4.75em); padding: calc(var(--c10v) + 4em) var(--c7o) calc(var(--c10v) + 4.75em) var(--c7o);
	background: linear-gradient(to bottom, rgb(255 255 255 / 100%) 0%, rgb(255 255 255 / 15%) 100%); backdrop-filter: blur(30px); 
}

#main_nav #menu_product a {
	display: flex; align-items: center; justify-content: space-between; gap: 1em;
	padding: 2vh 0; font: 500 clamp(22px, 3vh, 35px) / 1.25 var(--title-font); color: var(--blue);
}
#main_nav #menu_product a span { display: inline-block; }
#main_nav #menu_product a svg { width: 3.5vh; }
#main_nav #menu_product a svg path { fill: var(--blue); transition: .25s ease; }

#main_nav .menu-menu-container { width: 100%; }
#main_nav .menu li { font: inherit; line-height: 1; }
#main_nav .menu li.current-menu-item { color: ; }
#main_nav .menu li a { display: block; padding: 1.125vh 0; font: 500 clamp(22px, 3vh, 35px) / 1.25 var(--title-font); }

#main_nav.menu_ita .menu_wrapper { min-height: fit-content; padding-bottom: var(--c10v); }
#main_nav.menu_ita .menu-menu-it-container { display: none; }








/**
 *
 *  ▄▀▀▄  ▄▀▀  ▄▀▀  █▀▀  ▀▀█▀▀  ▄▀▀
 *  █▀▀█   ▀▄   ▀▄  █▀▀    █     ▀▄
 *  ▀  ▀  ▀▀   ▀▀   ▀▀▀    ▀    ▀▀  - ASSETS
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LINKs / BTNs STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.link {
	position: relative; width: fit-content;
	display: flex; align-items: center; justify-content: center; 
	gap: .625em; padding: .25em .25em .25em 1em;
	background-color: var(--white);
	border: 1px solid var(--white); border-radius: 1.5em;
	font: 600 112.5% / 1.25 var(--title-font); color: var(--blue);
}
.link span { display: block; }
.link svg { width: 2em; min-width: 2em; }
.link svg path { fill: var(--blue); transition: .25s ease; }
.link:hover, .link:focus, .link:active { background-color: var(--blue); color: var(--white); }
.link:hover svg path, .link:focus svg path, .link:active svg path { fill: var(--white); }


/* Link Blue */
.link.link_b { background: var(--grad); color: var(--white); }
.link.link_b svg path { fill: var(--white); }
.link.link_b:hover, .link.link_b:focus, .link.link_b:active { background: var(--white); color: var(--blue); }
.link.link_b:hover svg path, .link.link_b:focus svg path, .link.link_b:active svg path { fill: var(--blue); }


/* Link Inverted (back) */
.link.inverted { flex-direction: row-reverse; padding: .25em 1em .25em .25em; }
.link.inverted svg { transform: rotate(180deg); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FILTERS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.blue::before {
	display: inline-block; content: ''; position: absolute; top: 0; left: 0; z-index: -1;
	width: 100%; height: 100%; background: var(--grad);
}

.grey::before {
	display: inline-block; content: ''; position: absolute; top: 0; left: 0; z-index: -1;
	width: 100%; height: 100%; background: var(--grad-g); backdrop-filter: blur(140px);
}




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ COMPONENTS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/


section .container { z-index: 1; }


/* Social */
.social {}
.social a { display: inline-block; width: 3.5em; padding: .25em; }
.social a :where(img,svg) { width: 100%; }
.social a svg path { transition: .25s ease; }


/* Link Wrapper */
.link_wrapper { justify-content: flex-start; gap: 1em 1.5em; }


/* Sec Images */
.sec_img picture { border-radius: 1em; overflow: hidden; }


/* Swiper Nav */
.nav { top: 3.75em; width: 3.5em; padding: .75em; }
.nav.swiper-button-disabled { opacity: .25; }
.nav svg { width: 100%; }
.nav svg path { fill: var(--white); }
.nav_prev { left: calc(-1 * var(--c2o)); transform: translate(-50%, -50%); }
.nav_next { right: calc(-1 * var(--c2o)); transform: translate(50%, -50%); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SIDEBAR ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#sidebar_overlay, #sidebar_form { top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 6; }

#sidebar_overlay { display: none; background-color: rgb(10 10 10 / 50%); backdrop-filter: blur(30px); }

#sidebar_form { 
	transform: translate(-50%, 100vh); width: max-content; max-width: calc(100% - var(--c10o)); padding: 2em 1.5em; 
	background: rgb(var(--white-rgb) / 75%); border-radius: 1em; transition: .25s ease-out; 
}
#sidebar_form.active { transform: translate(-50%, -50%); }

#sidebar_form .text h4 { font-weight: 600; font-size: 175%; }
#sidebar_form .text h4 + p { margin-top: .5em; font-size: 87.5%; }

#sidebar_form .wpforms-container { margin: 1em 0 0 0; background: transparent; }
#sidebar_form  .wpforms-field-row:before, #sidebar_form  .wpforms-field-row:after { display: none; }
#sidebar_form  .wpforms-field input { 
	appearance: none; -webkit-appearance: none; display: block; padding: .5em 0;
	background: transparent; border: 0; border-radius: 0; border-bottom: 1px solid var(--grey); 
	font: 400 100% / 1.25 var(--main-font); color: var(--black);
}
#sidebar_form  .wpforms-field input::placeholder { color: var(--grey); opacity: 1; }
#sidebar_form .wpforms-field.wpforms-field-checkbox li { justify-content: center; align-items: center; }
#sidebar_form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { 
	padding: .625em; border: 1px solid var(--grey); border-radius: .5em; 
	background-repeat: no-repeat; background-size: 75%; background-position: center;
	cursor: pointer; transition: .25s ease;
}
#sidebar_form input[type=checkbox]:before, #sidebar_form input[type=radio]:before, 
#sidebar_form input[type=checkbox]:before, #sidebar_form input[type=checkbox]:after, 
#sidebar_form input[type=radio]:before, #sidebar_form input[type=radio]:after { 
	display: none; 
}
#sidebar_form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]:checked { background-image: url(../images/svg/checked.svg); }
#sidebar_form .wpforms-field.wpforms-field-checkbox li label { font: 400 87.5% / 1.25 var(--main-font); color: var(--black); }
#sidebar_form .wpforms-field.wpforms-field-checkbox li label a { font: inherit; text-decoration: underline; }
#sidebar_form .wpforms-field.wpforms-field-checkbox li label a:hover { color: var(--blue-l); }
#sidebar_form button[type=submit], #sidebar_form input[type=submit] {
	appearance: none; -webkit-appearance: none;
	display: flex; align-items: center; justify-content: center; gap: .75em;
	width: fit-content; height: auto; margin: 0 auto; padding: .25em .25em .25em 1.25em;
	background: var(--grad); border: 0; border-radius: 20em;
	font-size: 125%; color: var(--white);
}
#sidebar_form button[type=submit]::after, #sidebar_form input[type=submit]::after {
	display: inline-block; content: ''; position: relative; width: 1.5em; height: 1.5em;
	background: url(../images/svg/link_b.svg) no-repeat center / 100%;
	filter: brightness(0) invert(1); transition: .25s ease;
}
#sidebar_form button[type=submit]:hover, #sidebar_form input[type=submit]:hover { background: var(--white); color: var(--blue); }
#sidebar_form button[type=submit]:hover::after, #sidebar_form input[type=submit]:hover::after { filter: brightness(1) invert(0); }
#sidebar_form .wpforms-submit-spinner { position: absolute; margin: auto; }

#sidebar_form button.close {
	top: 0; right: 0; transform: translate(25%, -25%);
	width: 2em; height: 2em; padding: .5em;
	border: 1px solid var(--blue); border-radius: 20em;
	background: var(--blue);
}
#sidebar_form button.close svg { width: 100%; }
#sidebar_form button.close svg path { fill: var(--white); transition: .25s ease; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ACCORDION ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.accordion { border-bottom: 1px solid rgb(10 10 10 / 50%); }
.accordion:first-of-type { padding-top: 0; }

.accordion > h2, .accordion .accordion_head h2 { font-weight: 500; }
.accordion .accordion_head { gap: 1em; padding: 2.5em 0; text-align: left; }
.accordion .accordion_head svg { width: 1.5em; min-width: 1.5em; transition: transform .25s ease; }
.accordion .accordion_head svg path { fill: var(--blue); }
.accordion .accordion_head > .flex { gap: 1em; }
.accordion .accordion_head h2 + div { margin-top: 1.25em; }
.accordion .accordion_head.active svg { transform: rotateX(-180deg); }

.accordion .accordion_text { display: none; margin-top: -1.25em; padding-bottom: 2.5em; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ MODAL POP-UP ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.modal { top: 0; left: 0; padding: 0; background-color: transparent; border: none; z-index: 6; }
.modal:not([open]) { display: none; }
.modal .modalOverlay { background-color: rgba(var(--blue-rgb) / 87.5%); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.modal .modalWrapper { 
	display: block; width: calc(100% - var(--c10o)); max-width: 768px; padding: 1.5em;
	background-color: var(--white); box-shadow: 0 0 2.5em rgba(var(--blue-rgb) / 100%);
	border: 2px solid var(--blue); border-radius: .5em;
}
.modal .modalWrapper .text img { width: 10em; margin-bottom: 1rem; }
.modal .modalWrapper .text h4 { font: 600 125% / 1.25 var(--main-font); color: var(--blue); }
.modal .modalWrapper .text h4 + p { margin-top: 1rem; }
.modal .modalWrapper .text p { font-weight: 400; font-size: 87.5%; color: var(--grey); }
.modal .modalWrapper .link_wrap { margin-top: 1.5rem; gap: 1rem; }
.modal .modalWrapper .link_wrap .link { padding: .5em 1em; border-color: var(--blue); }
.modal .modalWrapper .link_wrap .link svg { width: .75em; min-width: .75em; }
.modal .modalWrapper .link_wrap .link:hover { border-color: var(--blue); }








/**
 *
 *  █▀▀  ▄▀▀▄  ▄▀▀▄  ▀▀█▀▀  █▀▀  █▀▀▄
 *  █▀▀  █  █  █  █    █    █▀▀  █▐█▀
 *  ▀     ▀▀    ▀▀     ▀    ▀▀▀  ▀ ▀▀ - FOOTER
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


footer { overflow: hidden; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FOOT MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#foot_menu::before, #foot_links::before {
	display: block; content: ''; position: absolute; left: 50%; transform: translate(-50%, 0);
	width: 100vw; height: 1px; border-top: 1px solid var(--grey);
}
#foot_menu::before { bottom: 0; }

#foot_menu .swiper-slide { width: fit-content; }
#foot_menu a { padding: 2em 1.5em; font-weight: 400; text-transform: uppercase; }
#foot_menu a::after { 
	display: inline-block; content: ''; position: absolute; top: 50%; right: 0; transform: translate(50%, -50%);
	width: .25em; height: .25em; border-radius: 1em; background-color: var(--black);
}
#foot_menu .swiper-slide:last-of-type a::after { display: none; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ INFO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Foot Logo */
.foot_logo { 
	display: block; 
	--foot-logo-width: 280px;
	--foot-logo-min: 280;
	--foot-logo-max: 460;
	max-width: 460px;
}
.foot_logo :where(img, svg) { width: 100%; }


/* Foot Block */
.foot_block p, #social_link { font-size: 125%; }
.foot_block p a:not( #foot_address a ) { display: block; font: inherit; font-weight: 600; color: var(--blue); }


/* Foot Info */
#foot_info p + p { margin-top: 0; }


/* Foot Social */
#social_link { display: inline-block; width: fit-content; margin: 1rem auto 0 auto; padding: .5em 0; font-weight: 600; color: var(--blue); }
#social_link span { text-decoration: underline; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SERVICE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#foot_links { padding: 1em var(--c2o); }
#foot_links::before { top: 0; }
#foot_links a { display: block; padding: .5em; font: 400 100% / 1.25 var(--main-font); color: var(--black); text-transform: uppercase; }
#foot_links span { display: none; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ NOTICE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#foot_notice { padding: 1.5em var(--c5o); }
#foot_notice::before, #foot_notice::after {
	display: block; content: ''; position: absolute; left: 50%; transform: translate(-50%, 0);
	width: 100vw; height: 1px; border-top: 1px solid var(--grey);
}
#foot_notice::before { top: 0; }
#foot_notice::after { bottom: 0; }
#foot_notice p { display: block; max-width: 140ch; margin: 0 auto; font-weight: 400; font-size: 87.5%; line-height: 1.6; color: var(--grey); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CREDITS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#credits p { width: 100%; margin: 1em auto 0 auto; z-index: 1; font-size: 75%; line-height: 1.5; color: rgb(10 10 10 / 75%); }
#credits .resp_sep { display: none; }
#credits a { display: inline-block; font: inherit; color: inherit; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BACK TO TOP ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#back_top {
	display: none; z-index: 2; 
	bottom: .5em; right: .5em;
	--back-top-px: 40px;
	--back-top-min: 40;
	--back-top-max: 60;
	max-width: 60px; padding: 2px;
	background-color: rgb(var(--white-rgb) / 50%); border-radius: 20em; backdrop-filter: blur(30px);
	cursor: pointer; transition: .25s ease;
}
#back_top :where(img, svg) { width: 100%; }








/**
 *
 *  ▄▀▀  █▀▀  ▄▀▀  ▀▀█▀▀  ▀  ▄▀▀▄  █▄ █  ▄▀▀ 
 *   ▀▄  █▀▀  █      █    █  █  █  █ ▀█   ▀▄ 
 *  ▀▀   ▀▀▀   ▀▀    ▀    ▀   ▀▀   ▀  ▀  ▀▀  - SECTIONS
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.s1 { overflow: hidden; }
.s1 picture, .s1 .bkg_video { object-fit: cover; }

.s1 .container, .s1_archive .container, #s1_grazie .container, #s1_404 .container { 
	max-width: unset; padding-top: calc(var(--c15v) + 4em); 
	background: rgb(var(--white-rgb) / 50%); backdrop-filter: blur(30px); 
}

.s1 .s1_title { max-width: calc(1920px - var(--c10o)); margin: 0 auto; }
.s1 .s1_title p { font-weight: 400; transition-delay: .125s }

.s1_title :where(h1, p) { transform: translateY(50%); opacity: 0; transition: .25s ease-out; }
.s1_title.active :where(h1, p) { transform: translateY(0); opacity: 1; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.s2_page .text h4 { line-height: 1.5; }
.s2_page .text li { list-style: none; margin: 0; padding: 1em 0; border-bottom: 1px solid rgb(10 10 10 / 25%); line-height: 1.5; }
.s2_page .text li:first-of-type { padding-top: 0; }
.s2_page .text li:last-of-type { padding-bottom: 0; border-bottom: 0; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION NEWS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#sec_news_slider .wrapper { 
	background: rgb(var(--white-rgb) / 67.5%); backdrop-filter: blur(160px); box-shadow: 0 .25em 3em rgb(10 10 10 / 15%); 
	border-radius: 1em; overflow: hidden; 
}

#sec_news_slider .tags a { padding: 1em 1.5rem 0 1.5rem; font: 600 125% / 1.25 var(--title-font); color: var(--blue); text-transform: uppercase; text-decoration: underline; }

#sec_news_slider .card { background: transparent; box-shadow: none; backdrop-filter: unset; border-radius: 0; }

#sec_news_slider .nav_wrapper { align-items: flex-end; gap: 1em; margin-top: 1.5em; }
#sec_news_slider .nav_wrapper span { display: inline-block; font: 400 100% / 1 var(--main-font); color: var(--grey); }
#sec_news_slider .nav_wrapper .nav_progress { position: relative; top: auto; left: auto; flex: 1 1 auto; height: 2px; background-color: rgb(var(--grey-rgb) / 25%); }
#sec_news_slider .nav_wrapper .nav_progress .swiper-pagination-progressbar-fill { background-color: var(--grey); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION FORM ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#texture { opacity: .05; }
#texture + .filter_corner { background: linear-gradient(65deg, rgb(53 51 123 / 100%) 0%, rgb(53 51 123 / 100%) 25%, rgb(53 51 123 / 0%) 100%); }









/**
 *
 *  ▄▀▀  ▄▀▀▄  █▀▀▄  █▀▀▄  ▄▀▀ 
 *  █    █▀▀█  █▐█▀  █  █   ▀▄ 
 *   ▀▀  ▀  ▀  ▀ ▀▀  ▀▀▀   ▀▀  - CARDS
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


.card { background-color: rgb(var(--white-rgb) / 50%); box-shadow: 0 .25em 2em rgb(10 10 10 / 15%); backdrop-filter: blur(200px); border-radius: 1em; overflow: hidden; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD NEWS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.card-news a, .card-news > div { gap: 1em 0; padding: 1.5em; }

.card-news picture { background-color: rgb(10 10 10 / 12.5%); }

.card-news .text h3 { font-size: calc(var(--h3-size) * .75); }
.card-news .text h3 + p { margin-top: 1em; }
.card-news .text p { font-size: 87.5%; }
.card-news .text .wrap { margin-top: 1em; }
.card-news .text .wrap .link { margin: 0; }
.card-news .text .wrap p.date { margin: 0; font-weight: 500 50% / 1.25 var(--title-font); color: var(--grey); text-align: right; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD EMPTY ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.card_empty { padding: 2em 1.5em; }
.card_empty svg { width: 6em; }
.card_empty .text { margin-top: 1em; }








/**
 *
 *  █  █  ▄▀▀▄  █▄ ▄█  █▀▀
 *  █▀▀█  █  █  █ █ █  █▀▀
 *  ▀  ▀   ▀▀   ▀   ▀  ▀▀▀ - HOMEPAGE
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s1_home #v_shape { display: none; position: absolute; top: 0; left: -12.5%; width: auto; max-width: unset; height: 97.5%; z-index: 1; pointer-events: none; }
#s1_home #v_shape path { fill: var(--white); opacity: .45; }

#s1_home .container { justify-content: flex-end; background: linear-gradient(270deg, var(--blue) -2.5%, rgb(var(--blue-l-rgb) / 50%) 115%); backdrop-filter: none; }
#s1_home .s1_title :where(h1, p) { text-shadow: 0 0 .25em rgb(10 10 10 / 25%), 0 0 1em rgb(10 10 10 / 12.5%); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s2_home .text + .wrapper { margin-top: var(--c7v); }

#s2_home .link_list { 
	gap: 1em; padding: 1em 0; 
	border-bottom: 1px solid rgb(10 10 10 / 25%);
	font: 400 125% / 1.25 var(--title-font); color: var(--blue); 
}
#s2_home .link_list:last-of-type { border-bottom: 0; }
#s2_home .link_list span { display: inline-block; }
#s2_home .link_list svg { width: 1.5em; min-width: 1.5em; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 3 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s3_home { overflow: hidden; }
#s3_home .container { margin: -1px auto; }
#s3_home .sec_video { bottom: 0; left: 0; }
#s3_home .sec_video video { width: 100%; height: 100%; object-fit: cover; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 4 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s4_home { overflow: hidden; }

#s4_home .sec_title + .text { margin-top: var(--c10v); }

#map_img img { object-fit: contain; }

#s4_home .text:not(.sec_title) { width: fit-content; margin-right: auto; margin-left: auto; }
#s4_home .block + .block { margin-top: 2em; }
#s4_home .block { padding-left: 2em; }
#s4_home .block svg { position: absolute; top: .25em; left: -.5em; width: 2em; }
#s4_home .block svg path { fill: var(--white); }
#s4_home .block h3 + p { margin-top: .5em; }
#s4_home .block p { font-size: 87.5%; }








/**
 *
 *  █▀▀▄  ▄▀▀▄  ▄▀▀▀   █▀▀  ▄▀▀
 *  █  █  █▀▀█  █  ▀▌  █▀▀   ▀▄
 *  █▀▀   ▀  ▀   ▀▀▀   ▀▀▀  ▀▀  - TEMPLATES _ PAGINE
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE PRODOTTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/


#s1_product .s1_title img { width: 10em; margin-bottom: 1em; }


/* Section 3 */
#s3_product .text + .list_wrapper.grid { margin-top: 1em; }
.list_wrapper.grid { display: grid; grid-template-columns: 1fr; }
.list_wrapper p, #s4_product .text li { width: 100%; padding: .75em 0; border-bottom: 1px solid rgb(10 10 10 / 25%); font-size: 112.5%; }
.list_wrapper p:last-of-type { border-bottom: 0; }


/* Section 4 */
#s4_product .text li { list-style: none; margin: 0; }
#s4_product .text li ul {  }
#s4_product .text li ul li { list-style: disc; padding: .25em 0; font-size: 1rem; border-bottom: 0; }
#s4_product .text li ul li ul {}
#s4_product .text li ul li ul li { list-style: auto; font-size: .875rem; }


/* Section 5 */
#s5_product .text + .grid { margin-top: var(--c7v); }
#s5_product .grid { grid-template-columns: 1fr; gap: 1em; }


/* Flipping Cards */
.card_flip { background: transparent; backdrop-filter: none; box-shadow: none; overflow: unset; border-radius: 0; perspective: 1000px; }
.card_flip .card_wrap { height: 100%; transform-style: preserve-3d; transition: .5s ease; }
.card_flip.active .card_wrap { transform: rotateY(-180deg); }
.card_flip .frontFace, .card_flip .backFace { 
	padding: 1.5em 1em; background: var(--white); border-radius: 1em; overflow: hidden;
	-webkit-backface-visibility: hidden; backface-visibility: hidden; 
}
.card_flip .frontFace { transform: rotateY(0deg); }
.card_flip .backFace { position: absolute; top: 0; left: 0; height: 100%; background: var(--blue); transform: rotateY(180deg); }
.card_flip .link { position: relative; margin: 1.5em auto 0 0; }
.card_flip .link svg { width: 1.75em; min-width: 1.75em; }


/* Card Guide */
.card_guide .frontFace::before, .card_guide .backFace::before { display: inline-block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.card_guide .frontFace .text h3, .card_guide .backFace .text h3 { text-transform: uppercase; text-align: center; }
.card_guide .frontFace .focus { padding-left: 2em; }
.card_guide .frontFace .text h3 + .focus, .card_guide .frontFace .focus + .focus { margin-top: 1.5em; }
.card_guide .frontFace .focus::before {
	display: inline-block; content: ''; position: absolute; top: .125em; left: 0;
	width: 1.25em; height: 1.25em; background: url(../images/svg/check.svg) no-repeat center / 100%;
}
.card_guide .frontFace .focus h4 { font-weight: 500; font-size: 150%; }
.card_guide .frontFace .focus h4 + p, .card_guide .frontFace .focus p + p { margin-top: .5em; }
.card_guide .frontFace .focus p { line-height: 1.25; color: var(--blue); }

.card_guide .backFace .text h3 + h4 { margin-top: 1rem; }
.card_guide .backFace .text h4 { font-size: 150%; }
.card_guide .backFace .text a, .card_guide .backFace .text div { margin-top: 1.5em; background-color: var(--grey); }
.card_guide .backFace .text a img, .card_guide .backFace .text div img { width: 100%; transition: .25s ease; }
.card_guide .backFace .text a:hover img { opacity: .75; }
.card_guide .backFace .text a .plus {
	bottom: 0; right: 0; transform: translate(-50%, 50%);
	width: 3em; height: 3em; padding: .75em;
	border-radius: 20em; background-color: rgb(var(--white-rgb) / 50%); backdrop-filter: blur(100px);
}
.card_guide .backFace .text a .plus svg { width: 100%; }
.card_guide .backFace .text a .plus svg path { fill: var(--blue); transition: .25s ease; }
.card_guide .backFace .text a .plus:hover { background-color: var(--white); }
.card_guide .backFace .text a .plus:hover svg path { fill: var(--blue-l) }

#card_guide_1 .frontFace::before { background: linear-gradient(240deg, rgb(107 199 237 / 50%) 25%, rgb(197 231 247 / 50%) 65%); }
#card_guide_1 .backFace::before {}

#card_guide_2 .frontFace::before { background: linear-gradient(240deg, rgb(66 174 223 / 50%) 25%, rgb(107 199 237 / 50%) 65%); }
#card_guide_2 .backFace::before { background: linear-gradient(240deg, rgb(66 174 223 / 50%) 25%, rgb(107 199 237 / 50%) 65%); }

#card_guide_3 .frontFace::before { background: linear-gradient(240deg, rgb(41 78 153 / 100%) 20%, rgb(124 143 195 / 100%) 65%); }
#card_guide_3 .backFace::before { background: linear-gradient(240deg, rgb(41 78 153 / 100%) 20%, rgb(124 143 195 / 100%) 65%); }

#card_guide_4 .frontFace::before { background: linear-gradient(240deg, rgb(25 39 89 / 100%) 25%, rgb(44 66 142 / 100%) 85%); }
#card_guide_4 .backFace::before { background: linear-gradient(240deg, rgb(25 39 89 / 100%) 25%, rgb(44 66 142 / 100%) 85%); }

#card_guide_3 :where(.frontFace .text h3, .frontFace .focus h4, .frontFace .focus p), 
#card_guide_4 :where(.frontFace .text h3, .frontFace .focus h4, .frontFace .focus p) { 
	color: var(--white); background: transparent; text-fill-color: unset; -webkit-text-fill-color: unset;
}
#card_guide_3 .frontFace .focus::before, #card_guide_4 .frontFace .focus::before { background-image: url(../images/svg/check_w.svg); }



/* Section 6 */
#s6_product .text + .grid { margin-top: var(--c7v); }
#s6_product .sec_title p { color: var(--blue); }

#s6_product .grid { grid-template-columns: 1fr; gap: 2em; }


/* Card Product */
.card_product .card_wrap { border-radius: 1em; box-shadow: 0 .25em 3em rgb(10 10 10 / 12.5%); }
.card_product .frontFace, .card_product .backFace { background-color: rgb(var(--white-rgb) / 50%); backdrop-filter: blur(100px); }

.card_product .frontFace .text h3 { padding: 0 5rem 0 1rem; line-height: 1.1; color: var(--blue); }
.card_product .frontFace .text .card_logo { top: .75em; right: 1em; width: 3.5em; height: auto; }
.card_product .frontFace .text a, .card_product .frontFace .text picture { margin: .5em auto; aspect-ratio: 16 / 9; }
.card_product .frontFace .text a img, .card_product .frontFace .text picture img { width: 100%; height: 100%; object-fit: contain; transition: .25s ease; }
.card_product .frontFace .text a button { width: 5.5em; padding: 1.5em; border: 4px solid var(--blue-l); border-radius: 20em; transform: translate(-50%, -50%) scale(0); opacity: 0; }
.card_product .frontFace .text a button svg { width: 100%; }
.card_product .frontFace .text a button svg path { fill: var(--blue); transition: .25s ease; }
.card_product .frontFace .text a:hover button { transform: translate(-50%, -50%) scale(1); opacity: 1; }
.card_product .frontFace .text a:hover button svg path { fill: var(--blue-l); }
.card_product .frontFace .text :where(p, li, p a) { padding: 0 1rem; font-size: 87.5%; color: var(--blue); }
.card_product .frontFace .text li { padding-left: 0; }

.card_product .backFace { justify-content: space-between; padding: 2em; }
.card_product .backFace .text { max-height: calc(100% - 3.75em); overflow-y: scroll; padding-right: .5em; }
.card_product .backFace .text::-webkit-scrollbar { width: .5em; background-color: transparent; }
.card_product .backFace .text::-webkit-scrollbar-thumb { width: .5em; background: rgb(10 10 10 / 12.5%); border-radius: .25em; }
.card_product .backFace .text :where(p, li) { font-size: 87.5%; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE PRODOTTI ( VALBIOPURE ) ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/


/* Section 3 */
#s3_product.variant .list_wrapper h4 { margin-bottom: 1.5rem; font: 700 150% / 1.25 var(--title-font); color: var(--blue); text-align: center; }
#s3_product.variant .list_wrapper picture img { object-fit: contain; }
#s3_product.variant .list_wrapper picture + p { margin-top: .75em; }
#s3_product.variant .list_wrapper.animate p { border: 0; border-top: 1px solid rgb(10 10 10 / 25%); }


/* Section 4 */
#s4_product.variant .text:not(.sec_title) + .text { margin-top: 1rem; }
#s4_product.variant .text ul li { list-style: disc; margin-left: 1em; padding: 0; border-bottom: 0; font-size: 100%; }
#s4_product.variant .text ul li + li { margin-top: 1em; }
#s4_product.variant .text ul li ul, #s4_product.variant .text ul li ol { margin-top: .5em; }
#s4_product.variant .text ul li li { list-style: circle; }
#s4_product.variant .text ul li li + li { margin-top: .5em; }
#s4_product.variant .text ul li li li { list-style: square; font-size: 87.5%; }
#s4_product.variant .text ul li li li + li { margin-top: .25em; }
#s4_product.variant .text ol li { list-style: auto !important; }


/* Section Tab 2D */
.sec_tabs .sec_title + .wrapper { margin-top: var(--c5v); }

.sec_tabs .tab_wrapper { background: var(--grad-g); }
.sec_tabs.grey .tab_wrapper { background: var(--white); }

.tab_wrapper { gap: 1em 0; padding: 1.5em; border: 1px solid var(--blue); border-radius: 1em; }
.tab_wrapper + .tab_wrapper { margin-top: var(--c5v); }
.tab_wrapper picture {}
.tab_wrapper picture img { object-fit: contain; }
.tab_wrapper .text {}
.tab_wrapper .text h3 { font-weight: 700; color: var(--blue-l); text-align: center; }
.tab_wrapper .text h3 + .tab { margin-top: 1em; }
.tab_wrapper .text .tab { max-width: 100%; overflow-x: scroll; }
.tab_wrapper .text .tab::-webkit-scrollbar { height: 10px; background-color: transparent; }
.tab_wrapper .text .tab::-webkit-scrollbar-thumb { width: 10px; background: rgb(var(--blue-rgb) / 25%); border-radius: .5em; }
.tab_wrapper .text table {}
.tab_wrapper .text table thead th {
	align-content: flex-start; padding: .5em; 
	background: transparent; border-right: 1px solid rgb(var(--blue-rgb) / 25%);
	font: 700 75% / 1.25 var(--main-font); color: var(--blue);
}
.tab_wrapper .text table thead th:last-of-type, .tab_wrapper .text table tbody tr td:last-of-type { border-right: 0; }
.tab_wrapper .text table tbody tr { background: transparent; border-bottom: 1px solid rgb(var(--blue-rgb) / 25%); }
.tab_wrapper .text table tbody tr:last-of-type { border-bottom: 0; }
.tab_wrapper .text table tbody tr td {
	border-top: 0; border-right: 1px solid rgb(var(--blue-rgb) / 25%);
	font: 400 75% / 1.5 var(--main-font);
}
.tab_wrapper .text table tbody tr td:first-of-type { font-weight: 700; }


/* Section Tab 3D */




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE COMPANY ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 3 */
#s3_company .sec_title + #timeline { margin-top: var(--c10v); }

#timeline::before {
	display: inline-block; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
	width: 1px; height: 100%; background: linear-gradient(0deg, rgb(var(--white-rgb) / 10%) 0%, rgb(var(--white-rgb) / 50%) 50%, rgb(var(--white-rgb) / 10%) 100%);;
}
#timeline .swiper-wrapper { flex-direction: column; gap: var(--c15v); }
#timeline .timeBlock .text {}
#timeline .timeBlock .text h4 { font-weight: 700; font-size: 150%; }
#timeline .timeBlock .text span { display: inline-block; width: .5em; height: .5em; margin: .5em auto; border-radius: 1em; background-color: var(--white); }
#timeline .timeBlock .text p strong { font-weight: 700; }


/* Section Split */
.sec_split .text p { color: var(--blue); }


/* Section 6 */
#s6_company .sec_title p, #s10_company .sec_title p { font-size: 112.5%; color: var(--blue); }
#s6_company .sec_title p strong, #s10_company .sec_title p strong { font-weight: 700; }

#s6_company .sec_title + .grid, #s10_company .sec_title + .grid { margin-top: var(--c15v); }
#s6_company .grid, #s10_company .grid { grid-template-columns: 1fr; gap: 2em; }
#s6_company .card, #s10_company .card { padding: 2em; }
#s6_company .card h3, #s10_company .card h3 { font-weight: 700; font-size: calc(var(--h3-size) * .75); }
#s6_company .card p, #s10_company .card p { font-size: 87.5%; color: var(--blue); }


/* Section 7 */
#s7_company .text p { color: var(--blue); }

#s7_company .sec_video { background-color: var(--grad-g); border-radius: 1em; overflow: hidden; }
#s7_company .sec_video button {
	width: 7.5em; height: 7.5em;
	border-radius: 20em; background: rgb(var(--white-rgb) / 50%); backdrop-filter: blur(30px); 
}
#s7_company .sec_video button svg { width: 1.5em; transform: translateX(12.5%); }
#s7_company .sec_video button svg path { fill: var(--white); transition: .25s ease; }
#s7_company .sec_video button:hover { background: rgb(var(--white-rgb) / 90%); }
#s7_company .sec_video button:hover svg path { fill: var(--blue-l); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CERTIFICATIONS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 2 */
#s2_certificazioni .sec_title + .grid { margin-top: var(--c10v); }
#s2_certificazioni .grid { grid-template-columns: 1fr; gap: 2em; }

#s2_certificazioni .card_cert { padding: 2em 1.5em; background: rgb(110 128 189 / 12.5%); background-color: rgb(var(--blue-l-rgb)/ 25%); }
#s2_certificazioni .card_cert .icon { margin-bottom: 1.5em; height: 4em; }
#s2_certificazioni .card_cert .icon img { object-fit: contain; }
#s2_certificazioni .card_cert h3 { font-weight: 700; color: var(--blue); }
#s2_certificazioni .card_cert h3 + p { margin-top: 1em; }
#s2_certificazioni .card_cert p { font-weight: 500; font-size: 87.5%; color: var(--blue); }
#s2_certificazioni .card_cert .link { margin: 1.5em auto 0 auto; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE WORK WITH US ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 2 */
#s2_work .sec_title { margin-bottom: var(--c5v); }
#s2_work .card_position { padding: 2.5em 0; border-bottom: 1px solid rgb(10 10 10 / 50%); }
#s2_work .card_position h3 + p { margin-top: 1em; }

#s2_work .card_position { padding: 0; }
#s2_work .card_position .accordion_head { padding: 1.5em 0; }
#s2_work .card_position .accordion_head svg { width: 2.5em; min-width: 2.5em; transition: .25s ease; }
#s2_work .card_position .accordion_head svg path { fill: var(--blue); }
#s2_work .card_position .accordion_head.active svg { transform: scaleY(-1); }
#s2_work .card_position .accordion_text { display: none; padding: 0 0 1.5em 0; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CONTATTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 2 */
#s2_contatti .text :where(h2, p) { font-weight: 400; color: var(--blue); }
#s2_contatti .text h2 { font-family: var(--main-font); text-transform: uppercase; }
#s2_contatti .text p.address { color: var(--grey); }
#s2_contatti .text p.phone { text-transform: uppercase; }

#s2_contatti .email_list { margin-top: 1em; }
#s2_contatti .email_list li { list-style: none; margin: 0; padding: 0; }
#s2_contatti .email_list li a { gap: .75em; padding: .75em 0; font-weight: 400; font-size: 87.5%; color: var(--blue); }
#s2_contatti .email_list li a img { width: 1em; }
#s2_contatti .email_list li a span { display: inline-block; }

#s2_contatti .sec_map { box-shadow: 0 .25em 4em rgb(10 10 10 / 20%); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE WHISTLEBLOWING ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s1_whistleblowing .s1_title { max-width: 75ch; margin: 0 auto; }
#s1_whistleblowing .s1_title p { font-size: 100%; }








/**
 *
 *  ▄▀▀▄  █▀▀▄  ▄▀▀▀  █  █  ▀  ▐▌ ▐▌  █▀▀
 *  █▀▀█  █▐█▀  █     █▀▀█  █   ▀▄▀   █▀▀
 *  ▀  ▀  ▀ ▀▀   ▀▀▀  ▀  ▀  ▀    ▀    ▀▀▀ - TEMPLATES _ ARCHIVIO
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s1_archive .container { position: relative; top: auto; left: auto; }
#s1_archive .grid { grid-template-columns: 1fr; grid-gap: 2em; }








/**
 *
 *  ▄▀▀  ▀  █▄ █  ▄▀▀▀   █     █▀▀
 *   ▀▄  █  █ ▀█  █  ▀▌  █  ▄  █▀▀
 *  ▀▀   ▀  ▀  ▀   ▀▀▀   ▀▀▀▀  ▀▀▀ - SINGLE
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s1_single .s1_title > a { font: 500 150% / 1.25 var(--title-font); color: var(--blue); text-transform: uppercase; }
#s1_single .s1_title a + h1 { margin-top: 1.5rem; }
#s1_single .s1_title h1 { font-size: calc(var(--h1-size) * .75); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s2_single .text p strong { font-weight: 700; }
#s2_single .text p a, #s2_single .text li a { text-decoration: underline; }
#s2_single .text p a:hover, #s2_single .text li a:hover { color: var(--blue-l) }








/**
 *
 *  █▀▀  ▄▀▀▄  █▀▀▄  █▄ ▄█
 *  █▀▀  █  █  █▐█▀  █ █ █
 *  ▀     ▀▀   ▀ ▀▀  ▀   ▀ - FORM
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/* WP-Form - Custom */
#form { padding: 2.5em 1.5em 2em 1.5em; background-color: rgb(var(--white-rgb) / 25%); backdrop-filter: blur(2px); border-radius: 1em; }

#form .wpforms-field { overflow: hidden; }

#form .wpforms-field label { color: var(--white); }

#form .wpforms-field :where(input, textarea, select) {
	background-color: transparent; border: 0; border-bottom: 1px solid rgb(var(--white-rgb) / 50%); border-radius: 0;
	padding: .5em 0; font: 400 100% / 1.25 var(--main-font); color: var(--white);
}
#form .wpforms-field input::placeholder, #form .wpforms-field textarea::placeholder { color: var(--white); opacity: .75; }

#form .wpforms-uploader { background-color: rgb(var(--white-rgb) / 12.5%); border: 1px solid rgb(var(--white-rgb) / 50%); border-radius: 0; color: var(--white); }
#form .wpforms-uploader .dz-message, #form .wpforms-uploader .modern-title { color: var(--white); }

#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { border: 1px solid rgb(var(--white-rgb) / 50%); border-radius: .25em; }
#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]:checked { background-image: url(../images/svg/checked_w.svg); }
#form .wpforms-field.wpforms-field-checkbox li label a:hover { color: var(--blue-l); }

#form button[type=submit], #form input[type=submit] {
	display: flex; align-items: center; justify-content: center; gap: .75em;
	margin: 0 0 0 auto; padding: .25em .25em .25em 1.25em; font: 500 125% / 1.25 var(--title-font); color: var(--blue);
	background: var(--white); border: 1px solid var(--blue); border-radius: 20em;
}
#form button::after, #form input::after {
	display: inline-block; content: ''; position: relative; width: 1.75em; height: 1.75em;
	background: url(../images/svg/link_b.svg) no-repeat center / 1.75em;
}
#form button[type=submit]:hover, #form input[type=submit]:hover { background: var(--blue-l); }








/**
 *
 *  █▀▀  █  █  ▀▀█▀▀  █▀▀▄  ▄▀▀▄
 *  █▀▀  ▄▀▀▄    █    █▐█▀  █▀▀█
 *  ▀▀▀  ▀  ▀    ▀    ▀ ▀▀  ▀  ▀ - EXTRA
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE GRAZIE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s1_grazie .container, #s1_404 .container { position: relative; top: auto; left: auto; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE 404 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s1_404 .s1_title h1 { font-size: 200%; }
#s1_404 .s1_title h1 span { font-size: 200%; }
#s1_404 .s1_title p { font-size: 1.1rem; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CSS EXTRA O MOD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/












/**
 * ██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
 *
 * RESPONSIVE
 * __________________________________________________________________________________________________________________________________________________________________________
 */




.foot_logo { width: calc( var(--foot-logo-width) + ( var(--foot-logo-max) - var(--foot-logo-min) ) * ( (100vw - 360px) / 1560 ) ); }
#back_top { width: calc( var(--back-top-px) + ( var(--back-top-max) - var(--back-top-min) ) * ( (100vw - 360px) / 1560 ) ); }




/**
 *
 *  █▄ ▄█  ▄▀▀▄  █▀▀▄  ▀  █     █▀▀
 *  █ █ █  █  █  █▀▀█  █  █  ▄  █▀▀
 *  ▀   ▀   ▀▀   ▀▀▀   ▀  ▀▀▀▀  ▀▀▀ - MOBILE PORT | 601 -> 767
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 601px) {


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/

	/* Logo */
	.head_logo, .head_logo_alt { height: 2em; }

	/* Head Content */
	.head_link:not(.sus_link) { display: inline-block; }

	/* Hamburger */

	/* Nav Menu */
	@media (orientation: landscape) {
		#main_nav .menu_wrapper { flex-direction: row-reverse; }
		#main_nav #menu_product, #main_nav .menu-menu-container { width: calc(50% - var(--c3o)); }
		#main_nav #menu_product a, #main_nav .menu li a { font-size: clamp(22px, 2.5vw, 35px); }
	}


	/*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/
	/* Links */
	/* Filters */
	/* Components */
	/* Sidebar */
	/* Accordion */


	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Menu */
	/* Info */
	/* Service */
	/* Credits */
	/* Back Top */


	/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/
	/* Section 1 */
	/* Section 2 */
	/* Section News */
	/* Section Form */


	/*∞∞∞∞∞∞ CARDS ∞∞∞∞∞∞*/
	/* Card News */
	/* Card Empty */


	/*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/
	/* Sec 1 */
	/* Sec 2 */
	/* Sec 3 */
	/* Sec 4 */


	/*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/

	/* Template Prodotti */
	#s5_product .grid, #s6_product .grid { grid-template-columns: 1fr 1fr; }
	.card_flip .frontFace { min-height: 100%; justify-content: space-between; }

	/* Template Prodotti ValBiopure */
	.tab_wrapper .text table thead th, .tab_wrapper .text table tbody tr td { font-size: 87.5%; }

	/* Template Company */
	/* Template Certifications */
	/* Template Work with us */
	/* Template Service */
	/* Template Contatti */


	/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/


	/*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/
	/* Sec 1 */
	/* Sec 2 */


	/*∞∞∞∞∞∞ FORM ∞∞∞∞∞∞*/

	#form { padding: 2.5em 2.5em 2em 2.5em; }


	/*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/


}






/**
 *
 *  ▀▀█▀▀  ▄▀▀▄  █▀▀▄  █     █▀▀  ▀▀█▀▀
 *    █    █▀▀█  █▀▀█  █  ▄  █▀▀    █
 *    ▀    ▀  ▀  ▀▀▀   ▀▀▀▀  ▀▀▀    ▀   - TABLET |  768 x 1024  ->  1023 x 1280
 * __________________________________________________________________________________________________________________________________________________________________________
 */

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


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/

	/* Logo */

	/* Head Content */

	/* Hamburger */

	/* Nav Menu */
	#main_nav #menu_product a, #main_nav .menu li a { font-size: clamp(22px, 3.5vh, 45px); }


	/*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/

	/* Links */
	/* Filters */
	/* Components */
	/* Sidebar */
	/* Accordion */

	/* Modal */
	.modal .modalWrapper .link_wrap { justify-content: space-between; }


	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/

	/* Menu */
	/* Info */

	/* Service */
	#foot_links { flex-direction: row; }
	#foot_links a { display: inline-block; padding: .5em 1.5em; }
	#foot_links span { display: inline-block; width: .25em; min-width: .25em; height: .25em; background-color: var(--black); border-radius: 2em; }

	/* Credits */
	#credits br { display: none; }
	#credits .resp_sep { display: inline-block; }

	/* Back Top */


	/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/
	/* Section 1 */
	/* Section 2 */
	/* Section News */
	/* Section Form */


	/*∞∞∞∞∞∞ CARDS ∞∞∞∞∞∞*/

	/* Card News */
	.card-news .text { padding-left: 1em; }
	.card-news .text .link svg { width: 1.5em; min-width: 1.5em; }

	/* Card Empty */


	/*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/

	/* Sec 1 */

	/* Sec 2 */
	#sec_news_slider .nav_wrapper { width: calc(9em + 6ch); margin-left: auto; }

	/* Sec 3 */

	/* Sec 4 */
	#s4_home::after {
		display: inline-block; content: ''; position: absolute; top: 0; left: 0;
		width: 62.5%; height: 100%; background: linear-gradient(to right,  rgba(53,51,123,1) 0%,rgba(53,51,123,0) 100%);
		z-index: 1;
	}
	#s4_home .container { z-index: 2; }
	#s4_home .sec_title { padding: 0 var(--c5o); }
	#s4_home .text:not(.sec_title) { padding: var(--c20v) var(--c5o) var(--c5v) var(--c5o); }
	#s4_home .block p { font-weight: 500; font-size: 100%; text-shadow: 0 0 .25em rgb(10 10 10 / 25%); }


	/*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/

	/* Template Prodotti */
	.list_wrapper.grid { grid-template-columns: 1fr 1fr; }
	.list_wrapper.grid > p:nth-of-type(odd) { padding-right: var(--c2o); }
	.list_wrapper.grid > p:nth-of-type(even) { padding-left: var(--c2o); }
	.list_wrapper p, .list_wrapper p:last-of-type { border-bottom: 0; border-top: 1px solid rgb(10 10 10 / 25%); }
	.list_wrapper p:first-of-type, .list_wrapper p:nth-of-type(2) { border-top: 0; }

	/* Template Company */
	#s8_company .sec_img picture { aspect-ratio: 16 / 9; }

	/* Template Certifications */
	#s2_certificazioni .grid { grid-template-columns: 1fr 1fr; }

	/* Template Work with us */
	/* Template Service */

	/* Template Contatti */
	#s2_contatti .sec_map { aspect-ratio: 1 / 1; }


	/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/


	/*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/
	/* Sec 1 */
	/* Sec 2 */


	/*∞∞∞∞∞∞ FORM ∞∞∞∞∞∞*/

	#form .wpforms-field:last-of-type { margin-bottom: 0; }
	#form .wpforms-submit-container { width: fit-content; margin: -1.5em 0 0 auto; }


	/*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/


}



/**
 *
 *  █▀▀▄  █▀▀  ▄▀▀  █ ▄▀  ▀▀█▀▀  ▄▀▀▄  █▀▀▄      ▄▀▀  █▄ ▄█  ▄▀▀▄  █    █ 
 *  █  █  █▀▀   ▀▄  █▀▄     █    █  █  █  █       ▀▄  █ █ █  █▀▀█  █ ▄  █ ▄ 
 *  ▀▀▀   ▀▀▀  ▀▀   ▀ ▀▀    ▀     ▀▀   █▀▀       ▀▀   ▀   ▀  ▀  ▀  ▀▀▀  ▀▀▀  - LAPTOP |  1024 x 768  ->  1280 x 720
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 1024px) {


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	
	.head_wrapper { padding: 1em 1.5em; }
	header.stuck .head_wrapper { padding: .5em var(--c1o); }

	/* Logo */
	.head_logo_alt { display: inline-block; }

	/* Head Content */
	.head_wrapper > .flex-el { gap: 1.5em; }

	.head_link { padding: .675em 1.25em; background-color: transparent; box-shadow: none; font-size: 100%; }
	.head_link:hover { background-color: rgb(var(--white-rgb) / 50%); backdrop-filter: blur(30px); box-shadow: 0 .25em 1em rgb(10 10 10 / 12.5%); color: var(--blue); }

	.wpml-ls-legacy-list-horizontal a { display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; padding: .5em; border-radius: 20em; }
	.wpml-ls-legacy-list-horizontal a span { display: block; min-width: 2ch; text-align: center; }
	.wpml-ls-legacy-list-horizontal .wpml-ls-current-language a { font-weight: 700; color: var(--blue); }
	.wpml-ls-legacy-list-horizontal a:hover { 
		background-color: rgb(var(--white-rgb) / 50%); backdrop-filter: blur(30px); box-shadow: 0 0 .25em rgb(10 10 10 / 12.5%); 
		color: var(--blue);
	}

	/* Hamburger */
	#hamburger { padding: 0; }
	#hamburger .wrap { width: 4em; height: 2.5em; }
	#hamburger span { width: 4em; }
	#hamburger .top_bun { top: .675em; }
	#hamburger .bottom_bun { bottom: .675em; }
	#hamburger:hover span { background-color: var(--blue); }
	#hamburger.tapped:hover {  }

	/* Nav Menu */
	header.stuck #main_nav { transform: translateY(calc(-100% + 3.75em)); }

	#main_nav .menu_wrapper { flex-direction: row; min-height: auto; padding-bottom: var(--c10v); }

	#main_nav #menu_product a { width: fit-content; font-size: clamp(24px, 2.5vw, 45px); }
	#main_nav .menu li a { font-size: clamp(24px, 2vw, 35px); }
	#main_nav .menu li a:hover { color: var(--blue-l); text-shadow: 1px 1px 0 rgb(10 10 10 / 25%); }
	#main_nav #menu_product a svg { transform: translateX(-100%) scale(0.5); opacity: 0; width: .75em; transition: .25s ease; }
	#main_nav #menu_product a:hover svg { transform: translateX(0) scale(1); opacity: 1; }

	#main_nav .menu-menu-container ul { width: fit-content; margin: 0 auto; }

	#main_nav.menu_ita #menu_product { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }


	/*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/

	/* Links */
	/* Filters */

	/* Animations */
	.text.textAnim, .text.textAnimLeft, .text.textAnimRight { opacity: 0; transition: .5s ease-out; }
	.text.textAnim { transform: translateY(50%); }
	.text.textAnimLeft { transform: translateX(-50%); }
	.text.textAnimRight { transform: translateX(50%); }
	.text.textAnim.active, .text.textAnimLeft.active, .text.textAnimRight.active { transform: translate(0, 0); opacity: 1; }

	.card.animate { transform: translateY(50%); opacity: 0; transition: .5s ease-out; }
	.card.animate.active { transform: translate(0, 0); opacity: 1; }

	/* Sidebar */
	#sidebar_form button.close:hover { background-color: var(--white); }
	#sidebar_form button.close:hover svg path { fill: var(--blue); }

	/* Accordion */
	.accordion.animate { transform: translateY(50%); opacity: 0; transition: .25s ease-out; }
	.accordion.animate.active { transform: translateY(0); opacity: 1; }
	.accordion .accordion_head svg { width: 2.5em; min-width: 2.5em; }


	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/

	/* Menu */
	#foot_menu a, #foot_links a { font-size: 87.5%; text-align: center; }
	#foot_menu a:hover, #foot_links a:hover, .foot_block a:hover, .foot_block p a:not( #foot_address a ):hover, #social_link:hover { 
		color: var(--blue-l); text-shadow: 1px 1px 0 rgb(10 10 10 25%); 
	}

	/* Info */
	.foot_block p, #social_link { font-size: 100%; }
	#social_link { position: absolute; bottom: 1em; left: calc(var(--c5o) - .5em); }
	
	/* Service */
	#foot_links { flex-wrap: nowrap; padding: 0; }
	#foot_links a { flex: 1 1 auto; padding: 2em 1em; font-size: 75%; }

	/* Notice */
	#foot_notice p { font-size: 75%; }

	/* Credits */
	#credits a:hover, #credits a:active, #credits a:focus { opacity: 1; color: var(--blue-l); }
	#credits #credits_studio:hover { color: #e74e0f; }

	/* Back Top */
	#back_top { opacity: 1; }


	/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/

	/* Section 1 */
	/* Section 2 */

	/* Section News */
	#sec_news_slider .tags a:hover { color: var(--blue-l); }

	/* Section Form */


	/*∞∞∞∞∞∞ CARDS ∞∞∞∞∞∞*/
	/* Card News */
	.card-news .text { padding-left: 1.5em; }

	/* Card Empty */


	/*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/

	/* Sec 1 */
	#s1_home .s1_title { width: 60%; margin: 0; }
	#s1_home .s1_title h1 { font-size: calc(var(--h1-size) * .75); }
	#s1_home .s1_title h1 { transform: translateX(-50%); }
	#s1_home .s1_title p { transform: translateX(50%); }
	#s1_home .s1_title.active :where(h1, p) { transform: translateX(0); }

	#s1_home #v_shape { display: block; }

	/* Sec 2 */
	#s2_home .container { padding-right: 0; }

	#s2_home .link_list { justify-content: flex-start; font-size: 150%; color: var(--grey); }
	#s2_home .link_list.animate span { transform: translateX(-50%); opacity: 0; transition: .25s ease-out; }
	#s2_home .link_list.active span { transform: translateX(0%); opacity: 1; }
	#s2_home .link_list svg { transform: scale(0); opacity: 0; transform-origin: left center; transition: .25s ease; }
	#s2_home .link_list.current, #s2_home .link_list:hover { font-weight: 600; color: var(--blue); }
	#s2_home .link_list.current svg, #s2_home .link_list:hover svg { transform: scale(1); opacity: 1; }
	#s2_home .product_img { top: 50%; right: 0; transform: translate(100%, -50%); height: 100%; opacity: 0; pointer-events: none; transition: .25s ease; }
	#s2_home .product_img img { object-fit: contain; object-position: right; }
	#s2_home .product_img.active { transform: translate(-2.5%, -50%); opacity: 1; }

	/* Sec 3 */
	#s3_home::before {
		display: inline-block; content: ''; position: absolute; top: 0; left: 0;
		width: 25%; height: 100%; background-color: var(--white); z-index: 1;
	}
	#s3_home .container { justify-content: flex-end; padding: 0 var(--c5o); }
	#s3_home .sec_video { left: var(--c5o); }
	#s3_home .sec_video img { height: 100%; object-fit: contain; padding: var(--c7v) 0; }
	#s3_home .text { padding-right: 0; }
	#s3_home .text h2 { font-size: calc(var(--h2-size) * .75); }

	/* Sec 4 */
	#map_img { bottom: 1.25%; left: 50%; transform: translateX(-50%); height: 77.5%; }
	#s4_home .text:not(.sec_title) { margin: 0; }
	#s4_home .block { transform: translateX(50%); opacity: 0; transition: .25s ease-out; }
	#s4_home .block svg { transform: translateX(-100%); opacity: 0; transition: .25s ease-out .25s; }
	#s4_home .block.active { transform: translateX(0); opacity: 1; }
	#s4_home .block.active svg { transform: translateX(0); opacity: 1; }


	/*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/

	/* Template Prodotti */
	#s2_product .container { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
	#s2_product .text:not(.sec_title) { grid-row: 2 span; }
	#s2_product .link_wrapper { transform: translateY(50%); opacity: 0; transition: .25s ease-out; }
	#s2_product .link_wrapper.active { transform: translateY(0); opacity: 1; }

	.list_wrapper.animate p { transform: translateY(50%); opacity: 0; transition: .25s ease-out; }
	.list_wrapper.animate p:nth-of-type(1), .list_wrapper.animate p:nth-of-type(2) { transition-delay: .1s; }
	.list_wrapper.animate p:nth-of-type(3), .list_wrapper.animate p:nth-of-type(4) { transition-delay: .2s; }
	.list_wrapper.animate p:nth-of-type(5), .list_wrapper.animate p:nth-of-type(6) { transition-delay: .3s; }
	.list_wrapper.animate p:nth-of-type(7), .list_wrapper.animate p:nth-of-type(8) { transition-delay: .4s; }
	.list_wrapper.animate p:nth-of-type(9), .list_wrapper.animate p:nth-of-type(10) { transition-delay: .5s; }
	.list_wrapper.animate p:nth-of-type(11), .list_wrapper.animate p:nth-of-type(12) { transition-delay: .6s; }
	.list_wrapper.animate.active p { transform: translateX(0); opacity: 1; }

	.card_guide .card_wrap { min-height: 75dvh; }


	/* Template Valbiopure */
	#s4_product.variant .text:not(.sec_title) + .text { margin-top: 0rem; }

	.sec_tabs .wrapper { max-width: 1280px; margin-right: auto; margin-left: auto; }
	.tab_wrapper picture { aspect-ratio: 3 / 4; }
	.tab_wrapper .text { padding-left: var(--c3o); }
	.tab_wrapper .text h3 { text-align: left; }
	.tab_wrapper .text table thead th, .tab_wrapper .text table tbody tr td { font-size: 100%; }


	/* Template Company */
	#timeline::before {
		top: 3.675em; width: 100%; height: 1px;
		background: linear-gradient(90deg, rgb(var(--white-rgb) / 10%) 0%, rgb(var(--white-rgb) / 50%) 50%, rgb(var(--white-rgb) / 10%) 100%);
	}
	#timeline .swiper-wrapper { flex-direction: row; gap: unset; }
	#timeline .timeBlock .text span { margin: 1.5em auto; }
	#timeline .timeBlock .text p { font-size: 87.5%; }

	.sec_split + .sec_split .container { flex-direction: row-reverse; }
	.sec_img.animate picture { transform: scale(0); opacity: 0; transition: .375s ease-out; }
	.sec_img.animate.active picture { transform: scale(1); opacity: 1; }

	#s6_company .grid, #s10_company .grid { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 1em; }
	#s6_company .card, #s10_company .card { grid-column: 2 span; }
	#s6_company .card:first-of-type, #s6_company .card:nth-of-type(2),
	#s10_company .card:first-of-type, #s10_company .card:nth-of-type(2) { grid-column: 3 span; }

	#s7_company .sec_video { aspect-ratio: 16 / 9; }

	#s8_company .text:nth-of-type(1) { order: 1; }
	#s8_company .sec_img.img_1 { order: 3; }
	#s8_company .text:nth-of-type(2) { order: 2; }
	#s8_company .sec_img.img_2 { order: 4; }
	#s8_company .sec_img picture { aspect-ratio: 4 / 3; }


	/* Template Certifications */

	/* Template Work with us */
	#s2_work .card_position.animate { transform: translateY(50%); opacity: 0; transition: .25s ease-out; }
	#s2_work .card_position.animate.active { transform: translateY(0); opacity: 1; }

	/* Template Service */

	/* Template Contatti */
	#s2_contatti .text a { display: inline-block; }
	#s2_contatti .text a:hover { color: var(--blue-l); text-decoration: underline; }
	
	#s2_contatti .email_list li a:hover { font-weight: 600; text-decoration: none; }


	/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/


	/*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/

	/* Sec 1 */
	#s1_single .s1_title > a:hover { color: var(--blue-l); text-shadow: 1px 1px 0 rgb(10 10 10 / 12.5%); }

	/* Sec 2 */
	#s2_single .text { max-width: 75ch; margin: 0 auto; }


	/*∞∞∞∞∞∞ FORM ∞∞∞∞∞∞*/


	/*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/


}






/**
 *
 *  █     ▄▀▀▄  █▀▀▄  ▀█▀  ▄▀▀▄  █▀▀▄
 *  █  ▄  █▀▀█  █  █   █   █  █  █  █
 *  ▀▀▀▀  ▀  ▀  █▀▀    ▀    ▀▀   █▀▀  - LAPTOP |  1281 x 720  ->  1366 x 768
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 1281px) {


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	/* Logo */
	/* Head Content */
	/* Hamburger */
	/* Nav Menu */


	/*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/

	/* Links */
	/* Filters */

	/* Components */
	.sec_img picture { aspect-ratio: 8 / 7; }

	/* Sidebar */
	/* Accordion */


	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/

	/* Menu */
	#foot_menu .swiper-slide { flex: 1 1 auto; }

	/* Info */
	#foot_address, #foot_info { display: flex; align-items: center; justify-content: center; }
	#foot_address p, #foot_info p { display: inline-block; }

	/* Service */

	/* Credits */
	#credits { justify-content: space-between; padding: var(--c2v) 5em var(--c2v) 1.5em; }
	#credits p { width: auto; margin: 0; }

	/* Back Top */


	/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/
	/* Section 1 */
	/* Section 2 */
	/* Section News */
	/* Section Form */


	/*∞∞∞∞∞∞ CARDS ∞∞∞∞∞∞*/
	/* Card News */
	/* Card Empty */


	/*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/

	/* Sec 1 */
	#s1_home .s1_title { flex-wrap: nowrap; }
	#s1_home .s1_title p { max-width: 30ch; }
	#s1_home #v_shape { left: -10%; }

	/* Sec 2 */
	#s2_home .link_list { font-size: 175%; }

	/* Sec 3 */

	/* Sec 4 */
	#s4_home .text:not(.sec_title) { padding: var(--c25v) var(--c5o) var(--c15v) var(--c5o); }


	/*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/

	/* Template Prodotti */
	#s5_product .container { padding-right: 2em; padding-left: 2em; }
	#s5_product .grid { grid-template-columns: 1fr 1fr 1fr 1fr; }

	.card_guide .frontFace .text h3, .card_guide .backFace .text h3 { font-size: 167.5%; }
	.card_guide .frontFace .text h3 { min-height: 2.5em; }
	.card_guide .frontFace .focus p { font-size: 75%; }

	.card_product .frontFace .text h3 { padding-right: 6.5rem; }
	.card_product .frontFace .text .card_logo { width: 5em; }
	.card_product .frontFace .text p, .card_product .backFace .text :where(p, li) { font-size: 100%; }


	/* Template Company */


	/* Template Certifications */
	#s2_certificazioni .grid { grid-template-columns: 1fr 1fr 1fr; }


	/* Template Work with us */
	/* Template Service */


	/* Template Contatti */
	#s2_contatti .sec_map { aspect-ratio: 5 / 4; }


	/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/


	/*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/
	/* Sec 1 */
	/* Sec 2 */


	/*∞∞∞∞∞∞ FORM ∞∞∞∞∞∞*/


	/*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/


}






/**
 *
 *  █▀▀▄  █▀▀  ▄▀▀  █ ▄▀  ▀█▀  ▄▀▀▄  █▀▀▄
 *  █  █  █▀▀   ▀▄  █▀▄    █   █  █  █  █
 *  ▀▀▀   ▀▀▀  ▀▀   ▀ ▀▀   ▀    ▀▀   █▀▀  - LAPTOP |  1367 x 768  ->  1919 x 1080
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 1367px) {


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	/* Logo */
	/* Head Content */
	/* Hamburger */
	/* Nav Menu */


	/*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/
	/* Links */
	/* Filters */
	/* Components */
	/* Sidebar */
	/* Accordion */


	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/

	/* Menu */
	#foot_menu a, #foot_links a { font-size: 100%; }

	/* Info */
	#social_link { bottom: 1.5em; }

	/* Service */
	/* Credits */
	/* Back Top */


	/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/
	/* Section 1 */
	/* Section 2 */
	/* Section News */
	/* Section Form */


	/*∞∞∞∞∞∞ CARDS ∞∞∞∞∞∞*/
	/* Card News */
	/* Card Empty */


	/*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/
	/* Sec 1 */
	/* Sec 2 */
	/* Sec 3 */
	/* Sec 4 */


	/*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/

	/* Template Prodotti */
	.card_guide .card_wrap { min-height: 50dvh; }
	.card_guide .frontFace .focus p { font-size: 87.5%; }
	
	#s6_product .container { padding-right: var(--c7o); padding-left: var(--c7o); }


	/* Template Company */
	/* Template Certifications */
	/* Template Work with us */
	/* Template Service */
	/* Template Contatti */


	/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/


	/*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/
	/* Sec 1 */
	/* Sec 2 */


	/*∞∞∞∞∞∞ FORM ∞∞∞∞∞∞*/


	/*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/


}






/**
 *
 *  █  █  █▀▀▄  █▀▀  █▀▀▄
 *  █  █  █▀▀█  █▀▀  █▐█▀
 *   ▀▀   ▀▀▀   ▀▀▀  ▀ ▀▀ - ÜBER | 1921 -> ...
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 1921px) {


/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	/* Logo */
	/* Head Content */
	/* Hamburger */
	/* Nav Menu */


	/*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/
	/* Links */
	/* Filters */
	/* Components */
	/* Sidebar */
	/* Accordion */


	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Menu */
	/* Info */
	/* Service */
	/* Credits */
	/* Back Top */


	/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/
	/* Section 1 */
	/* Section 2 */
	/* Section News */
	/* Section Form */


	/*∞∞∞∞∞∞ CARDS ∞∞∞∞∞∞*/
	/* Card News */
	/* Card Empty */


	/*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/
	/* Sec 1 */
	/* Sec 2 */
	/* Sec 3 */
	/* Sec 4 */


	/*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/
	/* Template Prodotti */
	/* Template Company */
	/* Template Certifications */
	/* Template Work with us */
	/* Template Service */
	/* Template Contatti */


	/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/


	/*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/
	/* Sec 1 */
	/* Sec 2 */


	/*∞∞∞∞∞∞ FORM ∞∞∞∞∞∞*/


	/*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/


}






/**
 *
 *   ▄▀█   █ ▄▀
 *  █▄▄█▄  █▀▄
 *     █   ▀ ▀▀ - DESKTOP 4K & UP | 2561px -> ...
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and ( min-width: 2561px ) {}