/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " Dronemaster "

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: 120px; /* <- in 'px' */
	--head-logo-min: 120;
	--head-logo-max: 348;
	max-width: 348px;
}
.head_logo :where(img, svg) { width: 100%; }




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

.fixed_head { border-radius: 4rem; background: rgba(217, 217, 217, 0.20); padding: .625rem 1.5rem; gap: 1rem; transition: .25s ease; position: fixed; top: 1.5rem; right: 1.5em; backdrop-filter: blur(10px); }
.fixed_head .desktop { gap: 1rem; }


/* Selettore lingua */
#wpml-ls-submenu-click-default { background-color: transparent; }

.lang { display: inline-block; transition: .25s ease; white-space: nowrap; }
.lang .wpml-ls-legacy-dropdown-click { width: auto; }
.lang .wpml-ls-legacy-dropdown-click a { padding: 0; background: transparent; border: 0 !important; color: var(--white); text-transform: uppercase; font-weight: 500; line-height: 1; font-size: clamp(16px, 1vw, 18vw); }
.lang .wpml-ls-legacy-dropdown-click a span { display: block; line-height: 1; }
.lang .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after { display: none; }
.lang .wpml-ls-legacy-dropdown-click .wpml-ls-current-language > a { padding-right: 1rem; background: url(../images/svg/form_sel_open_2.svg) no-repeat; background-size: .75rem; background-position: 100% 3px; }
.lang .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a, 
.lang .wpml-ls-legacy-dropdown-click a:focus, .lang .wpml-ls-legacy-dropdown-click a:hover { opacity: .75; background-color: transparent; color: var(--white); }
.lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu { border-top: 1px solid var(--white); margin-top: .125rem; }
.lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a { padding: .25rem 0; width: 100%; text-align: left; }
.lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-current-language:hover > a, 
.lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a:focus, .lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a:hover { opacity: .75; }

/* Link esterni */
.link_head { display: inline-flex; gap: .625rem; position: relative; color: var(--white); text-transform: uppercase; font-weight: 500; line-height: 1; font-size: clamp(16px, 1.25vw, 1.125rem); }
.link_head svg { height: 1.125rem; width: auto; }
.link_head svg path { fill: var(--white); }
.link_head:hover { opacity: .5; }

.fixed_head .desktop .link_head { /* font-size: clamp(16px, 1vw, 18vw); */ padding-left: 1rem; }
.fixed_head .desktop .link_head::before  {
	content: ""; width: .75rem; height: .75rem; border-radius: 5rem; background-color: var(--bluegreen); z-index: -1; 
	position: absolute; left: 0; top: 50%; transform: translateY(-50%); pointer-events: none;
}
/*
.fixed_head .desktop .link_head:hover { opacity: 1; }
.fixed_head .desktop .link_head:hover::before { width: 100%; height: 180%; }
*/







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

#hamburger {
	display: inline-block; font-size: var(--rem); line-height: 0; margin-left: 0rem;
	overflow: visible; cursor: pointer; transition: .25s ease;
}
#hamburger .wrap { width: 2.5em; height: 1.5em; }

/* 6 dots */
#hamburger .dots {
	position: absolute; inset: 0;
	display: grid; place-items: center; gap: .5rem .25rem;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
}
#hamburger .dots span {
	display: block; width: .5rem; height: .5rem; border-radius: 50%;
	background-color: var(--white);
	will-change: transform, opacity;
	transition: transform .25s ease, opacity .25s ease;
	transition-delay: calc(.1s + var(--i) * 30ms);
}


#close_menu {
	transform: translateY(-100%); pointer-events: none; opacity: 0;
	position: fixed; top: 2.5rem; right: var(--c2o); z-index: 3;

	display: inline-flex; justify-content: center; align-items: center; gap: .75rem; width: fit-content;
    padding: .75em 1.625em; border: 1px solid var(--white); border-radius: 5rem;
	font: inherit; font-size: 1rem; color: var(--white); font-weight: 700; text-transform: uppercase;
}



.menu_open .fixed_head { transform: translateY(-100%); pointer-events: none; opacity: 0; }
.menu_open #close_menu { transform: translateY(0); pointer-events: initial; opacity: 1; }


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

#main_nav { display: none; position: fixed; top: 0; left: 0; z-index: 1; background-color: var(--blue); }
#main_nav .menu_wrapper { gap: var(--c7v) 5%;  top: 0; left: 0; padding: 0 var(--c2o); padding-top: calc( 112px + ( 141 - 112 ) * ( (100vw - 320px) / 1600 ) ); height: 100dvh; overflow-y: scroll; }
#main_nav .menu_wrapper .wrapper { gap: var(--c7v) 5%; }
#main_nav video { opacity: 0.2; mix-blend-mode: multiply; }


.menu_left { display: grid; gap: 0 2rem; grid-template-columns: 1fr 1fr; }
.menu_left a {
	display: flex; align-items: center; gap: .75rem; padding: 0 0 .75rem .25rem; border-bottom: 1px solid #A8A8A8; margin-bottom: 1.25rem;
	color: var(--white); text-transform: uppercase; font-weight: 600; font-size: clamp(1.5rem, 3vw, 3rem);
}
/* .menu_left a.big { font-size: clamp(1.5rem, 3.5vw, 3.125rem); } */
.menu_left a svg { width: auto; height: 1.25rem; }
.menu_left a svg path { fill: var(--white); transition: .25s ease; }
.menu_left a:hover { color: var(--bluegreen); }
.menu_left a:hover svg path { fill: var(--bluegreen); }


.menu_right {}

.box_news { padding: 1rem 2.5rem 1rem 1rem; background: rgba(217, 217, 217, 0.20); width: 100%; }
.box_news span { color: var(--white); text-transform: uppercase; font-weight: 600; font-size: clamp(1.5rem, 2.5vw, 2.5rem); }
.box_news svg { position: absolute; top: 1rem; right: 1rem; width: 2rem; }

.box_valu { padding: 1rem 2.5rem 1rem 1rem; background: var(--white); margin-top: 1.5rem; }
.box_valu span { color: var(--blue); text-transform: uppercase; font-weight: 600; font-size: clamp(1.5rem, 2.5vw, 2.5rem); }
.box_valu svg { position: absolute; bottom: 1rem; right: 1rem; width: 2rem; }


.menu_cont a { display: inline-block; margin-right: 1rem; }
.menu_cont a:hover { color: var(--bluegreen); }
.menu_social a { width: 2.5em;; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ DARKMODE SWITCHER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/








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


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

.link {
	display: inline-flex; justify-content: center; align-items: center; gap: .75rem; position: relative; width: fit-content;
    padding: .75em 1.625em; border: 1px solid var(--white); border-radius: 5rem; background-color: var(--bluelight);
	font: inherit; font-size: 1rem; color: var(--white); font-weight: 600; text-transform: uppercase;
}
.link svg { width: auto; height: 1rem; }
.link:hover, .link:focus, .link:active { background-color: var(--bluegreen); }


.link.white { background-color: transparent; }
.link.white:hover, .link.white:focus, .link.white:active { background-color: var(--bluegreen); }






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

.filter_bt { background: linear-gradient(to top, var(--blue) 0%, transparent 100%); }
.filter_tb { opacity: 0.75; background: linear-gradient(180deg, var(--blue) 0%, rgba(3, 26, 28, 0.00) 80%); }

.card_filter { background: linear-gradient(to top, rgb(3 26 28 / 75%) 0%, transparent 100%); /* z-index: 1; */ }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ VARS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.pretitle { font-size: 1rem; color: var(--grey); font-weight: 400; letter-spacing: 2px; 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_wrap { gap: .25rem; position: absolute; position: absolute; bottom: 0; right: 0; transform: translateY(120%); }

.nav_btn { 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_btn.abs { top: 50%; transform: translateY(-50%);  }
.nav_prev.abs { left: 0; }
.nav_next.abs { right: 0; }

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


/* Dots */
#nav_dots .swiper-pagination-bullet { opacity: 1; background-color: transparent; border: 1px solid var(--white); width: .625rem; height: .625rem; }
#nav_dots .swiper-pagination-bullet-active { background-color: var(--white); }

/* Fraz*/
.gallery_prod .fraz_nav { position: absolute; bottom: 0; right: 0; transform: translateY(3.5rem); font-size: 1.25rem; color: var(--white); }
.gallery_prod .fraz_nav span { font-size: 1.25rem; color: var(--white); }

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



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

/* Social */
.social { gap: .625rem; }
.social a { display: inline-block; width: 3em; }
.social a :where(img,svg) { width: 100%; }
.social a svg path { transition: .25s ease; }
.social a:hover svg path { fill: var(--bluegreen); }



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

.sidebar { position: sticky; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BREADCRUMBS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#breadcrumb { display: flex; align-items: center; justify-content: flex-end; 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); text-transform: uppercase; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ANIMAZIONI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.s1 .s1_title.trigger h1, .s1 .s1_title.trigger .h1 { opacity: 0; }
.s1 .s1_title.trigger.active h1, .s1 .s1_title.trigger.active .h1 { opacity: 1; }

.trigger.text h1, .trigger.text h2, .trigger.text h3, .trigger.text .h1, .trigger.text .h2, .trigger.text .h3 { opacity: 0; transform: translateY(2rem); transition: .75s ease; }
.trigger.active.text h1, .trigger.active.text h2, .trigger.active.text h3, .trigger.active.text .h1, .trigger.active.text .h2, .trigger.active.text .h3 { opacity: 1; transform: translateY(0); }

.trigger.text .link { transition: all .25s ease, opacity .75s ease .25s, transform .75s ease .25s; opacity: 0; transform: translateY(2rem); }
.trigger.text.active .link { opacity: 1; transform: translateY(0); }

.trigger.text p { opacity: 0; transform: translateY(2rem); transition: .75s ease .25s; }
.trigger.active.text p { opacity: 1; transform: translateY(0); }







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


footer { background: url(../images/svg/pattern.svg) no-repeat center; background-size: cover; }


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

footer .contatti { padding: .625rem 0; border-top: 1px solid var(--white); border-bottom: 1px solid var(--white); justify-content: space-between; gap: 1rem; }
footer .contatti p { width: 100%; display: flex; align-items: center; justify-content: flex-start; gap: .25rem 1rem; position: relative; }
footer .contatti p span:nth-of-type(1) { display: block; text-transform: uppercase; color: var(--grey); letter-spacing: 2.34px; }
footer .contatti p a { font: inherit; text-decoration: unset; }
footer .contatti p a:hover { color: var(--bluegreen); }

.contatti.accrediti p { padding-left: 1rem; text-transform: uppercase; font-weight: 600; }
.contatti.accrediti p span { display: none !important; }
.contatti.accrediti p::after {
    content: ""; width: .5rem; height: .5rem; background-color: var(--white);
    position: absolute; left: 0; top: 50%; transform: translateY(-50%);
}

/* Foot Logo */
.foot_logo { display: block; width: 100%; margin: var(--c10v) 0; }
.foot_logo :where(img, svg) { width: 100%; }


/* Foot Block */
.foot_block h4 { text-transform: uppercase; font-size: 1.25rem; color: var(--grey); margin-bottom: 1.25rem; letter-spacing: 2.34px; }
.foot_block a { font-size: 1rem; color: var(--white); text-transform: uppercase; margin-bottom: .25rem; }
.foot_block a:hover { color: var(--bluegreen); }


/* CTA FISSA */
.cta_fissa { position: fixed; bottom: 1.5rem; left: 50%; transform: translate(-50%, 100%); opacity: 0; pointer-events: none; z-index: 3; width: max-content; }
.cta_fissa.active { transform: translate(-50%, 0); opacity: 1; pointer-events: initial; }





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

.compliance p { text-transform: uppercase; font-size: 1rem; color: var(--grey); margin-bottom: 1.25rem; letter-spacing: 2.34px; }
.compliance p a { display: inline-block; font: inherit; }
.compliance p a:hover { color: var(--bluegreen); }


#credits {  }
#credits p { text-transform: uppercase; font-size: .9rem; color: var(--grey); border-top: 1px solid var(--white); padding-top: 1rem; letter-spacing: 2.34px; }
#credits .resp_sep { display: none; }
#credits a { display: inline-block; font: inherit; color: inherit; }
#credits a:hover { color: var(--bluegreen); }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ 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(--white); }








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


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

.s1 { overflow-y: clip; }
.s1 .container { padding-top: calc( 112px + ( 141 - 112 ) * ( (100vw - 320px) / 1600 ) ); }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION IMG CORNER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.bkg_texture_left { background: url(../images/svg/pattern.svg) no-repeat center; background-size: cover; position: absolute; right: 0; top: 0; width: 25%; height: 100%; }


.sec_img.top_line { padding-top: var(--c7v); border-top: 1px solid rgb(var(--white-rgb) / 50%); }

.sec_img picture { position: absolute; top: 50%; right: -25%; transform: translate(0%, -50%); height: 95%; }
.sec_img picture img { height: 100%; }
.bkg_text { background-color: rgb(var(--white-rgb) / 10%); }
.bkg_text::after {
	content: ""; position: absolute; top: 1.5rem; left: 1.5rem;
	width: 45%; height: calc(100% - 3rem); background: url(../images/svg/pattern.svg) no-repeat center; background-size: cover;
}

.corner  { position: absolute; width: 1.5rem; height: 1px; background-color: rgb(var(--white-rgb) / 50%); z-index: 1; pointer-events: none; }
.corner::after { content: ""; position: absolute; display: inline-block; width: 1.5rem; height: 1px; background-color: rgb(var(--white-rgb) / 50%); transform: rotate(90deg); z-index: 1; pointer-events: none; }
.bottom_left::after, .top_right::after { transform: rotate(-90deg); }
.top_left, .top_left::after { top: 0; left: 0; }
.top_right, .top_right::after { top: 0; right: 0; }
.bottom_left, .bottom_left::after { bottom: 0; left: 0; }
.bottom_right, .bottom_right::after { bottom: 0; right: 0; }
.top_left::after { transform-origin: top left; left: 1px; }
.top_right::after { transform-origin: top right; right: 1px; }
.bottom_left::after { transform-origin: bottom left; left: 1px; }
.bottom_right::after { transform-origin: bottom right; right: 1px; }

/* Correzioni di posizione */
#s2_robo .sec_img picture { top: 65%; right: -21%; height: 85%; }
#s2_int .sec_img picture { top: 65%; right: -25%; height: 85%; }
#s2_azienda .sec_img picture { right: 0%; height: 65%; }
#s2_servizi .sec_img picture { top: 80%; width: 110%; }
#s2_prodotti .sec_img picture { top: 65%; right: -15%; }
#s2_accrediti .sec_img picture { top: 65%; right: 0; height: 85%; }



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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD PRODOTTTO (generale) ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.card_std .card_filter { z-index: 0; }
.card mark { display: inline-block; background: transparent; color: var(--white); }

.card_std picture img { transition: .25s ease; }
.card_std .card_filter { background: linear-gradient(180deg, rgb(51 76 82 / 98%) 30%, rgb(3 26 28 / 0%) 65%); }
.card_std .text { padding: 1.5rem; }
.card_std .text mark { display: block; margin-bottom: 1rem; }

.card_std a:hover picture img { transform: scale(1.05); }




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

.card_serv a { padding: 1.5rem; background: rgba(217, 217, 217, 0.20); }
.card_serv mark { position: absolute; top: .75rem; right: .75rem; }
.card_serv .text h3 { font-size: 2rem; }
.card_serv .text img { width: 4.5rem; height: 4.5rem; object-fit: contain; margin-top: 2rem; }

.card_serv a:hover { background: rgba(217, 217, 217, 0.50); }




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

.card_news mark span { display: inline-block; border: 1px solid var(--white); padding: .375rem .75rem; text-transform: uppercase; margin-right: .75rem; }

.card_news .grid { align-items: center; gap: 1rem; padding: 2.5rem 0; padding-right: 1rem; border-bottom: 1px solid var(--white); }
.card_news .infobox { margin-bottom: 1rem; }
.card_news .text h3 { font-size: clamp(1.25rem, 2vw, 2rem); }
.card_news .text p { font-size: 1rem; margin-top: .5rem; }

.card_news a:hover { background: rgba(217, 217, 217, 0.20); }








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


#s1_home .s1_title svg { width: 22%; }


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

#s2_home .container > .text { gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--white); }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION NUMERI SCROLL ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.numeri-ticker { overflow: hidden; border: 1px solid var(--white); }
.numeri-ticker__track { display: flex; width: max-content; will-change: transform; }
.numeri-ticker__group { display: flex; flex: none; margin: 0; padding: 0; list-style: none; }

.numeri-ticker__item {
	display: flex; align-items: baseline; gap: .25em; padding: 1rem 2rem; border-right: 1px solid var(--white);
	white-space: nowrap; text-transform: uppercase; line-height: 1; font-size: 8vw;
}
.numeri-ticker__num {
	color: transparent; font-weight: 600;
	-webkit-text-stroke: 2px rgba(255, 255, 255, .6);
}
.numeri-ticker__txt { color: #fff; font-weight: 600; }

/* Chi ha disattivato le animazioni può scorrere a mano */
@media (prefers-reduced-motion: reduce) {
	.numeri-ticker { overflow-x: auto; }
}




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

#s3_home .text h2 { font-size: 13vw; }
#s3_home .text p { max-width: 25rem; }

.link_pre { gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.link_pre .link { margin: 0; font-size: 18px; }


.bkg_parallax { width: auto; top: 10%; right: 2.5%; height: 80%; opacity: .125; }
.bkg_parallax .sized { background-position: 25%; background-size: 200%; }

.wrapper_comp { padding: 0 var(--c5o); display: grid; gap: 1rem; }
.box_std { background: rgba(217, 217, 217, 0.20); backdrop-filter: blur(5px); width: 100%; }
.box_std .content { height: 100%; }

.wrapper_comp .box_std .content img { margin-bottom: 3rem; }
.wrapper_comp .box_std .content { padding-bottom: 2rem; }



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

#s4_home .text h2 { font-size: 11vw; }
#s4_home .text p { max-width: 25rem; }

.box_ambito_home { background: rgba(217, 217, 217, 0.20); padding: 2rem; aspect-ratio: 4.5 / 5; }
.box_ambito_home .content { height: 100%; }
.box_ambito_home h3 { font-size: clamp(1.25rem, 2vw, 1.75rem); }
.box_ambito_home img { object-fit: contain; height: 5rem; width: 5rem; }

/*
.box_ambito_home:nth-of-type(1) img { transform: scale(1.5) translateX(-20%); }
.box_ambito_home:nth-of-type(2) img { transform: translate(10%, -5%) rotate(10deg) scaleX(-1); }
.box_ambito_home:nth-of-type(3) img { transform: scale(1.2) translate(-20%, -8%); }
.box_ambito_home:nth-of-type(4) img { transform: scale(1.2) translate(10%, 20%) scaleX(-1); }
*/



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

#s5_home { background: linear-gradient(119deg, #031A1C 24.16%, #0E7982 185.73%); }
#s5_home .sized { background-position: left; }

.wrapper_accre { gap: 1rem; grid-template-columns: 1fr 1fr; }
.box_accre { padding: 2rem 1rem; border: 1px solid var(--white); background-color: rgb(var(--white-rgb) / 10%); }
.box_accre img { width: 70%; height: 3.5rem; object-fit: contain; margin-bottom: 1.5rem; }
.box_accre h3 { font-size: clamp(1.125rem, 1.5vw, 1.5rem); }
.box_accre h3 span { display: none }






/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 6 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* ===== Animazione mappa ===== */
#mappa { position: absolute; left: -10%; top: -32%; width: 75%; }
.mappa{height:auto;display:block;overflow:visible}

/* linea che cresce dalla mappa verso l'alto */
.mappa .stem{stroke-dasharray:1;stroke-dashoffset:-1}
.mappa .ring,.mappa .dot{transform-box:fill-box;transform-origin:center;transform:scale(0);opacity:0}
.mappa.active .stem{animation:drawStem .7s ease-out forwards;animation-delay:calc(var(--i) * .18s)}
.mappa.active .ring{
  animation:popIn .6s cubic-bezier(.34,1.56,.64,1) forwards, breathe 3.2s ease-in-out infinite;
  animation-delay:calc(.5s + var(--i) * .18s), calc(1.3s + var(--i) * .5s);
}
.mappa.active .dot{animation:popIn .45s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(.7s + var(--i) * .18s)}
@keyframes drawStem{to{stroke-dashoffset:0}}
@keyframes popIn{to{transform:scale(1);opacity:1}}
@keyframes breathe{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.85}}
/* hover: il segnaposto si solleva leggermente */
.mappa .pin{transition:transform .3s ease}
.mappa .pin:hover{transform:translateY(-4px)}
/* accessibilità */
@media (prefers-reduced-motion:reduce){
  .mappa .ring,.mappa .dot{animation:none!important;opacity:1;transform:none}
  .mappa .stem{animation:none!important;stroke-dashoffset:0}
}


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

 /* Section 2 */
.big_p p { font-size: 1.5rem; }


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE [...] ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 1 */

/* Section 2 */

/* Section 3 */




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE SERVIZI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrapper_card { gap: 1.5rem; }

.card_special { background: #0F3139; height: 100%; border-radius: 0 0 var(--c2o) 0; padding: 1.5rem; /* grid-column: 2 span; */ }
.card_special p { font-size: 1.5rem; }
.card_special .link { margin-top: 1.25rem; }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE INTEGRAZIONI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.bkg_rounded { position: absolute; top: 0; left: -2.5%; width: 105%; height: 100%; background-color: rgb(var(--white-rgb) / 10%); border-radius: 50rem 0 0 50rem; }

.box_elenco { border-bottom: 1px solid var(--white); padding: 1.5rem 0; }
.box_elenco .corner { opacity: 0; }
.box_elenco .tit { gap: 1rem; }
.box_elenco .tit img { width: 1.25rem; }
.box_elenco .tit h3 { font-size: 1.25rem; }
.box_elenco .text { padding-left: 3.5rem; margin-top: 1.5rem; }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE ROBOTICA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 3 */
.wrapper_ambiti_operativi { gap: 1.5rem; }

.box_ambito { background: rgba(217, 217, 217, 0.20); padding: 2rem; }
.box_ambito .content { height: 100%; }
.box_ambito h3, .box_ambito p { position: relative; z-index: 2; }
.box_ambito h3 { margin-bottom: 1rem; }
.box_ambito p { font-size: 1rem; }
.box_ambito img { height: 5rem; width: 5rem; object-fit: contain; z-index: 0; margin-bottom: 1rem; }

/*
.box_ambito:nth-of-type(2) img { transform: scale(2) translateY(20%) rotate(10deg) scaleX(-1); }
.box_ambito:nth-of-type(3) img { transform: scale(1.5) translateY(15%); }
.box_ambito:nth-of-type(4) img { transform: scale(1.2) translateY(25%) scaleX(-1); }
*/

/* Section 4 */
.card_accordion { padding-bottom: 1.5rem; margin-bottom: 1.5rem; }
.card_accordion::after { content: ""; width: 102.5%; height: 1px; background-color: var(--grey); position: absolute; left: -2.5%; bottom: 0; }

.accordion_head { gap: 1rem; cursor: pointer; }
.accordion_head .tit { width: calc(100% - 3rem); gap: .75rem; }
.accordion_head .tit img { width: 2rem; }
.accordion_head svg { width: 2.5rem; } 
.accordion_head svg * { fill: var(--white); }
.accordion_head.active svg .plus { opacity: 0; }

.accordion_text { display: none; margin-top: 1rem; }
.accordion_text p { max-width: 66ch; }





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

#swiper_pilastri .swiper { padding: 1px; }
#swiper_pilastri .swiper-slide { background: rgba(217, 217, 217, 0.20); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE ACCREDITI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#swiper_accrediti .swiper { padding: 1px; }
#swiper_accrediti .swiper-slide { background: rgba(217, 217, 217, 0.20); }

.box_std .content { padding: 1rem; }
.box_std .content h3 { margin-top: 1.5rem; margin-bottom: 1.5rem; font-size: clamp(1.25rem, 2vw, 1.625rem); }
.box_std .content img { width: 70%; height: 4rem; object-fit: contain; margin-bottom: 1.5rem; }
.box_std .content p { font-size: 1.125rem; }



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

.gree_light { position: relative; display: inline-block; border-radius: 5rem; border: 1px solid var(--white); padding: .5rem 1.25rem .5rem 2.25rem; margin-left: 1rem; color: var(--white); font-weight: 500; letter-spacing: 0; }
.gree_light::after { content: ""; width: .75rem; height: .75rem; border-radius: 5rem; background-color: #2DDF09; position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); animation: dots infinite 1.5s ease forwards; }


@keyframes dots {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}





.wrapper_contatti { margin-top: var(--c5v); }
.wrapper_contatti p { display: flex; align-items: flex-start; justify-content: flex-start; gap: .25rem 1rem; position: relative; margin-top: .625rem; padding-top: .625rem; width: 100%; }
.wrapper_contatti p span:nth-of-type(1) { display: block; width: 10rem; text-transform: uppercase; color: var(--grey); letter-spacing: 2.34px; }
.wrapper_contatti p a { text-decoration: unset; }

.wrapper_contatti p::after { content: ""; width: 105%; height: 1px; background-color: var(--grey); position: absolute; left: -5%; top: 0; }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE NEWS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Custom pagination */
.pagination { gap: .25rem; margin-top: 1.5rem; }
.pagination .nav-links { display: flex; align-items: center; justify-content: center; gap: .125rem; }
.pagination a, .pagination span {
    min-width: unset; width: 2rem; height: 2rem; aspect-ratio: 1 / 1; border-radius: 5rem;
    display: flex; align-items: center; justify-content: center;
    background-color: transparent;
    color: var(--bluegreen);
}
.pagination .current { background-color: var(--bluegreen) !important; color: var(--white) !important; }
.pagination a:hover, .pagination a:focus,
.pagination span:hover, .pagination span:focus { opacity: .75; background-color: var(--bluegreen) !important; }
.pagination .next, .pagination .prev { display: none; }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE PARTNER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrapper_prt { gap: .5rem; }
.wrapper_prt .logo { width: 45%; position: relative; }
.wrapper_prt .logo a { border: 1px solid rgb(var(--black-rgb) / 10%); border-radius: 1rem; padding: 1rem; background-color: var(--white); }
.wrapper_prt .logo span { margin-top: 1rem; display: inline-block; font-weight: 600; font-size: 10px; }
.wrapper_prt .logo img { width: 10rem; height: 5rem; object-fit: contain; }

.wrapper_prt .logo .pretit { margin-top: 0; position: absolute; top: 0; left: 1.25rem; transform: translateY(-50%); background-color: var(--white); font-weight: 400; padding: 2px; }






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


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




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

/* Search & Filter */

/* Terms Loop */

/* Posts Loop */
.s2_archive .grid { grid-template-columns: 1fr; grid-gap: 2em 1em; }

/* Custom pagination */
.pagination {}

/* Load More */




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION [...] ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/








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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE PAGE CONTENT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.sec_page { padding-top: var(--c10v); }
.last_sep { padding-bottom: var(--c10v); }

/* Gallery */
.sec_gallery .ratio-16-9 { aspect-ratio: 16 / 6; }

/* Elenco icone */
.wrapper_icon { gap: 2rem 1.5rem; }
.icon_row { border-bottom: 1px solid var(--white); gap: .625rem; padding-bottom: 1.25rem; }
.icon_row img { width: 2rem; height: 2rem; object-fit: contain; }




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

.single_base .s2_single article { color: var(--white); font-size: clamp(16px, 1.5vw, 24px); line-height: 1.5; }

.s2_single .infobox { gap: 1rem; }
.s2_single mark { display: inline-block; background: transparent; color: var(--white); font-size: 1.25rem; min-width: max-content; }
.s2_single mark span { display: inline-block; border: 1px solid var(--white); padding: .375rem .75rem; text-transform: uppercase; margin-right: 1rem; }




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




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION [...] ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/








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


/* WP-Form - Custom */
#form { padding: 1.5rem; background: rgba(217, 217, 217, 0.20); }
#form h3 { margin-bottom: 2rem; padding-bottom: .625rem; border-bottom: 1px solid var(--white); color: var(--white); }

#form .wpforms-field label, #form .wpforms-field legend { font-size: 1rem; color: var(--grey); font-weight: 500; text-transform: uppercase; letter-spacing: 2.34px; }

#form .wpforms-field :where(input, textarea, select) {
	background-color: transparent; border: 0; border-bottom: 1px solid var(--white); border-radius: 0;
	padding: 0 0 .25rem 0; font-size: 1rem; color: var(--white);
}
#form .wpforms-field textarea { border: 1px solid var(--white); padding: .5rem; }
#form .wpforms-field input::placeholder, #form .wpforms-field textarea::placeholder { color: var(--white); opacity: 1; }


#form .wpforms-field:not(.wpforms-field-checkbox, .wpforms-field-textarea) > label:not(.wpforms-error) {
	font-size: 1rem; color: var(--grey); font-weight: 500; text-transform: uppercase;
	position: absolute; left: 0; top: 0; transform-origin: top left; transition: .125s ease; 
}
#form .wpforms-field:not(.wpforms-field-checkbox, .wpforms-field-textarea).focus > label:not(.wpforms-error) { transform: translateY(-100%) scale(.75); top: 0; }


#form .wpforms-field.custom_check input[type="checkbox"] { position: absolute; left: -9999999999px; }
#form .wpforms-field.custom_check li label { display: inline-block; padding: .25rem .75rem; border: 1px solid var(--grey); border-radius: 5rem; font-size: 1rem; font-weight: 500; letter-spacing: 0; }
#form .wpforms-field.custom_check .wpforms-selected label { border-color: var(--white); color: var(--white); background-color: rgb(var(--white-rgb) / 10%); }


#form .wpforms-field.wpforms-field-checkbox:not(.custom_check) li input[type="checkbox"] { border-color: var(--grey); }
#form .wpforms-field.wpforms-field-checkbox:not(.custom_check) li input[type="checkbox"]:checked { background-color: rgb(var(--white-rgb) / 10%); border-color: var(--white); }
#form .wpforms-field.wpforms-field-checkbox:not(.custom_check) li label,
#form .wpforms-field.wpforms-field-checkbox:not(.custom_check) li a { text-transform: uppercase; }
#form .wpforms-field.wpforms-field-checkbox:not(.custom_check) li label a:hover { color: var(--bluegreen); }

#form .wpforms-submit-container { display: flex; align-items: center; justify-content: flex-end; }

#form button[type=submit], #form input[type=submit] {
    font-size: 1.25rem; color: var(--blue); font-weight: 600; text-transform: uppercase;
    padding: .625rem 1.5rem; background-color: var(--white); border: 1px solid var(--white); border-radius: 7rem;
}
#form button[type=submit]:hover, #form input[type=submit]:hover { background-color: var(--blue); color: var(--white); }














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


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

#s1_grazie {}




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




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

#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 ) ); }




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


/*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/
/* Buttons */
/* Links */
/* Filters */
/* Sections 1 */
/* Breadcrumbs */
/* Scroll */
/* Components */
/* Cards */
/* Sidebar */
/* ... */


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


/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/
/* Section 1 */


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


/*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/
/* Sec 1 */
/* Sec 2 */
/* Sec [...] */


/*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/
/* Template ... */
/* Template ... */
/* Template ... */


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


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


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


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




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

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

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

	/* Logo */

	/* Head Content */
	.head_wrapper { padding: 1.5em 2.5%; z-index: 2; }
	.fixed_head { right: 2.5%; }

	/* Hamburger */
	/* Nav Menu */



	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Sec 3 */
	.wrapper_comp { grid-template-columns: 1fr 1fr; }

	/* Sec 4 */
	#s4_home .wrapper_ambiti_operativi { grid-template-columns: 1fr 1fr; }

	
}






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

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

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

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


	/*∞∞∞∞∞∞ SERVIZI ∞∞∞∞∞∞*/
	.wrapper_card { gap: 1.5rem; grid-template-columns: 1fr 1fr; }

	/*∞∞∞∞∞∞ PARTNER ∞∞∞∞∞∞*/
	.wrapper_prt { gap: 1rem }
	.wrapper_prt .logo { width: calc(30% - 1rem); }
	.wrapper_prt .logo a:hover { transform: scale(.95); }
	.wrapper_prt .logo span { font-size: 14px; }

}



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

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


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	#main_nav .menu_wrapper { overflow-y: visible; padding-top: calc( 112px + ( 141 - 112 ) * ( (100vw - 320px) / 1600 ) + var(--c3v) ); }
	#main_nav .menu_wrapper .wrapper { align-items: stretch; gap: 0 3rem; }
	.menu_left { grid-template-columns: 1fr 1fr; gap: 0 3rem; }
	.menu_left a svg { height: 2.5rem; }
	.menu_left .col_1 a:last-of-type, .menu_left .col_2 a:last-of-type { margin-bottom: 0; }

	.menu_right { display: flex; align-items: center; justify-content: center; flex-direction: column; }
	
	.box_valu { height: 115%; }
	.box_news { height: 85%; }
	.box_valu:hover { opacity: .75; }
	.box_news:hover { background-color: rgb(var(--white-rgb) / 40%); }
	

	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */
	footer .contatti p { width: auto; }
	.flex_fut { display: flex; align-items: center; justify-content: center; }

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



	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Sec numeri*/
	.link_abs { position: absolute; right: calc(1px + var(--c2o)); top: 1px; height: calc(100% - 2px); padding: 1rem 2rem; background-color: var(--blue); border-left: 1px solid var(--white); }
	.numeri-ticker__item { font-size: 5vw; }

	/* Section 3 */
	.bkg_parallax { opacity: 1; }
	.wrapper_comp { padding: 0; padding-left: var(--c5o); display: flex; align-items: center; justify-content: flex-start; gap: 2rem; min-width: max-content; }
	.wrapper_comp .box_std { width: 20vw; aspect-ratio: 4 / 5; } 
	.wrapper_comp .box_std .content { padding: 1rem; }

	/* Section 4 */
	#s4_home > .contain { position: absolute; left: -20%; bottom: 0; width: 50%; }


	/*∞∞∞∞∞∞ INTEGRAZIONI ∞∞∞∞∞∞*/
	/* Sec 3 */
	.box_elenco .text { display: block; height: 0; opacity: 0; overflow: hidden; margin-top: 0; }

	.circle_wrap { width: min(100%, 32rem); aspect-ratio: 1; margin: 0 auto; display: flex; align-items: center; justify-content: center; }
	.circle_progress { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); overflow: visible; }

	.circle_progress circle { fill: none; }
	.circle_progress .track { stroke: rgba(255, 255, 255, .6); stroke-width: 1; }
	.circle_progress .bar { stroke: var(--bluegreen); stroke-width: 24; stroke-dasharray: 100; stroke-dashoffset: 100; }
	.circle_content { z-index: 1; max-width: 70%; }


	/*∞∞∞∞∞∞ CONTATTI ∞∞∞∞∞∞*/
	#form .wpforms-submit-container { margin-top: -1.5rem; }

	/*∞∞∞∞∞∞ ACCREDITI ∞∞∞∞∞∞*/
	#swiper_accrediti { padding: 0 var(--c5o); }

	/*∞∞∞∞∞∞ AZIENDA ∞∞∞∞∞∞*/
	#swiper_pilastri { padding: 0 var(--c5o); }

	/*∞∞∞∞∞∞ ROBOTICA ∞∞∞∞∞∞*/
	.wrapper_ambiti_operativi { grid-template-columns: 1fr 1fr; }
	.box_ambito { padding: 2rem var(--c2o); }

	/*∞∞∞∞∞∞ NEWS ∞∞∞∞∞∞*/
	.card_news .grid { grid-template-columns: 20% 1fr 2.5rem; }

	/*∞∞∞∞∞∞ SERVIZI ∞∞∞∞∞∞*/
	.wrapper_card { grid-template-columns: 1fr 1fr 1fr; }

	/*∞∞∞∞∞∞ PAGE CONTENT ∞∞∞∞∞∞*/
	.wrapper_icon { grid-template-columns: 1fr 1fr; }


	/*∞∞∞∞∞∞ PARTNER ∞∞∞∞∞∞*/
	.wrapper_prt { gap: 2rem; padding: 0 var(--c5o); }
	.wrapper_prt .logo { width: calc(25% - 2rem); }
	.wrapper_prt .logo img { height: 6rem; }
	.wrapper_prt .logo span { font-size: 16px; margin-top: 2rem; }


}






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

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

	/*∞∞∞∞∞∞ SERVIZI ∞∞∞∞∞∞*/
	.wrapper_card { grid-template-columns: 1fr 1fr 1fr 1fr; }

	/*∞∞∞∞∞∞ NEWS ∞∞∞∞∞∞*/
	.card_news .grid { gap: 2rem; }


	/*∞∞∞∞∞∞ PARTNER ∞∞∞∞∞∞*/
	.wrapper_prt { gap: 2rem; }
	.wrapper_prt .logo { width: calc(20% - 2rem); }

}






/**
 *
 *  █▀▀▄  █▀▀  ▄▀▀  █ ▄▀  ▀█▀  ▄▀▀▄  █▀▀▄
 *  █  █  █▀▀   ▀▄  █▀▄    █   █  █  █  █
 *  ▀▀▀   ▀▀▀  ▀▀   ▀ ▀▀   ▀    ▀▀   █▀▀  - 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 ) {}