/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " ___NOME_SITO___ "

BASE (MOBILE) SIZE

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




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


header { z-index: 4; top: 0; left: 0; transition: .5s ease;  }
header .close { display: none; }
header .filter { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--black); opacity: 0; 
	box-shadow: 0 0.25rem 1rem rgb(var(--orange-rgb) / 75%); transition: .5s ease;  }
.head_wrapper { padding: 1rem 1rem; z-index: 2; transition: .5s ease; }

.head_content { position: relative;  }

header.scroll_on .head_wrapper { padding: 0.5rem 0.5rem;   }
header.scroll_on .filter { opacity: 1; }

#lang_select { z-index: 1; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LOGO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* .head_logo { 
	display: inline-block; 
	--head-logo-width: 80px;
	--head-logo-min: 80;
	--head-logo-max: 120;
	max-width: 120px;
} */
.head_logo { width: 10rem; }
.head_logo :where(img, svg) { width: 100%; }

header.scroll_on .head_logo { width: 8rem; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HEAD CONTENT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#desktop_menu { display: none; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HAMBURGER / MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#hamburger { 
	display: inline-block; font-size: var(--rem); line-height: 0;
	padding: .5em .5em; overflow: visible; cursor: pointer; transition: .25s ease;
}
#hamburger .wrap { width: 2.5em; height: 1.5em; }
#hamburger span {
	display: block; position: absolute; left: 50%; transform: translateX(-50%);
	width: 2.5em; height: 2px; border-radius: .2em;
	background-color: var(--white);
	transform-origin: center; will-change: transform; transition: .25s ease;
}
#hamburger .top_bun { top: -1px; }
#hamburger .burger { top: calc(50% - 1px); }
#hamburger .bottom_bun { bottom: -1px; }

/* Tapped / Clicked animation */
/*
 * Copiare l'animazione scelta dal file hamburger.css
 * oppure utilizare quella base qui sotto
 */
#hamburger.tapped span { transition: .25s ease; }
#hamburger.tapped .burger { opacity: 0; }
#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 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.sub_menu_dsk { display: none; }
.sub_menu_mob { display: none; padding-bottom: 1rem; border-bottom: 1px solid rgb(var(--white-rgb) / 25%); }

#main_nav { position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: flex; justify-content: center; align-items: center; padding: 1rem 1rem 1rem 2rem;
	z-index: 1; background-color: rgb(var(--black-rgb) / 95%); opacity: 0; transform: translateX(100%); pointer-events: none; transition: .5s ease; }
#main_nav.open { transform: translateX(0); opacity: 1; pointer-events: initial; }

#main_nav .menu_wrapper {  max-height: 70vh; overflow-y: scroll; align-items: flex-start; }
#main_nav .menu_wrapper::-webkit-scrollbar { width: 6px; background-color: var(--black); border: 1px solid rgb(var(--white-rgb) / 25%); }
#main_nav .menu_wrapper::-webkit-scrollbar-thumb { width: 6px; background-color: var(--white); }


#main_nav .menu_wrapper :where(a, button) { color: var(--white); text-transform: uppercase; font-size: 3.75vh; text-align: left; line-height: 1.2; padding: 0.5rem 0; transition: unset; }
#main_nav .menu_wrapper button { color: var(--orange); }

/* #main_nav .menu_wrapper :where(button) { display: flex; justify-content: center; align-items: center; }
#main_nav .menu_wrapper :where(button)::before { content: url(../images/svg/orange-arrow-down.svg); position: relative; width: 1.25rem; } */

#main_nav .menu_wrapper .sub_menu_mob a { font-size: 2.5vh; }




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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ GENERAL ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
body { background-color: var(--black); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CIRCLES ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.circle { position: absolute; width: 110%; aspect-ratio: 1 / 1; pointer-events: none; z-index: -1;
	background: radial-gradient(ellipse at center, rgb(var(--blue-rgb) / 90%) 0%,rgb(var(--blue-rgb) / 0%) 70%,rgb(var(--blue-rgb) / 0%) 100%); }
.circle.tc { left: 50%; top: 0; transform: translate(-50%, -50%); }
.circle.tr { right: 0; top: 0; transform: translate(50%, -50%); }
.circle.br { right: 0; bottom: 0; transform: translate(40%, 40%); }
.circle.bl { left: 0; bottom: 0; transform: translate(-40%, 40%); }
.circle.lc { left: 0; top: 50%; transform: translate(-50%, -50%); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEXT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.title h2, .title h1, h1.title { text-transform: uppercase; }
.title .arrow { color: var(--orange); }
.orange_txt { color: var(--orange); font-family: var(--regular-font); }
.upper { text-transform: uppercase; }

.text :where(p, h3) strong { color: var(--orange); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ IMAGES ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.clip_picture img {  clip-path: polygon(100% 0, 100% 90%, 90% 100%, 0 100%, 0 0); max-height: 25rem; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LINKs / BTNs STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.link { padding: 1.15rem 4.75rem 1.15rem 1.5rem; font-size: 1.1rem; text-transform: uppercase; font-weight: 300; border-radius: 10rem; position: relative;
    width: fit-content; text-align: center; transition: .25s ease; }
.link::before { content: ""; position: absolute; top: 0; right: 1.25rem; width: 2.25rem; height: 100%; transition: .25s ease;
	background-image: url(../images/svg/btn-arrow.svg); background-size: 100%; background-repeat: no-repeat; background-position: center center; pointer-events: none; }
.link.small { text-transform: capitalize; font-size: 1rem; }

.link.white { color: var(--black); background-color: rgb(var(--white-rgb) / 95%); border: 1px solid rgb(var(--white-rgb) / 50%); }
.link.grey { color: var(--white); background-color: rgb(var(--white-rgb) / 25%); border: 1px solid rgb(var(--white-rgb) / 50%); }

.link:hover { background-color: var(--orange); color: var(--black); }
.link:hover::before { transform: rotate(45deg); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FILTERS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.filter_color {
	background-color: var(--color);
	mix-blend-mode: multiply;
	opacity: .5;
}

.multiply_op1 { opacity: 1; mix-blend-mode: multiply; }

.filter_video { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%);
	background: linear-gradient(to bottom, rgb(var(--black-rgb) / 0%) 0%,rgb(var(--black-rgb) / 80%) 100%); object-fit: cover; }
.filter_dark_blue_grd { background: linear-gradient(to bottom, var(--dark_blue) 0%,var(--blue)  100%); }
.filter_orange_grd { background: linear-gradient(to bottom, var(--orange) 0%, var(--yellow) 100%)  }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ VARS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.tac_responsive { text-align: center; }
.tac_responsive .link { margin: 1.5rem auto 0 auto; }
.uppercase { text-transform: uppercase; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SCROLL BUTTON ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#scroll_btn {
	display: inline-block;
	position: absolute; left: 50%; bottom: 1.5em; 
	--scroll-px: 40px;
	--scroll-min: 40;
	--scroll-max: 60;
	max-width: 60px;
	transform: translateX(-50%);
	cursor: pointer; z-index: 1;
}
#scroll_btn svg { 
	width: 100%; 
	animation: hang_scroll 1.5s ease-in-out infinite forwards alternate;
	animation-play-state: running;
}
@keyframes hang_scroll {
	from { transform: translateY(0); }
	to { transform: translateY(.5em); }
}
#scroll_btn:hover svg, #scroll_btn:focus svg, #scroll_btn:active svg { animation-play-state: paused; }
#scroll_btn svg path { fill: var(--black); transition: .25s ease; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SWIPER NAV ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.nav_btn { 
	top: 50%; transform: translateY(-50%); 
	width: 3.5em; padding: .25em; 
	z-index: 1; cursor: pointer; transition: .25s ease; 
}
.nav_btn :where(img, svg) { width: 100%; }
.nav_btn svg path { fill: var(--black); transition: .25s ease; }

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

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

/* Dots */
.nav_dots { gap: .5em; }

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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ COMPONENTS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* 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; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SIDEBAR ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/*
 * Se presenti position sticky, ricordarsi di disattivare nel foundation l' "overflow: hidden;" del "main" - riga 360
 * Il valore "top" è indispensabile ed è l'offset dal top dello schermo se impostato
 */
.sticky { top: 15vh; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ANIMATIONS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Text */
.block_bt { transform: translateY(25%); opacity: 0; transition: 1s ease; }
.anim_on.block_bt, .anim_on .block_bt { transform: translateY(0); opacity: 1; }

.block_lr { transform: translate(0, 25%); opacity: 0; transition: 1s ease; }
.anim_on.block_lr, .anim_on .block_lr { transform: translate(0, 0); opacity: 1; }

.block_rl { transform: translate(0, 25%); opacity: 0; transition: 1s ease; }
.anim_on.block_rl, .anim_on .block_rl { transform: translate(0, 0); opacity: 1; }

.line_link { position: relative; width: max-content; }
.line_link::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 0; height: 1px;
	background-color: var(--orange); transition: .35s ease; }
.line_link:hover::after { width: 100%; }

/* Img */
.img_scale { overflow: hidden; }
.img_scale img { transition: .35s ease; }
.img_scale:hover img { transform: scale(1.1);  }

.clip_off img { transition: .35s ease; }
.clip_off:hover img { clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BREADCRUMBS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* #breadcrumb { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .5em; }
#breadcrumb li { list-style: none; margin: 0; }
#breadcrumb .separator {}
#breadcrumb :where(a,span) { display: inline-block; min-width: fit-content; color: var(--white); } */




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

footer { overflow: clip; }

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

/* General */
.foot_logo {  width: 100%; margin-bottom: 1.5rem; }
.foot_logo :where(img, svg) { width: 16rem; }

.foot_dots .dots_bkg { position: absolute; top: 0; left: 50%; transform: translateX(-50%);  width: calc(100% + var(--c2o) + var(--c2o)); height: 100%; 
	background-image: url(../images/svg/foot-dot.svg); background-size: 14px; background-position: center; }

/* Top */
#foot_info a { padding: 0.5rem 0; color: var(--white); font-size: 1.25rem; }

.foot_block.top .right a { font-size: 1.25rem; color: var(--orange); text-transform: uppercase; padding: 0.5rem 0; width: max-content; }
.foot_block.top .right a:first-child { padding-top: 0; }

.foot_block.top .left p:not(:first-child) { margin-top: 1rem; }

/* Middle */
.foot_block.middle .left a { font-size: 0.9rem; color: var(--white); opacity: 0.75; }
.foot_block.middle .left a:not(:first-child) { margin-top: 0.5rem; } 

.foot_block.middle .right a { text-transform: uppercase; font-size: 0.9rem; margin-top: 0.75rem; color: var(--white);  }
.foot_block.middle .right img { width: 6rem; }

/* Bottom */
.foot_block.bottom .right p { text-transform: uppercase; }

/* CTA */
#fixed_cta { bottom: 1rem; right: 1rem; position: fixed; z-index: 1; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CREDITS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#credits p {
	font-size: .825em; line-height: 1.5;
	margin: 0 auto; z-index: 1;
}
#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: .25em; background-color: rgb(255 255 255 / 25%);
	cursor: pointer; transition: .25s ease;
}
#back_top :where(img, svg) { width: 100%; }
#back_top svg path { fill: var(--black); } */




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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* .s1 { overflow: hidden; } */
.s1 .container { padding-top: calc(var(--c15v) + 6rem); }
.s1 .thumb_container { height: 20rem; overflow: hidden; }
.s1 .thumb_container img { height: 150%; min-height: 100%; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION FORM ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#sec_form .text { margin-bottom: 2rem; }
#sec_form .form_container { background-color: var(--black); box-shadow: 0 0 2rem rgb(var(--orange-rgb) / 50%); padding: var(--c10v) var(--c5o); }
#sec_form .form_container .arrow { position: absolute; top: 0; left: 0; width: 3rem; transform: translateY(-50%); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION TEXT (temp1) ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.txt_temp1 .link { margin-top: 1.5rem; margin-left: 1rem; }
.txt_temp1 .text p { font-size: 1.25rem; }
.txt_temp1 .text strong { color: var(--orange); }

.txt_h2h3 h3 { line-height: 1.4; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION STICKY 50 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.sticky_50 .grid_container { gap: 2rem; }
.sticky_50 .img_preview { display: none; }

.sticky_50 .left .clip_picture img { max-height: 40vh; }

.sticky_50 .right { margin-top: 2rem; }
.sticky_50 .right .single_txt:not(:first-child) { margin-top: 4rem; }
.sticky_50 .right .text .ico {  width: 4rem; margin-bottom: 1rem; }
.sticky_50 .right .text h3 { width: 100%; padding-bottom: 1rem; border-bottom: 1px solid rgb(var(--orange-rgb) / 50%); }
.sticky_50 .right .text p { margin-top: 0; padding-top: 1rem; }

.sticky_50 .right picture { margin-top: 2rem; }

.sticky_50 .right .orange_box { margin-top: 2rem; background-color: var(--orange); padding: 1rem 2rem 1rem 1rem; clip-path: polygon(0 0, 100% 0, 100% 80%, 95% 100%, 0 100%); }
.sticky_50 .right .orange_box p { color: var(--black); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION TEXT BKG ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.sec_txt_bkg .text h3 { line-height: 1.4; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION ACCORDION FEATURES ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.accordion_features .accordion { gap: 3rem; }

.accordion_features .card_accordion { padding-bottom: 3rem; }
.accordion_features .card_accordion .filter { opacity: 0; clip-path: polygon(0 0, 100% 0, 100% 90%, 85% 100%, 0 100%); transition: .25s ease; }
.accordion_features .card_accordion .plus { margin-top: 1rem; }
.accordion_features .card_accordion .plus svg { width: 2rem; min-width: 2rem; transition: .25s ease; }
.accordion_features .card_accordion .plus svg rect { fill: var(--white); transition: .25s ease;  }

.accordion_features .accordion_head { padding: 3rem 1rem 0 1rem; cursor: pointer; }
.accordion_features .accordion_head h3 { text-transform: uppercase; padding-left: 1.5rem; background-image: url(../images/svg/orange-arrow-right.svg); 
	background-size: 1rem; background-repeat: no-repeat; background-position: 0% center; filter: brightness(0) invert(1); transition: .25s ease;  }
.accordion_features .accordion_head p { font-size: 1.1rem; }

.accordion_features .accordion_text { padding: 0rem 1rem 0rem 1rem; }
.accordion_features .accordion_text p { font-size: 1.1rem; transition: .25s ease; }

.accordion_features .card_accordion.open .filter { opacity: 1; }
.accordion_features .card_accordion.open :where(.border_clip, .border_right, .border_bottom) { opacity: 0; }

.accordion_features .card_accordion.open .accordion_head .plus { opacity: 0; }
.accordion_features .card_accordion.open .accordion_head h3 { filter: brightness(0); color: var(--black); }
.accordion_features .card_accordion.open .accordion_head p { color: var(--black); }
.accordion_features .card_accordion.open .accordion_text p { color: var(--black); }
.accordion_features .card_accordion.open .plus svg rect { fill: var(--black); }
.accordion_features .card_accordion.open .plus svg .vert { opacity: 0; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION ACCORDION TEXT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.accordion_txt .card_accordion { border-bottom: 1px solid rgb(var(--white-rgb) / 50%); }
 
.accordion_txt .accordion_head { padding: 1.5rem 0 1.5rem 1.5rem; cursor: pointer; gap: 1rem; background-image: url(../images/svg/orange-arrow-right.svg); 
	background-size: 1rem; background-repeat: no-repeat; background-position: 0% center; }
.accordion_txt .accordion_head h2 { text-transform: uppercase; color: var(--orange); }

.accordion_txt .accordion_head svg { width: 1.5rem; min-width: 1.5rem; }
.accordion_txt .accordion_head svg rect { transition: .25s ease; }
.accordion_txt .card_accordion.open .accordion_head svg .vert { opacity: 0; }

.accordion_text { display: none; }
.accordion_txt .accordion_text { padding-bottom: 2.5rem; }
.accordion_txt .accordion_text .img_container { margin-bottom: var(--c7v); }

.accordion_txt .accordion_text .white_txt { margin-top: 2rem; }
.accordion_txt .accordion_text .orange_txt :where(h3, p, ul, li) { color: var(--orange); }

.accordion_txt .accordion_text .orange_box { margin-top: 2rem; background-color: var(--orange); padding: 1rem 2rem 1rem 1rem; clip-path: polygon(0 0, 100% 0, 100% 80%, 95% 100%, 0 100%); }
.accordion_txt .accordion_text .orange_box :where(h3, p, ul, li) { color: var(--black); }
.accordion_txt .accordion_text .orange_box h3 { text-transform: uppercase; font-size: 1.5rem; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION CARATTERISTICHE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.sec_features .text_container { gap: 2rem; }
.sec_features .single_txt .count { color: var(--white); background-color: var(--orange); width: 1.5rem; height: 1.5rem; border-radius: 8rem; padding: 0.25rem; 
	font-family: var(--ultrabold-font); margin-top: 0.25rem; }
.sec_features .single_txt .text { padding-left: 0.75rem; }

.sec_features .img_container { margin-bottom: var(--c7v); }
.sec_features .img_container picture img { max-height: 70vh;  object-fit: contain; }

/* Verticale */
.sec_features.verticale .single_txt  { width: 100%; }


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION ARROW SWIPER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.arrow_siwper .container { display: flex; justify-content: flex-end; align-items: center; }

.arrow_siwper .bkg_word { position: absolute; top: 50%; left: -2rem; transform: translate(0, -90%); color: var(--white); font-size: 25vw; white-space: nowrap; opacity: 0; 
	pointer-events: none; transition: .25s ease; }
.arrow_siwper .orange_line { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; background: var(--orange); height: 1px; pointer-events: none; }
.arrow_siwper .orange_dot {  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1.25rem; height: 1.25rem; background: var(--orange); 
	border-radius: 8rem; pointer-events: none; }

.arrow_siwper .swiper { overflow: visible; }
.arrow_siwper .swiper_container { width: 60vw; }
.arrow_siwper .swiper-slide picture { position: absolute; top: 50%; left: 50%; height: 100%; width: 100%; object-fit: cover; transform: translate(-50%, -50%);
	transition: 1s ease; }
.arrow_siwper .swiper-slide picture img { clip-path: polygon(0 0, 0% 100%, 100% 50%); }

.arrow_siwper .swiper-slide { transition: all 1s; }
.arrow_siwper .swiper-slide.swiper-hidden { opacity: 0;  }
.arrow_siwper .swiper-slide.swiper-slide-prev { opacity: 0;  }

.arrow_siwper .slide_container { height: 40vh;  display: flex; justify-content: center; align-items: center; }
.arrow_siwper .slide_container .slide_title { opacity: 0; pointer-events: none; transition: .25s ease; }
.arrow_siwper .slide_container .slide_title :where(a, p) { padding: 0.5rem;  transform: translateY(-3.5rem); color: var(--white); font-size: 1.1rem; 
	filter: drop-shadow(0 0 1rem rgb(var(--black-rgb) / 90%)); font-family: var(--regular-font); }

.arrow_siwper .slide_container .text { opacity: 0; pointer-events: none; transition: .25s ease; bottom: 0; left: 50%; width: 80vw; 
	transform: translate(-50%, 100%); text-align: center; }
.arrow_siwper .slide_container .text p { font-size: 1rem; }

.arrow_siwper .swiper-slide.swiper-slide-active { margin-right: 3rem; }
.arrow_siwper .swiper-slide.swiper-slide-active .bkg_word { opacity: 0.1; }
.arrow_siwper .swiper-slide.swiper-slide-active picture { width: 40vw; left: 0; transform: translate(calc(-100% - 1rem), -50%); height: 150%; }
.arrow_siwper .swiper-slide.swiper-slide-active .slide_title { opacity: 1; pointer-events: initial;  }
.arrow_siwper .swiper-slide.swiper-slide-active .text { opacity: 1; pointer-events: initial; }

.arrow_siwper .nav_btn { background: rgb(var(--white-rgb) / 50%); backdrop-filter: blur(5px); border-radius: 8rem; padding: 0.65rem; border: 1px solid var(--white); 
	min-width: 3.5em; transition: .25s ease; }
.arrow_siwper .nav_btn:hover { padding: 0; }
.arrow_siwper .nav_prev { left: var(--c5o); }
.arrow_siwper .nav_next { right: var(--c5o); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION GALLERY ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#sec_gallery .swiper { width: 180%; margin-left: -40%; }
#sec_gallery .navigation { gap: 1rem; }
#sec_gallery .navigation :where(.nav_btn, .swiper-scrollbar) { position: relative; top: unset; bottom: unset; right: unset; left: unset; transform: unset; padding: 0; }
#sec_gallery .navigation .swiper-scrollbar {  background-color: rgb(var(--white-rgb) / 50%); }
#sec_gallery .navigation .swiper-scrollbar .swiper-scrollbar-drag { background-color: rgb(var(--orange-rgb) / 100%);   }

#glightbox-body :where(.gslide-description, .gslide-title) { display: none !important; }
#glightbox-body :where(.glightbox-container .gprev, .glightbox-container .gnext) { top: unset; bottom: 1rem; }




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

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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD EMPTY ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.card_empty { padding: 2em 1.5em; }
.card_empty svg { width: 6em; }
.card_empty .text { margin-top: 1em; }




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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s1_home .video_container video { height: 50vh; max-height: 50vh; object-fit: cover; }
#s1_home .video_container .play_btn { top: 50%; left: 0; width: auto; height: 65%; transform: translate(-100%, -50%); opacity: 0; transition: 1s ease; }
#s1_home .video_container .play_btn.anim_on { transform: translate(0, -50%); opacity: 1; }
#s1_home .video_container .play_btn .arrow { position: relative; height: 100%; width: auto; }
#s1_home .video_container .play_btn .play { position: absolute; top: 50%; left: 1rem; transform: translate(0, -50%); width: 55%; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s2_home { margin-top: -2rem; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 3 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s3_home a picture img { height: 20rem; clip-path: polygon(100% 0, 100% 85%, 90% 100%, 0 100%, 0 0); }
#s3_home a:hover picture img { clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0); }

#s3_home a h2 { text-transform: uppercase; color: var(--orange); margin-top: 1rem; font-size: calc(var(--h2-size) * 0.85); max-width: 80%;}

#s3_home .dots { position: absolute; pointer-events: none; bottom: 40%; left: 50%; width: calc(100% - var(--c10o)); height: 100%; transform: translate(-50%, 100% ); 
	background-image: url(../images/svg/foot-dot.svg); background-size: 14px; background-position: center; max-height: 30vh;  }




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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE AZIENDA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Section 3 */ 
#s3_azienda { min-height: 80vh; }

/* Section 5 */
#s5_azienda { overflow: hidden; }

#s5_azienda .num_container { gap: 2rem; }
#s5_azienda .single_num { width: 100%; }
#s5_azienda .single_num :where(.num, .label) { font-size: 3.75rem; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px var(--white); font-family: var(--ultrabold-font); }
#s5_azienda .single_num:nth-last-of-type(even) :where(.num, .label) { -webkit-text-stroke: 1px var(--orange); }
#s5_azienda .single_num:nth-last-of-type(even) p { color: var(--orange);  }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE SETTORI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Section 5 */
#s5_settori .left p { font-size: calc(var(--p-size) * 1.25); }

/* Section 6 */
.orange_border { position: relative; border-top: 1px solid var(--orange); border-left: 1px solid var(--orange); }
.orange_border .border_right { position: absolute; top: 0; right: 0; width: 1px; height: calc(100% - 3.5rem); background-color: var(--orange); }
.orange_border .border_bottom { position: absolute; bottom: 0; left: 0; width: calc(100% - 3.5rem); height: 1px; background-color: var(--orange); }
.orange_border .border_clip { position: absolute; bottom: 0; right: 3.5rem; width: calc(5rem - 2px); height: 1px; transform: rotate(135deg); background-color: var(--orange); 
	transform-origin: right; }

#s6_settori .right .ico { padding: 1rem; height: 15rem; min-height: 45vh; }
#s6_settori .right .ico img { width: auto; height: 50%; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CONTATTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Mappa */
.map { min-height: 25rem; z-index: 1; border-top: 1px solid var(--orange); border-left: 1px solid var(--orange); border-right: 1px solid var(--orange);}
.map .leaflet-control-attribution { display: none; }

/* Section 3 */
#s3_contatti .contacts { gap: 2rem; padding: 5rem var(--c5o); padding: 5rem 2rem; }
#s3_contatti .contacts .single_contact { gap: 1rem; }
#s3_contatti .contacts .single_contact :where(a, p) { color: var(--white); font-size: 1.25rem; }
#s3_contatti .contacts .single_contact img { height: 2rem; width: auto; }




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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION LOOP ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.archive_loop .card_accordion { border-bottom: 1px solid rgb(var(--white-rgb) / 50%); }
 
.archive_loop .accordion_head { padding: 1.5rem 0 1.5rem 1.5rem; cursor: pointer; gap: 1rem; background-image: url(../images/svg/orange-arrow-right.svg); 
	background-size: 1rem; background-repeat: no-repeat; background-position: 0% center; }
.archive_loop .accordion_head h2 { text-transform: uppercase; color: var(--orange); }

.archive_loop .accordion_head svg { width: 1.5rem; min-width: 1.5rem; }
.archive_loop .accordion_head svg rect { transition: .25s ease; }
.archive_loop .card_accordion.open .accordion_head svg .vert { opacity: 0; }

.accordion_text { display: none; }
.archive_loop .accordion_text { padding-bottom: 2.5rem; }
.archive_loop .accordion_text .subtitle { margin-bottom: 2.5rem; width: 100%;  }
.archive_loop .accordion_text .text h3 { font-size: calc(var(--h3-size) * 0.9); line-height: 1.4; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 6 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s6_meccanotessile .logos { gap: 3rem 4rem; }
#s6_meccanotessile .logos img { width: 8rem; }




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




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

/* WP-Form - Custom */
#form .wpforms-field label { color: var(--white); font-family: var(--main-font); font-weight: 300; opacity: 0.65; }
#form .wpforms-field:hover label { color: var(--orange); opacity: 1; }

#form .wpforms-field:where(.wpforms-field-name, .wpforms-field-text, .wpforms-field-phone, .wpforms-field-email, .wpforms-field-textarea) label { position: absolute;
	position: absolute; top: 1rem; left: 0.5rem; font-size: 1rem; transition: .25s ease; }
#form .focus.wpforms-field:where(.wpforms-field-name, .wpforms-field-text, .wpforms-field-phone, .wpforms-field-email, .wpforms-field-textarea) label { top: 0rem;
    font-size: 14px; }

#form .wpforms-field :where(input, textarea, select) {
	background-color: transparent; border: 0; border-bottom: 1px solid rgb(var(--white-rgb) / 75%); border-radius: 0;
	padding: 1rem 0.5rem; font-size: 1rem; color: var(--white); transition: .25s ease;
}
#form .wpforms-field:hover :where(input, textarea, select) { border-bottom: 1px solid rgb(var(--orange-rgb) / 100%); }

#form .wpforms-field input::placeholder, #form .wpforms-field textarea::placeholder { color: var(--white); opacity: 0.65; }

#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { padding: 0.5rem; border: 1px solid var(--white); border-radius: 0; }
#form .wpforms-field.wpforms-field-checkbox li label { padding: 0; color: var(--white); opacity: 1; text-transform: uppercase; }
#form .wpforms-field.wpforms-field-checkbox li label a { text-transform: uppercase; }
#form .wpforms-field.wpforms-field-checkbox li label a:hover { color: var(--orange); }

#form button[type=submit], #form input[type=submit] {
	padding: 1.25rem 4.5rem 1.25rem 1.25rem; font-size: 1.1rem; text-transform: uppercase; font-weight: 300; color: var(--white); margin: 1rem auto 0 auto;
	background-color: rgb(var(--white-rgb) / 25%); border: 1px solid rgb(var(--white-rgb) / 50%); border-radius: 10rem; transition: .25s ease; }
#form button[type=submit]::before , #form input[type=submit]::before { content: ""; position: absolute; top: 0; right: 1.25rem; width: 2.5rem; height: 100%; transition: .25s ease;
	background-image: url(../images/svg/btn-arrow.svg); background-size: 100%; background-repeat: no-repeat; background-position: center center; pointer-events: none; }

#form button[type=submit]:hover, #form input[type=submit]:hover { background-color: var(--orange); color: var(--black); }
#form button[type=submit]:hover::before, #form input[type=submit]:hover::before { transform: rotate(45deg); }

/* MailPoet Form - Custom 
#form_mp { background-color: var(--white); }

#form_mp .mailpoet_form .mailpoet_paragraph label { color: ; }

#form_mp .mailpoet_form .mailpoet_paragraph :where(input, textarea, select) {
    background-color: transparent; border: ; border-radius: ;
    padding: ; font-size: ; color: ;
}
#form_mp .mailpoet_form .mailpoet_paragraph input::placeholder { color: ; opacity: ; }

#form_mp .mailpoet_form input.mailpoet_checkbox { padding: ; border: ; border-radius: ; }
#form_mp .mailpoet_form input.mailpoet_checkbox:checked { background: ; }
#form_mp .mailpoet_form .mailpoet_checkbox_label { color: ; }
#form_mp .mailpoet_form .mailpoet_checkbox_label a:hover { color: ; }

#form_mp .mailpoet_form .mailpoet_paragraph .mailpoet_submit {
    padding: ; font-size: ; color: ;
    background-color: ;  border: ; border-radius: ;
}
#form_mp .mailpoet_form .mailpoet_paragraph .mailpoet_submit:hover { background-color: ; border-color: ; color: ; } */




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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE GRAZIE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s1_grazie .s1_title p { margin-top: 1rem; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE 404 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s1_404 { background-color: var(--bkg_color); }
#s1_404 .s1_title p { margin-top: 1rem; }







/**
 * ██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
 *
 * 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 ) ); }

#scroll_btn { width: calc( var(--scroll-px) + ( var(--scroll-max) - var(--scroll-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) {

	/*∞∞∞∞∞∞ PAGE CHI SIAMO ∞∞∞∞∞∞*/
	/* Section 3 */ 
	#s3_azienda { min-height: unset; }

	/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/
	.arrow_siwper .slide_container .slide_title :where(a, p) { font-size: 1.5rem;  }
	.arrow_siwper .swiper-slide .text { bottom: unset; top: 60%; left: 50%; width: 120%; transform: translate(-52%, 0); }

	#sec_gallery .swiper { width: 150%; margin-left: -25%; }


}






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

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


	/*∞∞∞∞∞∞ PAGES ∞∞∞∞∞∞*/
	/* Azienda */
	#s5_azienda .single_num { width: calc(50% - 1rem); }

	/*∞∞∞∞∞∞ FORM ∞∞∞∞∞∞*/
	#form .wpforms-field:not(.wpforms-field-textarea) { width: 45%; }

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

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

}



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

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


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	header.sub_open { top: 4.75rem;}
	header.sub_open .close { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

	.sub_menu_dsk { position: fixed; display: flex; justify-content: center; align-items: stretch; top: 0; left: 0; width: 100%; 
		transform: translateY(-100%); opacity: 0; pointer-events: none; min-height: 4.75rem; transition: .5s ease; }
	.sub_menu_dsk.open { transform: translateY(0); opacity: 1; pointer-events: initial; }

	.sub_menu_dsk a { position: relative; color: var(--black); text-transform: uppercase; display: flex; justify-content: center; align-items: center; 
		border-bottom: 1px solid var(--white); gap: 0.35rem; flex: 1; padding: 1.5rem 0.5rem; font-family: var(--regular-font); 
		font-size: 0.8rem; text-align: center; height: auto; background-color: var(--white); font-weight: 700; transition: .25s ease; }
	.sub_menu_dsk a span { z-index: 1; }

	.sub_menu_dsk a::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;
		background: linear-gradient(to right, var(--black) 0%, var(--blue) 100%); opacity: 0;  transition: .25s ease; }

	.sub_menu_dsk a:hover::after { opacity: 1; }
	.sub_menu_dsk a:hover { color: var(--white); }

	#hamburger { display: none; }
	
	#desktop_menu { display: flex; gap: 0.25rem; }
	#desktop_menu :where(a, button):not(#desktop_menu .sub_menu_dsk a) { font-size: 0.8rem; font-family: var(--regular-font);
		text-transform: uppercase; color: var(--white); padding: 1rem 0.5rem; position: relative; font-weight: 700; }
	#desktop_menu :where(a, button):not(#desktop_menu .sub_menu_dsk a)::after { content: ""; position: absolute; bottom: 0.4rem; left: 0; width: 0; height: 1px;
		background-color: var(--orange); transition: .35s ease; }
	#desktop_menu :where(a, button):not(#desktop_menu .sub_menu_dsk a):hover::after { width: 100%; }

	#desktop_menu :where(button) { display: flex; justify-content: center; align-items: center; gap: 0.35rem; }
	#desktop_menu :where(button)::before { content: url(../images/svg/orange-arrow-down.svg); position: relative; width: 0.8rem; min-width: 0.8rem; transition: .25s ease; } 
	#desktop_menu :where(button.open)::before { transform: scale(-1); }

	#lang_select .wpml-ls-legacy-list-horizontal { padding: 0; }
	#lang_select .wpml-ls-legacy-list-horizontal a { padding: 1rem 0.5rem; font-size: 0.8rem; line-height: 0.9; }

	/*∞∞∞∞∞∞ VARS ∞∞∞∞∞∞*/
	.maxw_1024 { max-width: 1024px; }
	.maxw_1024.tac { margin: 0 auto; } 

	.tac_responsive { text-align: left; }
	.tac_responsive .link { margin: 1.5rem 0 0 0; }

	/*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/
	.title { background-image: url(../images/svg/orange-arrow-right.svg); background-size: 1rem; background-repeat: no-repeat; 
	background-position: 0% 0.4ch; padding-left: 1.5rem; }
	.tac .title { background-image: unset; padding: 0; }
	.title .arrow { display: none; }

	.filter_video { width: calc(100% - var(--c2o) - var(--c2o)); }

	/*∞∞∞∞∞∞ ANIMATIONS ∞∞∞∞∞∞*/
	.block_lr { transform: translate(-10%, 0); }
	.reverse .block_lr { transform: translate(10%, 0); }
	.anim_on.block_lr, .anim_on .block_lr { transform: translate(0, 0); }

	.block_rl { transform: translate(10%, 0); }
	.reverse .block_rl { transform: translate(-10%, 0); }
	.anim_on.block_rl, .anim_on .block_rl { transform: translate(0, 0); }

	/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/
	/* Section 1 */
	.s1 .thumb_container { padding: 0 var(--c2o); height: 25rem; }
	.s1 .s1_title .title { max-width: 23ch; }
	.s1 .s1_title .subtitle { width: 100%; text-align: right; margin-top: 3rem; }

	/* Form */
	#sec_form .container { padding-left: var(--c5o); padding-right: var(--c5o); }
	#sec_form .form_container .arrow { top: 2rem; width: 5rem; transform: translateY(0%); }

	/* Sticky 50 */
	.sticky_50 { gap: var(--c5o); grid-template-columns: 1fr 1fr; }

	.sticky_50 .img_preview { display: block; margin-top: 2rem; padding-left: 1.5rem; }
	.sticky_50 .img_preview #img_1 { position: relative; }
	.sticky_50 .img_preview picture { position: absolute; top: 0; right: 0; width: calc(100% - 1.5rem); height: 100%; object-fit: cover; margin-top: 0; }

	.sticky_50 .right picture { display: none; }
	.sticky_50 .sticky_container { position: sticky; top: 15vh; }

	/* Features accordion */
	.accordion_features .card_accordion { width: calc((100% / 3) - 2rem); min-height: 21rem; }
	.accordion_features .accordion_head h3 { font-size: 1.25rem; }

	/* Gallery */
	#glightbox-body :where(.glightbox-container .gprev, .glightbox-container .gnext) { top: 45%; }

	/* Arrow siwiper */
	.arrow_siwper .slide_container { height: 50vh; max-height: 575px; }

	.arrow_siwper .swiper-slide.swiper-slide-active picture { height: 200%; }
	.arrow_siwper .swiper-slide.swiper-slide-active { margin-right: 10vw; }
	.arrow_siwper .bkg_word { left: -10rem; font-size: 15vw; }
	.arrow_siwper .nav_prev { left: 35vw; }
	.arrow_siwper .nav_next { right: 40vw; }
	.arrow_siwper .swiper-slide .text { width: 190%; top: 70%; }

	/* Sec caratteristiche */
	.sec_features .img_container picture img { max-height: 80vh; max-width: 1281px; }

	.sec_features.orizzontale .text_container { align-items: flex-start; justify-content: flex-start; gap: 2rem 4rem; }
	.sec_features.orizzontale .text_container .single_txt { width: calc(50% - 2rem); }

	.sec_features.verticale .flex_container { gap: var(--c5o); align-items: stretch; }
	.sec_features.verticale .img_container  { width: calc(50% - var(--c2o)); margin-bottom: 0; }
	.sec_features.verticale .img_container picture { position: sticky; top: 15vh; }
	.sec_features.verticale .text_container { width: calc(50% - var(--c2o)); }

	/* Sec picture */
	.picture_sec.reverse { flex-direction: row-reverse; }

	/* Accordion txt */
	.accordion_txt .grid_container.grid_2col { grid-template-columns: 1fr 1fr; gap: var(--c5o); }
	.accordion_txt .grid_container.grid_2col .left { display: flex; justify-content: center; align-items: flex-start; }
	.accordion_txt .grid_container.grid_2col .img_container { margin-bottom: 0; }

	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Section 1 */
	#s1_home .video_container {  padding: 0 var(--c2o); }
	#s1_home .video_container video { height: 90vh; max-height: 90vh; }
	#s1_home .video_container .play_btn { height: 45%; max-width: 300px; }
	#s1_home .video_container .play_btn .play { width: 50%; left: 1.5rem; }

	/* Section 2 */
	#s2_home {  margin-top: -6rem; }

	/*∞∞∞∞∞∞ PAGE AZIENDA ∞∞∞∞∞∞*/
	/* Section 5 */
	#s5_azienda .single_num { width: calc((100% / 3) - (4rem / 3)); }

	/*∞∞∞∞∞∞ PAGE SETTORI ∞∞∞∞∞∞*/
	#s5_settori .left p { font-size: calc(var(--p-size) * 1.6); }

	/*∞∞∞∞∞∞ PAGE SETTORI ∞∞∞∞∞∞*/
	#s3_contatti .contacts { gap: 1rem; grid-template-columns: 1fr 1fr 1fr; }

	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Top */
	#foot_info { align-items: flex-start; }
	.foot_block.top .right { align-items: flex-end; }

	/* Middle */
	.foot_block.middle .left { align-items: flex-start; }
	.foot_block.middle .right { align-items: flex-end; }

	/* Bottom */
	.foot_block.bottom .right { text-align: right; }

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

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

}






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

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

	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	#desktop_menu :where(a, button):not(#desktop_menu .sub_menu_dsk a) { font-size: 0.9rem; padding: 1rem 1rem; }
	#lang_select .wpml-ls-legacy-list-horizontal a { font-size: 0.9rem; }

	.sub_menu_dsk a { text-align: left; }
	.sub_menu_dsk a::before { content: url(../images/svg/orange-arrow-right.svg); position: relative; width: 0.5rem; min-width: 0.5rem; z-index: 1; pointer-events: none; }

	/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/
	/* Text temp1 */
	.txt_temp1 .text p { font-size: 1.75rem; line-height: 1.2; }

	/* Features accordion */
	.accordion_features .accordion_head h3 { font-size: calc(var(--h3-size) * 0.75); }

	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	#s3_home a picture img { height: 25rem; }

	/*∞∞∞∞∞∞ PAGE AZIENDA ∞∞∞∞∞∞*/
	/* Section 5 */
	#s5_azienda .num_container { gap: 4rem; }
	#s5_azienda .single_num { width: calc((100% / 3) - (8rem / 3)); }
	#s5_azienda .single_num :where(.num, .label) { font-size: 4.25rem; }
	
	/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/
	.archive_loop .accordion_head svg { width: 2.5rem; min-width: 2.5rem; }


}






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

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


}






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

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






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

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

	.arrow_siwper .container { max-width: unset; }

}