/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " TNE NUCLEAR "

BASE (MOBILE) SIZE

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




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


header { z-index: 4; }
.head_wrapper { padding: 1em 1.5em; z-index: 2; }




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

.head_logo { 
	display: inline-block; 
	--head-logo-width: 160px;
	--head-logo-min: 160;
	--head-logo-max: 320;
	max-width: 320px;
	transition: .25s ease;
}
.head_logo :where(img, svg) { width: 100%; }
header.open .head_logo { filter: brightness(0) invert(1); }




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

#hamburger {
	display: flex; align-items: center; justify-content: center;
	position: fixed; top: 1em; right: 2.5%; height: 3.5em; padding: .5em 1.5em;
	border-radius: 20em; border: 1px solid var(--grey); background: var(--white);
	font-size: var(--rem); line-height: 0;
	overflow: visible; cursor: pointer; transition: .25s ease;
}
span.dot { display: inline-block; position: absolute; top: 0; width: 1em; height: 1em; border-radius: 20em; transition: .25s ease; will-change: transform; }
span.dot.init { left: 0; background: var(--grey); }
span.dot.hover { right: 0; transform: scale(0); background: var(--blue-l); }
#hamburger p { 
	position: relative; display: block; padding-top: .125em; 
	font: 500 100% / 1.25 var(--main-font); color: var(--grey); text-transform: uppercase; opacity: 0; transition: .25s ease; 
}
#hamburger .wrap { 
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 5em; height: 2em; 
	display: flex; align-items: center; justify-content: space-between; flex-direction: column;
}
#hamburger .wrap span {
	display: block; width: 2.5em; height: 4px; border-radius: .2em;
	background: linear-gradient(to right, rgb(61 60 59 / 100%) 0%, rgb(29 126 129 / 100%) 100%);
	transform-origin: center; will-change: transform; transition: .25s ease;
}
#hamburger.tapped p { opacity: 1; }
#hamburger.tapped .wrap span { opacity: 0; transition: .25s ease; }




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

#main_nav { display: none; top: 0; left: 0; z-index: 1; }
#main_nav .menu_wrapper { top: 0; left: 0; padding-top: calc(4.5em + var(--c10v)); background: var(--green); }

#main_nav .grain { mix-blend-mode: overlay; opacity: .375; }
#main_nav .grid_t { top: 0; opacity: .25; }
#main_nav .grid_b { bottom: 0; opacity: .25; }

#main_nav .menu-menu-container { position: relative; display: flex; align-items: center; justify-content: center; flex: 1 1 auto; }
#main_nav .menu { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; }
#main_nav .menu li { font: inherit; line-height: 1; }
#main_nav .menu li.current-menu-item { color: ; }
#main_nav .menu li a {
	display: inline-block; padding: .5rem .75rem .625rem .75rem;
	border-radius: .5em; border: 1px solid rgb(var(--blue-l-rgb) / 50%); background: rgb(var(--white-rgb) / 6.25%);
	font: 700 125% / 1.25 var(--title-font); color: var(--white); text-transform: uppercase;
}
#main_nav .menu li a:hover { background-color: var(--white); box-shadow: 0 0 1em rgb(var(--white-rgb) / 25%); color: var(--green); }

#main_nav .menu_link_wrapper { padding: 2em var(--c3o); gap: 1em; }
#main_nav .menu_link_wrapper a { font: 500 100% / 1.25 var(--main-font); color: var(--white); }








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


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

.link {
	display: flex; align-items: center; justify-content: center; 
	position: relative; width: fit-content; padding: 1em 1.5em;
	border: 1px solid var(--grey); border-radius: 20em; background-color: var(--white);
	font: 500 100% / 1.25 var(--main-font); color: var(--grey); text-transform: uppercase;
}
.link::before {
	display: inline-block; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0);
	width: 100%; height: 100%; border-radius: 20em; background: var(--green); opacity: 0; transition: .25s ease;
}
.link span.text { position: relative; display: block; }
.link:hover, .link:focus, .link:active { background-color: var(--green); color: var(--white); }
.link:hover::before, .link:focus::before, .link:active::before { transform: translate(-50%, -50%) scale(1); opacity: 1; }
.link:hover span.dot.init, .link:focus span.dot.init, .link:active span.dot.init { transform: scale(0); }
.link:hover span.dot.hover, .link:focus span.dot.hover, .link:active span.dot.hover { transform: scale(1); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SWIPER NAV ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.nav_btn { width: 3.275em; z-index: 1; cursor: pointer; transition: .25s ease; }
.nav_btn.abs { top: 50%; transform: translateY(-50%); }
.nav_btn :where(img, svg) { width: 100%; }
.nav_btn svg circle { fill: var(--white); transition: .25s ease; }
.nav_btn svg path { fill: var(--grey); }
.nav_btn svg polygon { fill: var(--grey); transition: .25s ease; }

.nav_btn:hover svg circle { fill: var(--green); }
.nav_btn:hover svg polygon { fill: var(--white); }

.nav_prev { left: 0; }
.nav_next { right: 0; }

.nav_btn.swiper-button-disabled { display: none; }


/* NAV glightbox */
.glightbox-clean .gprev, .glightbox-clean .gnext { top: 45% !important; }



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

main { background: var(--green); }
main > .main_grain { transform: scaleY(-1); mix-blend-mode: overlay; opacity: .375; pointer-events: none; }
main > .grad { 
	top: 50%; left: 0; transform: translate(-25%, -50%); opacity: .75;
	background: radial-gradient(ellipse at center, rgb(16 18 99 / 100%) 0%, rgb(171 172 200 / 0%) 65%, rgb(255 255 255 / 0%) 100%);
	pointer-events: none;
}

.grey { background-color: var(--grey-l); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEXT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

h1 strong, h2 strong, h3 strong { font-weight: 700; color: var(--blue-l); }

.s1_title :where(p, .p) { font: 500 100% / 1.25 var(--title-font); color: var(--grey); letter-spacing: -.125ch; }








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


footer { overflow: hidden; background: var(--green); }
footer > .grain { mix-blend-mode: overlay; opacity: .375; pointer-events: none; }


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ STRUCTURE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/


footer .container > div { gap: 1.5em; }
footer .info_wrapper { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 1px solid rgb(var(--white-rgb) / 50%); }


/* Foot Logo */
.foot_logo { 
	display: block; 
	--foot-logo-width: 240px;
	--foot-logo-min: 240;
	--foot-logo-max: 420;
	max-width: 420px; margin: 0 auto;
	filter: brightness(0) invert(1);
}
.foot_logo :where(img, svg) { width: 100%; }


/* Foot Block */
.foot_block p a { font: inherit; }
footer .info_utility p + p { margin-top: .5em; }




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

#credits p { margin: 0 auto; z-index: 1; font-size: 75%; line-height: 1.5; }
#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; 
	border-radius: 20em; background-color: var(--white);
	cursor: pointer; transition: .25s ease;
}
#back_top :where(img, svg) { width: 100%; }
#back_top svg path { fill: var(--grey); transition: .25s ease; }








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


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

.s1 { overflow: hidden; }

.s1_page .container, 
.s1_archive .container,
.s1_single .container { padding-top: calc(var(--c15v) + 5em); }

.s1_page .bkg_thumb { border-radius: 1em; }




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

.s2_page, .s2_archive { margin-top: -1px; }
.s2_page .text { max-width: calc(1024px + var(--c10o)); margin: 0 auto; }
.s2_page .text p { font-size: 112.5%; }
.s2_page .text p strong {
	background: -webkit-linear-gradient(180deg, var(--blue-l), var(--green));
	-webkit-background-clip: text; -webkit-text-fill-color: transparent;
}




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

.sec_form .grid { grid-template-columns: 1fr; gap: var(--c10v) 3em; }

.sec_form .text #form { margin-top: 1.5em; }

.sec_form picture { aspect-ratio: 1 / 1; border-radius: 1em; overflow: hidden; }








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


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

.card_news { overflow: hidden; border-radius: .75em; background-color: rgb(var(--white-rgb) / 75%); }
.card_news .text { padding: 1.5em 1em; }
.card_news .text p + h1 { margin-top: .5rem; }
.card_news .text h1 { font: 600 125% / 1.25 var(--main-font); letter-spacing: initial; }
.card_news .text h1 + p { margin-top: .75rem; }
.card_news .text p { font-size: 87.5%; letter-spacing: .125ch; opacity: .75; }
.card_news .text p:not(.date) { text-transform: uppercase; }
.card_news .text p.date { font-weight: 300; text-align: right; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD SETTORE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.card_settore { padding: 1.5em 1em; border-radius: .75em; background: var(--grey); box-shadow: 0 0 2em rgb(var(--blue-l-rgb) / 25%); }
.card_settore img { width: 3.5em; }
.card_settore img + .text { margin-top: 1.25rem; }
.card_settore .text h3 { font-weight: 500; font-size: 125%; color: var(--blue-l); }
.card_settore .text h3 + p { margin-top: .75rem; }
.card_settore .text p { font-size: 87.5%; }




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

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








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


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

#s1_home { overflow: visible; z-index: 1; }

#s1_home .bkg_video { height: 100%; }

#s1_home .grad { 
	bottom: 0; left: 0; transform: translate(-37.5%, 50%); opacity: 1; z-index: 1;
	background: radial-gradient(ellipse at center, rgb(255 255 255 / 100%) 0%, rgb(255 255 255 / 100%) 25%, rgb(255 255 255 / 0%) 75%, rgb(255 255 255 / 0%) 100%);
	pointer-events: none;
}

#s1_home::after {
	display: block; content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 12.5dvh;
	background: linear-gradient(to bottom, rgb(229 234 245 / 0%) 0%, rgb(229 234 245 / 100%) 100%);
	pointer-events: none;
}

#s1_home .container { z-index: 2; }
#s1_home .container::before {
	display: block; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; aspect-ratio: 1 / 1;
	background: radial-gradient(ellipse at center, rgb(255 255 255 / 100%) 0%, rgb(255 255 255 / 100%) 25%, rgb(255 255 255 / 0%) 62.5%, rgb(255 255 255 / 0%) 100%);
	pointer-events: none;
}
#s1_home .s1_title { z-index: 2; }




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

#s2_home .container { z-index: 2; }




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

#s3_home::before {
	content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 75%;
	background: linear-gradient(to bottom, rgb(229 234 245 / 100%) 0%, rgb(229 234 245 / 100%) 35%, rgb(229 234 245 / 0%) 100%);
}

#s3_home .text .title + .content, 
#s3_home .text + .slider_wrapper,
#s3_home .swiper + .utility, 
.sec_related .swiper + .utility { margin-top: 1.5rem; }

#s3_home .utility, .sec_related .utility { gap: 1em; }
#s3_home .nav_wrapper, .sec_related .nav_wrapper { gap: .5em; }
#s3_home .line, .sec_related .line { height: 1px; border-top: 1px solid rgb(var(--white-rgb) / 50%); }






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

#s4_home .grid_b { bottom: 0; left: 0; height: 35dvh; opacity: .25; }

#s4_home .text .title + .content { margin-top: 1.5rem; }

#s4_home .text + .scroll_wrapper { margin-top: var(--c7v); }
#s4_home .scroll_wrapper > div { justify-content: flex-start; gap: 2em; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 5 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s5_home .sec_img svg { top: 0; left: 50%; transform: translateX(-50%); }








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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE AZIENDA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 2 */
.text_wrapper + .accordion_wrapper { margin-top: var(--c10v); }
.accordion { border-radius: .75em; border: 1px solid rgb(var(--white-rgb) / 50%); }
.accordion + .accordion { margin-top: 1em; }
.accordion_head { gap: 1.5em; padding: 1.5em 1.5em; }
.accordion_head h3 { 
	display: block; flex: 1 1 auto; 
	font: 500 112.5% / 1.25 var(--main-font); letter-spacing: unset; text-transform: uppercase; text-align: left; 
	transition: .25s ease; 
}
.accordion_head svg { width: 2rem; min-width: 2rem; transition: .25s ease; }
.accordion_head svg path { fill: var(--white); }
.accordion_head.active h3 { color: var(--blue-l); }
.accordion_head.active svg { transform: scaleY(-1); }
.accordion_head.active svg path { fill: var(--grey-l); }
.accordion_text { display: none; padding: 0 1.5em 1.5em 1.5em; }
.accordion_text p { line-height: 1.375; }

/* Section 3 */
#s3_azienda::before, 
#s1_marchi + .sec_marchio::before {
	display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 15dvh;
	background: linear-gradient(to bottom, rgb(229 234 245 / 100%) 0%, rgb(229 234 245 / 0%) 100%);
}
#s3_azienda .container { padding-top: calc(15dvh + var(--c12v)); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CERTIFICAZIONI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 3 */
#s3_cert .sec_title + div { margin-top: var(--c10v); }
.card_file { gap: .5em; padding: 1.5em 1.5em; border-radius: .75em; border: 1px solid rgb(var(--white-rgb) / 50%); }
.card_file + .card_file { margin-top: 1em; }
.card_file h3 { 
	display: block; flex: 1 1 auto; padding-right: .5rem; 
	font: 500 112.5% / 1.25 var(--main-font); color: var(--white); letter-spacing: unset; text-transform: uppercase; text-align: left; 
}
.card_file svg { width: 1.5em; min-width: 1.5em; }
.card_file svg path { fill: var(--white); transition: .25s ease; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE MARCHI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section Marchio */
.sec_marchio .top { gap: 1.5rem var(--c5o); }
.sec_marchio .top .logo { max-width: 24em; margin: 0 auto; padding: 1.5em; border-radius: 1em; background: var(--white); }
.sec_marchio .top .logo img { object-fit: contain; }
.sec_marchio .top + .bottom { margin-top: var(--c10v); }
.sec_marchio .bottom { gap: var(--c10v) var(--c5o); }
.sec_marchio .bottom .sec_img { border-radius: 1em; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE SETTORI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 3 */
#s3_settori::before { 
	display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .375;
	background: url(../images/webp/menu_grain.webp) no-repeat center / cover; background-attachment: fixed; 
}
#s3_settori .card_settore { width: 100%; border: 1px solid rgb(var(--white-rgb) / 50%); background: rgb(var(--white-rgb) / 12.5%); }
#s3_settori .card_settore + .card_settore { margin-top: var(--c10v); }
#s3_settori .card_settore img + h2 { margin-top: 1.5rem; width: 100%; }
#s3_settori .card_settore .title + .content { margin-top: 1.5rem; } 




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

/* Section 2 */
#s2_contatti .wrapper { border-radius: 1em; overflow: hidden; background: var(--green); }

#s2_contatti .head { gap: var(--c10v) var(--c5o); padding: var(--c10v) var(--c5o); }
#s2_contatti .block svg { width: 2em; }
#s2_contatti .block svg path { fill: var(--white); }
#s2_contatti .block svg + p { margin-top: 1em; }

#s2_contatti iframe { position: relative; width: 100%; height: auto; aspect-ratio: 3 / 5; }








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


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

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

.s2_archive .card { box-shadow: 0 0 1.5em rgb(var(--black-rgb) / 25%); }








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


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

#s1_single .bkg_thumb { border-radius: 1em; }

#s1_single p.date { font-weight: 300; font-size: 87.5%; letter-spacing: .125ch; }


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION RELATED ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.sec_related .line { border-color: rgb(var(--grey-rgb) / 50%); }








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


/* WP-Form - Custom */
#form { background-color: transparent; }

#form .wpforms-field { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; overflow: hidden; margin-bottom: .75rem; }
#form .wpforms-field:not(.form_privacy, .form_name) { border-radius: .375em; border: 1px solid var(--grey); background: var(--white); }

#form .wpforms-field:not(.form_privacy, .form_list) label { 
	width: fit-content; min-width: calc(8ch + 2em); margin: 0; padding: .75em 1em; 
	border-right: 1px solid var(--grey); background-color: transparent;
	font: 500 87.5% / 1.25 var(--main-font); color: rgb(var(--grey-rgb) / 50%);
	transition: .25s ease;
}

#form .wpforms-field :where(input, textarea, select) {
	background-color: transparent; border: 0; border-radius: 0;
	padding: .75em 1em; font: 400 87.5% / 1.25 var(--main-font); color: var(--grey);
}
#form .wpforms-field :where(input, select) { width: fit-content; flex: 1 1 auto; }
#form .wpforms-field input::placeholder, #form .wpforms-field textarea::placeholder { color: var(--grey); opacity: .5; }

#form .wpforms-field.form_list { padding: .75em 1em; }
#form .wpforms-field fieldset { display: block; width: 100%; }
#form .wpforms-field fieldset .wpforms-field-label { margin: 0; padding: 0; font: 400 87.5% / 1.25 var(--main-font); color: var(--grey); }
#form .wpforms-field:not(.form_privacy) fieldset .wpforms-field-label + ul { margin-top: 1rem; }
#form .wpforms-field-radio ul { gap: .5em 3em; }
#form .wpforms-field-radio ul li { display: flex; align-items: center; }
#form .wpforms-field-radio ul li input { display: flex; align-items: center; justify-content: center; height: 1.25rem; padding: 0; }
#form .wpforms-field-radio ul li label { font-size: 87.5%; }
#form .wpforms-field input[type=checkbox]:checked:before, 
#form .wpforms-field input[type=radio]:checked:before { border-color: var(--grey); }
#form .wpforms-field input[type=radio]:checked:after { background-color: var(--green); }
#form .wpforms-field input[type=checkbox]:before, 
#form .wpforms-field input[type=radio]:before { top: 50%; left: 50%; transform: translate(-50%, -50%); }
#form .wpforms-field input[type=radio]:after { top: 50%; left: 50%; transform: translate(-50%, -50%) scale(.5); }

#form .wpforms-field.form_name { flex-direction: column; gap: .75rem; }
#form .wpforms-field .wpforms-field-row:before,
#form .wpforms-field .wpforms-field-row:after { display: none; }
#form .wpforms-field .wpforms-field-row { gap: .75em; }
#form .wpforms-field .wpforms-field-row .wpforms-field-row-block { 
	display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row-reverse; flex-wrap: wrap; 
	width: 100%; margin: 0; padding: 0; border-radius: .375em; border: 1px solid var(--grey); background: var(--white); overflow: hidden;
}

#form .wpforms-field.form_text label { border-bottom: 1px solid var(--grey); }

#form .wpforms-field.form_privacy { flex-wrap: wrap; }
#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { border: 1px solid var(--grey); border-radius: .375rem; background-color: var(--white); }
#form .wpforms-field.wpforms-field-checkbox li label { color: var(--grey); }
#form .wpforms-field.wpforms-field-checkbox li label a:hover { color: var(--blue-l); }

#form .wpforms-field label.wpforms-error, 
#form .wpforms-field em.wpforms-error { width: 100%; margin-top: 0; padding:.5em 1em; border-top: 1px solid var(--wpforms-label-error-color); }

#form .wpforms-field.focus:not(.form_privacy, .form_list) label { background: var(--green); color: var(--white); }
#form .wpforms-field.wpforms-has-error:not(.form_privacy, .form_list) label { background: var(--wpforms-label-error-color); color: var(--white); }

#form button[type=submit], #form input[type=submit] {
	width: fit-content; padding: 1em 1.5em; margin: 0 auto;
	border: 1px solid var(--grey); border-radius: 20em; background-color: var(--white);
	font: 500 100% / 1.25 var(--main-font); color: var(--grey); text-transform: uppercase;
}
#form button[type=submit]:hover, #form input[type=submit]:hover { background-color: var(--green); border-color: var(--green); color: var(--white); }








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


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

#s1_grazie {}




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

#s1_404 .s1_title h1 { font-size: 200%; }




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












/**
 * ██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
 *
 * RESPONSIVE
 *
 * Settare se necessario regole fluid per minmax di elementi specifici basandosi sulle seguenti regole:
 *	=>	ORIGINAL CALC			->	calc( 12px + (24 - 12) * ( (100vw - 360px) / (1920 - 360) ) )
 *	=>	CALC 1920px -> 360px	->	calc( 12px + (24 - 12) * ( (100vw - 360px) / 1560 ) )
 *	=>	CALC 1280px -> 360px	->	calc( 12px + (24 - 12) * ( (100vw - 360px) / 920 ) )
 *	=>	CALC 1024px -> 360px	->	calc( 12px + (24 - 12) * ( (100vw - 360px) / 664 ) )
 *
 * Da creare fluid dinamico con 2 step per i calc iniziali =   1920 -> 1024   1024 -> 360
 *
 * __________________________________________________________________________________________________________________________________________________________________________
 */




.head_logo { width: calc( var(--head-logo-width) + ( var(--head-logo-max) - var(--head-logo-min) ) * ( (100vw - 360px) / 1560 ) ); }

.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 */
	/* Hamburger */
	/* Nav Menu */


	/*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/
	/* Links */
	/* Swiper Nav */
	/* Components */
	/* Text */


	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Structure */
	/* Credits */
	/* Back Top */


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


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


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


	/*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/
	/* Template Azienda */
	/* Template Certificazioni */
	/* Template Marchi */
	/* Template Settori */
	/* Template Contatti */


	/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/
	/* Sec 1 */
	/* Sec 2 */


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


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


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


}






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

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


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


	/*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/
	/* Links */
	/* Swiper Nav */
	/* Components */
	/* Text */


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

	/* Structure */

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

	/* Back Top */


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

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

	/* Section Form */
	.sec_form picture { aspect-ratio: 16 / 9; }


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


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

	/* Sec 1 */
	#s1_home .s1_title { text-align: left; }

	/* Sec 2 */
	/* Sec 3 */

	/* Sec 4 */
	.card_settore { width: calc(50% - 1em); }

	/* Sec 5 */


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

	/* Template Azienda */
	/* Template Certificazioni */
	/* Template Marchi */
	/* Template Settori */

	/* Template Contatti */
	#s2_contatti iframe { aspect-ratio: 3 / 4; }


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

	/* Sec 1 */

	/* Sec 2 */
	.s2_archive .grid { grid-template-columns: 1fr 1fr; }


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


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


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


}



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

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


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

	/* Logo */

	/* Hamburger */
	#hamburger p { padding-top: .0625em; }
	#hamburger:hover { background-color: var(--green); }
	#hamburger:hover span.dot.init { transform: scale(0); }
	#hamburger:hover span.dot.hover { transform: scale(1); }
	#hamburger:hover p { color: var(--white); }
	#hamburger:hover .wrap span { background: var(--white); }
	#hamburger.tapped:hover {  }

	/* Nav Menu */
	#main_nav .menu_wrapper { padding-top: 5.5625em; }
	#main_nav .menu { flex-direction: row; flex-wrap: wrap; max-width: 45em; }
    #main_nav .menu li a { font-size: 150%; }
	#main_nav .menu_link_wrapper a { font-size: 125%; }


	/*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/
	/* Links */
	/* Swiper Nav */
	/* Components */
	/* Text */


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

	/* Structure */
	footer .info_wrapper { justify-content: space-between; flex-wrap: nowrap; margin-bottom: 2.5em; padding-bottom: 2.5em; }
	footer .foot_block { width: fit-content; }
	.foot_block p { font-weight: 400; }
	.foot_block p a:hover { color: var(--grey-l); text-decoration: underline; }

	footer .info_utility { justify-content: space-between; }

	/* Credits */
	#credits { justify-content: space-between; gap: .75em 1.5em; }
	#credits p { margin: 0; }
	#credits a:hover, #credits a:active, #credits a:focus { opacity: 1; color: var(--grey-l); text-decoration: underline; }
	#credits #credits_studio:hover { color: #e74e0f; }

	/* Back Top */
	#back_top { opacity: 1; }
	#back_top:hover { background-color: var(--green); }
	#back_top:hover svg path:nth-of-type(2) { fill: var(--white); }


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

	/* Section 1 */
	.s1_title :where(p, .p) { font-size: 150%; }

	.s1_page .s1_title :where(h1, p, .h1, .p) { transform: scale(0); opacity: 0; transition: .5s ease-out; }
	.s1_page .s1_title :where(p, .p) { transition-delay: .0625s; }
	.s1_page.active .s1_title :where(h1, p, .h1, .p) { transform: scale(1); opacity: 1; }
	.s1_page .bkg_thumb { transform: translateY(50%) scale(.5); opacity: 0; transform-origin: bottom; transition: .5s ease-out; will-change: transform; }
	.s1_page.active .bkg_thumb { transform: translateY(0) scale(1); opacity: 1; }

	/* Section 2 */
	.s2_page .text.animate :where(h2, h3, p) { transform: scale(0); opacity: 0; transition: .5s ease-out; }
	.s2_page .text.animate p { transition-delay: .0625s; }
	.s2_page .text.animate.active :where(h2, h3, p) { transform: scale(1); opacity: 1; }

	/* Section Form */
	.sec_form { overflow: hidden; }
	.sec_form .grid { grid-template-columns: 1fr 1fr; }
	.sec_form .text.animate :where(h2, p, #form) { transform: translateX(-100%); opacity: 0; transform-origin: left; transition: .5s ease-out; will-change: transform; }
	.sec_form .text.animate p { transition-delay: .0625s; }
	.sec_form .text.animate #form { transition-delay: .125s; }
	.sec_form .text.animate.active :where(h2, p, #form) { transform: translateX(0); opacity: 1; }
	.sec_form .text h2 { font-size: calc(var(--h2-size) * .75); }
	.sec_form picture { aspect-ratio: unset; height: 100%; }
	.sec_form picture.animate { transform: translateX(100%); opacity: 0; transition: .5s ease-out; will-change: transform; }
	.sec_form picture.animate.active { transform: translateX(0%); opacity: 1; }


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

	/* Card News */
	.card_news .text { transition: .25s ease; }
	.card_news .text p { font-size: 75%; }
	.card_news .text h1 { font-size: 100%; }
	.card_news:hover .text { background-color: var(--white); }

	/* Card Settore */
	/* Card Empty */


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

	/* Sec 1 */
	#s1_home .container { overflow: hidden; }
	#s1_home .container::before { display: none; }
	#s1_home .s1_title :where(h1, p) { transform: translateX(-100%); opacity: 0; transition: .5s ease-out; }
	#s1_home .s1_title p { transition-delay: .0625s; }
	#s1_home.active .s1_title :where(h1, p) { transform: translateX(0); opacity: 1; }

	/* Sec 2 */
	.s2_page .text p { font-size: 150%; max-width: 40ch; margin-right: auto; margin-left: auto; }

	/* Sec 3 */
	#s3_home .text .title + .content, 
	#s4_home .text .title + .content { margin-top: 0; text-align: right; }

	#s3_home .container { overflow: hidden; }
	#s3_home .text.animate .title, #s3_home .text.animate .content,
	#s4_home .text.animate .title, #s4_home .text.animate .content,
	#s3_azienda .text.animate .title, #s3_azienda .text.animate .content { opacity: 0; transition: .5s ease-out; }
	#s3_home .text.animate .title,
	#s4_home .text.animate .title,
	#s3_azienda .text.animate .title { transform: translateX(-100%); }
	#s3_home .text.animate .content,
	#s4_home .text.animate .content,
	#s3_azienda .text.animate .content { transform: translateX(100%); }
	#s3_home .text.animate.active .title, #s3_home .text.animate.active .content,
	#s4_home .text.animate.active .title, #s4_home .text.animate.active .content,
	#s3_azienda .text.animate.active .title, #s3_azienda .text.animate.active .content { transform: translateX(0); opacity: 1; }

	/* Sec 4 */
	#s4_home { overflow: hidden; }
	#s4_home .container { min-height: 100dvh; }
	#s4_home .scroll_track { flex-wrap: nowrap; align-items: stretch; width: max-content; will-change: transform; }
	#s4_home .scroll_track .card_settore { flex: 0 0 clamp(360px, 35vw, 640px); width: clamp(360px, 35vw, 640px); }

	/* Sec 5 */
	#s5_home .sec_img { overflow: hidden; }
	#s5_home .sec_img picture { height: 100dvh; }
	#s5_home .sec_img .logo_mask { display: block; pointer-events: none; will-change: transform, opacity; transform-origin: center center; }
	#s5_home .text p { max-width: 55ch; margin-right: auto; margin-left: auto; }
	#s5_home .text.animate :where(h2, h3, p, .link) { transform: scale(0); opacity: 0; transition: all .25s ease, transform .5s ease-out, opacity .5s ease-out; }
	#s5_home .text.animate p { transition-delay: .0625s; }
	#s5_home .text.animate .link { transition-delay: 0s, .0625s, .0625s; }
	#s5_home .text.animate.active :where(h2, h3, p, .link) { transform: scale(1); opacity: 1; }


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

	/* Template Azienda */
	#s3_azienda .content { text-align: right; }
	.accordion.animate, 
	.card_file.animate { transform: translateY(100%); opacity: 0; transform-origin: bottom; transition: .5s ease-out; will-change: transform; }
	.accordion.animate.active, 
	.card_file.animate.active { transform: translateY(0); opacity: 1; }
	.accordion:hover, 
	.card_file:hover { background-color: rgb(var(--blue-l-rgb) / 50%); }

	/* Template Certificazioni */
	.card_file { gap: 0.75em; }
	.card_file h3 { padding-right: .75rem; }

	/* Template Marchi */
	.sec_marchio { overflow: hidden; }
	.sec_marchio:nth-of-type(odd) .text.title { order: 1; }
	.sec_marchio:nth-of-type(odd) .logo { order: 2; }
	.sec_marchio:nth-of-type(odd) .text { order: 3; }
	.sec_marchio:nth-of-type(odd) .bottom { flex-direction: row-reverse; }
	.sec_marchio .top .logo { width: 20em; max-width: 20em; margin: 0; }
	.sec_marchio .top .title { width: calc(100% - 20em - var(--c5o)); }
	.sec_marchio .top.animate.active :where(.logo, .text) { transition: .5s ease-out; will-change: transform, opacity; }
	.sec_marchio .top.animate .logo { transform: scale(0); opacity: 0; }
	.sec_marchio .top.animate .text.title { transform: translateX(100%); opacity: 0; }
	.sec_marchio .top.animate .text:not(.title) { transform: translateY(50%); opacity: 0; }
	.sec_marchio .top.animate.active .logo { transform: scale(1); opacity: 1; }
	.sec_marchio .top.animate.active .text.title { transform: translateX(0); opacity: 1; }
	.sec_marchio .top.animate.active .text:not(.title) { transform: translateY(0); opacity: 1; }
	.sec_marchio .bottom.animate :where(.sec_img, .text) { opacity: 0; transition: .5s ease-out; will-change: transform, opacity; }
	.sec_marchio .bottom.animate .sec_img { transform: translateX(-100%); }
	.sec_marchio .bottom.animate .text { transform: translateX(100%); }
	.sec_marchio .bottom.animate.active .sec_img,
	.sec_marchio .bottom.animate.active .text { transform: translateX(0); opacity: 1; }
	.sec_marchio:nth-of-type(odd) .top.animate .text.title { transform: translateX(-100%); }
	.sec_marchio:nth-of-type(odd) .top.animate.active .text.title { transform: translateX(0); opacity: 1; }
	.sec_marchio:nth-of-type(odd) .bottom.animate .sec_img { transform: translateX(100%); }
	.sec_marchio:nth-of-type(odd) .bottom.animate .text { transform: translateX(-100%); }
	.sec_marchio:nth-of-type(odd) .bottom.animate.active .sec_img { transform: translateX(0); opacity: 1; }
	.sec_marchio:nth-of-type(odd) .bottom.animate.active .text { transform: translateX(0); opacity: 1; }

	/* Template Settori */
	#s3_settori { min-height: 100dvh; overflow: hidden; }
	#s3_settori > .container { height: 100dvh; }
	#s3_settori .scroll_wrapper { height: 100%; }

	#s3_settori .card_settore { 
		display: flex; flex-direction: column; justify-content: center; align-items: center;
		position: absolute; top: 50%; left: 0; transform: translateY(-50%); 
		height: calc(100dvh - (var(--c12v) * 2)); padding: 2.5em 3.5em; 
		background-color: var(--green); box-shadow: none;
		overflow: auto; will-change: transform; 
	}
	#s3_settori .card_settore + .card_settore { margin-top: 0; }
	#s3_settori .card_settore .title { flex-wrap: nowrap; gap: 1.5em; text-align: left; }
	#s3_settori .card_settore .title img { width: 5em; min-width: 5em; }
	#s3_settori .card_settore h2 { flex: 1 1 auto; width: auto; font-size: calc(var(--h2-size) * .75); }
	#s3_settori .card_settore img + h2 { margin-top: 0; }
	#s3_settori .card_settore p { font-size: 100%; }

	/* Template Contatti */
	#s2_contatti .head { justify-content: space-between; gap: var(--c10v) var(--c3o); max-width: unset; padding: var(--c10v) var(--c3o); }
	#s2_contatti .block svg path { transition: .25s ease; }
	#s2_contatti .block p { font-size: 100%; transition: .25s ease; }
	#s2_contatti a.block:hover p { color: var(--grey-l); text-decoration: underline; }
	#s2_contatti a.block:hover svg path { fill: var(--blue-l); }
	#s2_contatti iframe { aspect-ratio: 16 / 9; }


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

	/* Sec 1 */

	/* Sec 2 */
	.s2_archive .grid { grid-template-columns: 1fr 1fr 1fr; }


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

	/* Sec 1 */
	#s1_single { overflow: visible; }
	#s1_single .bkg_thumb { position: sticky; top: 6.5em; }

	/* Sec Related */


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

	#form .wpforms-submit-container { position: absolute; bottom: 0; right: 0; transform: translateY(1.25em); }


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


}






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

@media screen and (min-width: 1281px) {
	
	
	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	/* Logo */
	/* Hamburger */
	/* Nav Menu */


	/*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/
	/* Links */
	/* Swiper Nav */
	/* Components */
	/* Text */


	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Structure */
	/* Credits */
	/* Back Top */


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


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


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


	/*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/
	/* Template Azienda */
	/* Template Certificazioni */
	/* Template Marchi */
	/* Template Settori */
	/* Template Contatti */


	/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/
	/* Sec 1 */
	/* Sec 2 */


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


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


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


}






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

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


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


	/*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/
	/* Links */
	/* Swiper Nav */
	/* Components */
	/* Text */


	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Structure */
	/* Credits */
	/* Back Top */


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


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


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


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

	/* Template Azienda */
	/* Template Certificazioni */
	/* Template Marchi */
	/* Template Settori */

	/* Template Contatti */
	#s2_contatti .head { padding: var(--c12v) var(--c3o); }
	#s2_contatti .block p { font-size: 125%; }


	/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/
	/* Sec 1 */
	/* Sec 2 */


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


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


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


}






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

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


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


	/*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/
	/* Links */
	/* Swiper Nav */
	/* Components */
	/* Text */


	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Structure */
	/* Credits */
	/* Back Top */


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


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


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


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

	/* Template Azienda */
	/* Template Certificazioni */
	/* Template Marchi */

	/* Template Settori */
	#s3_settori .card_settore .title + .content { margin-top: 4.5dvh; }
	#s3_settori .card_settore h2 { font-size: 4dvh; }
	#s3_settori .card_settore p { font-size: 2.25dvh; }

	/* Template Contatti */


	/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/
	/* Sec 1 */
	/* Sec 2 */


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


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


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


}






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

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